@saasquatch/mint-components 2.0.4-9 → 2.0.5-0

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 (206) hide show
  1. package/dist/cjs/{IndirectTaxDetailsView-d39b895d.js → IndirectTaxDetailsView-659a139c.js} +2 -2
  2. package/dist/cjs/{ShadowViewAddon-7066fae7.js → ShadowViewAddon-ae3a32c3.js} +24 -22
  3. package/dist/cjs/{global-94f36ad7.js → global-e862bfd4.js} +54 -55
  4. package/dist/cjs/loader.cjs.js +2 -2
  5. package/dist/cjs/mint-components.cjs.js +2 -2
  6. package/dist/cjs/sqm-banking-info-form_10.cjs.entry.js +43 -29
  7. package/dist/cjs/sqm-big-stat_47.cjs.entry.js +18 -27
  8. package/dist/cjs/sqm-code-verification.cjs.entry.js +1 -1
  9. package/dist/cjs/sqm-email-verification.cjs.entry.js +4 -7
  10. package/dist/cjs/sqm-empty_4.cjs.entry.js +1 -1
  11. package/dist/cjs/{sqm-form-message_2.cjs.entry.js → sqm-form-message.cjs.entry.js} +0 -50
  12. package/dist/cjs/{sqm-lead-checkbox-field-view-c0123bfa.js → sqm-lead-checkbox-field-view-dca40eb4.js} +1 -1
  13. package/dist/cjs/sqm-lead-checkbox-field.cjs.entry.js +3 -3
  14. package/dist/cjs/{sqm-lead-input-field-view-6983eaa1.js → sqm-lead-input-field-view-2006001f.js} +1 -1
  15. package/dist/cjs/sqm-lead-input-field.cjs.entry.js +3 -3
  16. package/dist/cjs/sqm-leaderboard-rank.cjs.entry.js +1 -1
  17. package/dist/cjs/sqm-pagination_3.cjs.entry.js +2 -2
  18. package/dist/cjs/{sqm-portal-email-verification-view-d968178a.js → sqm-portal-email-verification-view-1745d9a2.js} +6 -4
  19. package/dist/cjs/sqm-portal-email-verification.cjs.entry.js +2 -2
  20. package/dist/cjs/{sqm-portal-profile-view-f74b8d6c.js → sqm-portal-profile-view-5c5e29b1.js} +1 -1
  21. package/dist/cjs/sqm-portal-profile.cjs.entry.js +2 -2
  22. package/dist/cjs/{sqm-qr-code-view-a2889aee.js → sqm-qr-code-view-4ccf89da.js} +5 -1
  23. package/dist/cjs/sqm-qr-code.cjs.entry.js +1 -1
  24. package/dist/cjs/sqm-referral-table_11.cjs.entry.js +2 -2
  25. package/dist/cjs/sqm-rewards-table_9.cjs.entry.js +2 -2
  26. package/dist/cjs/sqm-stencilbook.cjs.entry.js +52 -85
  27. package/dist/cjs/{useLeadFormState-f8b33c07.js → useLeadFormState-91999606.js} +1 -1
  28. package/dist/cjs/{utils-5ecfecd9.js → utils-4eb18a29.js} +30 -18
  29. package/dist/collection/collection-manifest.json +0 -1
  30. package/dist/collection/components/sqm-edit-profile/sqm-edit-profile-view.js +1 -1
  31. package/dist/collection/components/sqm-empty/EmptyState.stories.js +1 -1
  32. package/dist/collection/components/sqm-form-message/FormMessage.stories.js +0 -5
  33. package/dist/collection/components/sqm-form-message/sqm-form-message.js +0 -30
  34. package/dist/collection/components/sqm-invoice-table/InvoiceTable.stories.js +5 -5
  35. package/dist/collection/components/sqm-invoice-table/sqm-invoice-table.js +1 -1
  36. package/dist/collection/components/sqm-lead-form/sqm-lead-form-view.js +7 -5
  37. package/dist/collection/components/sqm-leaderboard/sqm-leaderboard-view.js +2 -2
  38. package/dist/collection/components/sqm-portal-email-verification/PortalEmailVerification.stories.js +0 -1
  39. package/dist/collection/components/sqm-portal-email-verification/sqm-portal-email-verification-view.js +5 -3
  40. package/dist/collection/components/sqm-qr-code/sqm-qr-code-view.js +5 -1
  41. package/dist/collection/components/sqm-referral-codes/sqm-referral-codes.js +1 -1
  42. package/dist/collection/components/sqm-referral-table/ReferralTable.stories.js +5 -5
  43. package/dist/collection/components/sqm-referral-table/sqm-referral-table.js +1 -1
  44. package/dist/collection/components/sqm-reward-exchange-list/sqm-reward-exchange-list-view.js +8 -8
  45. package/dist/collection/components/sqm-rewards-table/RewardsTable.stories.js +5 -5
  46. package/dist/collection/components/sqm-rewards-table/sqm-rewards-table.js +1 -1
  47. package/dist/collection/components/sqm-stencilbook/Themes.js +0 -12
  48. package/dist/collection/components/sqm-stencilbook/sqm-stencilbook.js +0 -2
  49. package/dist/collection/components/sqm-task-card/sqm-task-card-view.js +5 -5
  50. package/dist/collection/components/sqm-widget-verification/sqm-email-verification/sqm-email-verification-view.js +3 -6
  51. package/dist/collection/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form-view.js +1 -1
  52. package/dist/collection/components/tax-and-cash/sqm-payout-details-card/sqm-payout-details-card-view.js +5 -5
  53. package/dist/collection/components/tax-and-cash/sqm-payout-status-alert/sqm-payout-status-alert-view.js +14 -11
  54. package/dist/collection/components/tax-and-cash/sqm-tax-and-cash/LoadingView.js +29 -17
  55. package/dist/collection/components/tax-and-cash/sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard-view.js +15 -5
  56. package/dist/collection/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form-view.js +18 -14
  57. package/dist/collection/global/styles.js +54 -55
  58. package/dist/collection/global/styles.ts +1 -6
  59. package/dist/collection/tables/TableSlots.js +6 -6
  60. package/dist/esm/{IndirectTaxDetailsView-a7dd6e4c.js → IndirectTaxDetailsView-8dec05e4.js} +2 -2
  61. package/dist/esm/{ShadowViewAddon-fe2896cb.js → ShadowViewAddon-78a1c35c.js} +24 -22
  62. package/dist/esm/{global-536c422d.js → global-58a69018.js} +54 -55
  63. package/dist/esm/loader.js +2 -2
  64. package/dist/esm/mint-components.js +2 -2
  65. package/dist/esm/sqm-banking-info-form_10.entry.js +43 -29
  66. package/dist/esm/sqm-big-stat_47.entry.js +18 -27
  67. package/dist/esm/sqm-code-verification.entry.js +1 -1
  68. package/dist/esm/sqm-email-verification.entry.js +4 -7
  69. package/dist/esm/sqm-empty_4.entry.js +1 -1
  70. package/dist/esm/{sqm-form-message_2.entry.js → sqm-form-message.entry.js} +1 -50
  71. package/dist/esm/{sqm-lead-checkbox-field-view-5c387852.js → sqm-lead-checkbox-field-view-81541e40.js} +1 -1
  72. package/dist/esm/sqm-lead-checkbox-field.entry.js +3 -3
  73. package/dist/esm/{sqm-lead-input-field-view-fa2488c9.js → sqm-lead-input-field-view-d543d939.js} +1 -1
  74. package/dist/esm/sqm-lead-input-field.entry.js +3 -3
  75. package/dist/esm/sqm-leaderboard-rank.entry.js +1 -1
  76. package/dist/esm/sqm-pagination_3.entry.js +2 -2
  77. package/dist/esm/{sqm-portal-email-verification-view-8bbe5fcf.js → sqm-portal-email-verification-view-5fb1a99e.js} +6 -4
  78. package/dist/esm/sqm-portal-email-verification.entry.js +2 -2
  79. package/dist/esm/{sqm-portal-profile-view-9848caf1.js → sqm-portal-profile-view-e3aef106.js} +1 -1
  80. package/dist/esm/sqm-portal-profile.entry.js +2 -2
  81. package/dist/esm/{sqm-qr-code-view-804b8bb6.js → sqm-qr-code-view-ea505213.js} +5 -1
  82. package/dist/esm/sqm-qr-code.entry.js +1 -1
  83. package/dist/esm/sqm-referral-table_11.entry.js +2 -2
  84. package/dist/esm/sqm-rewards-table_9.entry.js +2 -2
  85. package/dist/esm/sqm-stencilbook.entry.js +52 -85
  86. package/dist/esm/{useLeadFormState-5a6188da.js → useLeadFormState-8d4b2620.js} +1 -1
  87. package/dist/esm/{utils-fafc712f.js → utils-2695a43e.js} +30 -18
  88. package/dist/esm-es5/{IndirectTaxDetailsView-a7dd6e4c.js → IndirectTaxDetailsView-8dec05e4.js} +1 -1
  89. package/dist/esm-es5/{ShadowViewAddon-fe2896cb.js → ShadowViewAddon-78a1c35c.js} +1 -1
  90. package/dist/esm-es5/{global-536c422d.js → global-58a69018.js} +1 -1
  91. package/dist/esm-es5/loader.js +1 -1
  92. package/dist/esm-es5/mint-components.js +1 -1
  93. package/dist/esm-es5/sqm-banking-info-form_10.entry.js +1 -1
  94. package/dist/esm-es5/sqm-big-stat_47.entry.js +1 -1
  95. package/dist/esm-es5/sqm-code-verification.entry.js +1 -1
  96. package/dist/esm-es5/sqm-email-verification.entry.js +1 -1
  97. package/dist/esm-es5/sqm-empty_4.entry.js +1 -1
  98. package/dist/esm-es5/sqm-form-message.entry.js +1 -0
  99. package/dist/esm-es5/{sqm-lead-checkbox-field-view-5c387852.js → sqm-lead-checkbox-field-view-81541e40.js} +1 -1
  100. package/dist/esm-es5/sqm-lead-checkbox-field.entry.js +1 -1
  101. package/dist/esm-es5/{sqm-lead-input-field-view-fa2488c9.js → sqm-lead-input-field-view-d543d939.js} +1 -1
  102. package/dist/esm-es5/sqm-lead-input-field.entry.js +1 -1
  103. package/dist/esm-es5/sqm-leaderboard-rank.entry.js +1 -1
  104. package/dist/esm-es5/sqm-pagination_3.entry.js +1 -1
  105. package/dist/esm-es5/sqm-portal-email-verification-view-5fb1a99e.js +1 -0
  106. package/dist/esm-es5/sqm-portal-email-verification.entry.js +1 -1
  107. package/dist/esm-es5/{sqm-portal-profile-view-9848caf1.js → sqm-portal-profile-view-e3aef106.js} +1 -1
  108. package/dist/esm-es5/sqm-portal-profile.entry.js +1 -1
  109. package/dist/esm-es5/{sqm-qr-code-view-804b8bb6.js → sqm-qr-code-view-ea505213.js} +1 -1
  110. package/dist/esm-es5/sqm-qr-code.entry.js +1 -1
  111. package/dist/esm-es5/sqm-referral-table_11.entry.js +1 -1
  112. package/dist/esm-es5/sqm-rewards-table_9.entry.js +1 -1
  113. package/dist/esm-es5/sqm-stencilbook.entry.js +1 -1
  114. package/dist/esm-es5/{useLeadFormState-5a6188da.js → useLeadFormState-8d4b2620.js} +1 -1
  115. package/dist/esm-es5/utils-2695a43e.js +1 -0
  116. package/dist/mint-components/global/styles.ts +1 -6
  117. package/dist/mint-components/mint-components.esm.js +1 -1
  118. package/dist/mint-components/mint-components.js +1 -1
  119. package/dist/mint-components/{p-902b919d.system.entry.js → p-011c0990.system.entry.js} +1 -1
  120. package/dist/mint-components/{p-d6d31505.js → p-027c0b10.js} +32 -32
  121. package/dist/mint-components/{p-f6305644.js → p-088f082f.js} +1 -1
  122. package/dist/mint-components/{p-05e8620f.system.entry.js → p-0c024cf0.system.entry.js} +1 -1
  123. package/dist/mint-components/p-0d71303d.js +1 -0
  124. package/dist/mint-components/{p-33fff374.system.js → p-1215518e.system.js} +1 -1
  125. package/dist/mint-components/{p-b8878552.entry.js → p-12e6cea7.entry.js} +2 -2
  126. package/dist/mint-components/{p-19e407bd.system.js → p-13c6673e.system.js} +1 -1
  127. package/dist/mint-components/{p-4130caec.js → p-1aa9136c.js} +1 -1
  128. package/dist/mint-components/{p-a65610e3.entry.js → p-1b79b186.entry.js} +1 -1
  129. package/dist/mint-components/{p-ceb79149.js → p-1d8c5935.js} +1 -1
  130. package/dist/mint-components/{p-d07a46c6.system.entry.js → p-2ea3eea9.system.entry.js} +1 -1
  131. package/dist/mint-components/p-325c5476.js +1 -0
  132. package/dist/mint-components/{p-4b595fc3.system.entry.js → p-36a1fa33.system.entry.js} +1 -1
  133. package/dist/mint-components/p-3f661133.system.entry.js +1 -0
  134. package/dist/mint-components/{p-66effbef.entry.js → p-43ad51bc.entry.js} +1 -1
  135. package/dist/mint-components/p-478ad7c8.system.entry.js +1 -0
  136. package/dist/mint-components/{p-a71edffc.system.js → p-4965dae4.system.js} +1 -1
  137. package/dist/mint-components/{p-69bd9de3.entry.js → p-4c02afc8.entry.js} +7 -7
  138. package/dist/mint-components/{p-1e156272.system.js → p-4cc72a4e.system.js} +1 -1
  139. package/dist/mint-components/{p-8a24b9a9.entry.js → p-58c79873.entry.js} +1 -1
  140. package/dist/mint-components/{p-48bc3283.system.js → p-5fbe6356.system.js} +1 -1
  141. package/dist/mint-components/{p-30f37386.entry.js → p-6076dbaf.entry.js} +2 -2
  142. package/dist/mint-components/{p-1e0a8579.entry.js → p-775214ef.entry.js} +2 -2
  143. package/dist/mint-components/p-78dda262.system.js +1 -0
  144. package/dist/mint-components/p-829cb9ed.system.entry.js +1 -0
  145. package/dist/mint-components/{p-af02f28c.system.js → p-8618e8f6.system.js} +1 -1
  146. package/dist/mint-components/p-8d9fa981.system.js +1 -0
  147. package/dist/mint-components/p-947bacd1.system.js +1 -0
  148. package/dist/mint-components/{p-005ee5bf.js → p-988f236f.js} +1 -1
  149. package/dist/mint-components/{p-dcdd959e.entry.js → p-9a3ff9b9.entry.js} +2 -2
  150. package/dist/mint-components/{p-4e3303a8.system.entry.js → p-9d46f87f.system.entry.js} +1 -1
  151. package/dist/mint-components/{p-2192a6d7.entry.js → p-a470e203.entry.js} +2 -2
  152. package/dist/mint-components/p-a974c549.js +1 -0
  153. package/dist/mint-components/p-ab1e34f5.system.entry.js +1 -0
  154. package/dist/mint-components/p-ac9138fd.entry.js +1 -0
  155. package/dist/mint-components/{p-80196216.entry.js → p-ad3ebf4d.entry.js} +1 -1
  156. package/dist/mint-components/{p-78968e5f.js → p-bf044217.js} +1 -1
  157. package/dist/mint-components/{p-000dc98f.system.entry.js → p-c6e8086f.system.entry.js} +1 -1
  158. package/dist/mint-components/p-c7ac295d.system.entry.js +1 -0
  159. package/dist/mint-components/p-d88d8ffe.entry.js +1 -0
  160. package/dist/mint-components/p-dc5bca55.entry.js +1 -0
  161. package/dist/mint-components/{p-8f6b3391.system.entry.js → p-deecffd0.system.entry.js} +1 -1
  162. package/dist/mint-components/{p-e712a01d.entry.js → p-e19f0908.entry.js} +2 -2
  163. package/dist/mint-components/{p-648f881e.system.js → p-e3ee8c37.system.js} +1 -1
  164. package/dist/mint-components/p-e8bda98a.system.entry.js +1 -0
  165. package/dist/mint-components/p-ee3a7577.entry.js +144 -0
  166. package/dist/mint-components/p-ee83de0e.js +448 -0
  167. package/dist/mint-components/{p-f380bcd9.system.entry.js → p-f3613921.system.entry.js} +1 -1
  168. package/dist/mint-components/{p-a45124c1.system.entry.js → p-f5256738.system.entry.js} +1 -1
  169. package/dist/mint-components/p-f5820d03.system.js +1 -0
  170. package/dist/mint-components/{p-a7157ef3.entry.js → p-f7e49c12.entry.js} +2 -2
  171. package/dist/mint-components/{p-d8d818d9.system.entry.js → p-fcf8bdbc.system.entry.js} +1 -1
  172. package/dist/types/components/sqm-form-message/FormMessage.stories.d.ts +0 -1
  173. package/dist/types/components/sqm-form-message/sqm-form-message.d.ts +0 -6
  174. package/dist/types/components.d.ts +0 -39
  175. package/dist/types/saasquatch.d.ts +0 -4
  176. package/docs/docs.docx +0 -0
  177. package/docs/picklesdoc--2024-01-15--11-20-00.xlsx +0 -0
  178. package/docs/picklesdoc--2024-01-15--11-24-04.xlsx +0 -0
  179. package/docs/raisins.json +1 -1
  180. package/grapesjs/grapesjs.js +1 -1
  181. package/package.json +1 -1
  182. package/dist/collection/components/sqm-skeleton/Skeleton.stories.js +0 -16
  183. package/dist/collection/components/sqm-skeleton/sqm-skeleton.js +0 -90
  184. package/dist/esm-es5/sqm-form-message_2.entry.js +0 -1
  185. package/dist/esm-es5/sqm-portal-email-verification-view-8bbe5fcf.js +0 -1
  186. package/dist/esm-es5/utils-fafc712f.js +0 -1
  187. package/dist/mint-components/p-0d3803a2.js +0 -1
  188. package/dist/mint-components/p-10aea972.system.js +0 -1
  189. package/dist/mint-components/p-28973c9b.entry.js +0 -144
  190. package/dist/mint-components/p-397a5adf.system.entry.js +0 -1
  191. package/dist/mint-components/p-3ad8e1af.system.js +0 -1
  192. package/dist/mint-components/p-566d837b.system.js +0 -1
  193. package/dist/mint-components/p-59332a30.entry.js +0 -1
  194. package/dist/mint-components/p-5d39d345.system.entry.js +0 -1
  195. package/dist/mint-components/p-6c528a8c.system.entry.js +0 -1
  196. package/dist/mint-components/p-7c9520b7.system.js +0 -1
  197. package/dist/mint-components/p-8af550b9.system.entry.js +0 -1
  198. package/dist/mint-components/p-a115c57a.system.entry.js +0 -1
  199. package/dist/mint-components/p-a92c692b.js +0 -448
  200. package/dist/mint-components/p-ab4c0642.js +0 -1
  201. package/dist/mint-components/p-af758193.entry.js +0 -1
  202. package/dist/mint-components/p-c37744c7.entry.js +0 -1
  203. package/dist/mint-components/p-e0c7640f.js +0 -1
  204. package/dist/mint-components/p-ede77156.system.entry.js +0 -1
  205. package/dist/types/components/sqm-skeleton/Skeleton.stories.d.ts +0 -8
  206. package/dist/types/components/sqm-skeleton/sqm-skeleton.d.ts +0 -14
@@ -1 +1 @@
1
- var __makeTemplateObject=this&&this.__makeTemplateObject||function(e,t){if(Object.defineProperty){Object.defineProperty(e,"raw",{value:t})}else{e.raw=t}return e};var __assign=this&&this.__assign||function(){__assign=Object.assign||function(e){for(var t,r=1,i=arguments.length;r<i;r++){t=arguments[r];for(var n in t)if(Object.prototype.hasOwnProperty.call(t,n))e[n]=t[n]}return e};return __assign.apply(this,arguments)};var __awaiter=this&&this.__awaiter||function(e,t,r,i){function n(e){return e instanceof r?e:new r((function(t){t(e)}))}return new(r||(r=Promise))((function(r,a){function s(e){try{l(i.next(e))}catch(e){a(e)}}function o(e){try{l(i["throw"](e))}catch(e){a(e)}}function l(e){e.done?r(e.value):n(e.value).then(s,o)}l((i=i.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var r={label:0,sent:function(){if(a[0]&1)throw a[1];return a[1]},trys:[],ops:[]},i,n,a,s;return s={next:o(0),throw:o(1),return:o(2)},typeof Symbol==="function"&&(s[Symbol.iterator]=function(){return this}),s;function o(e){return function(t){return l([e,t])}}function l(s){if(i)throw new TypeError("Generator is already executing.");while(r)try{if(i=1,n&&(a=s[0]&2?n["return"]:s[0]?n["throw"]||((a=n["return"])&&a.call(n),0):n.next)&&!(a=a.call(n,s[1])).done)return a;if(n=0,a)s=[s[0]&2,a.value];switch(s[0]){case 0:case 1:a=s;break;case 4:r.label++;return{value:s[1],done:false};case 5:r.label++;n=s[1];s=[0];continue;case 7:s=r.ops.pop();r.trys.pop();continue;default:if(!(a=r.trys,a=a.length>0&&a[a.length-1])&&(s[0]===6||s[0]===2)){r=0;continue}if(s[0]===3&&(!a||s[1]>a[0]&&s[1]<a[3])){r.label=s[1];break}if(s[0]===6&&r.label<a[1]){r.label=a[1];a=s;break}if(a&&r.label<a[2]){r.label=a[2];r.ops.push(s);break}if(a[2])r.ops.pop();r.trys.pop();continue}s=t.call(e,r)}catch(e){s=[6,e];n=0}finally{i=a=0}if(s[0]&5)throw s[1];return{value:s[0]?s[1]:void 0,done:true}}};import{h,r as registerInstance}from"./index-b3a06de8.js";import{i as intl}from"./global-536c422d.js";import{l,k as useState,f as useEffect,n as h$1}from"./dom-context-hooks.module-63370afd.js";import{d as dist,t as Pn,F as Fn,i as isDemo,p as En}from"./index.module-c9811a48.js";import{c as cjs}from"./cjs-bdfb4486.js";import{g as getProps}from"./utils-334c1e34.js";import{c as createStyleSheet}from"./JSS-67b5cff8.js";import{E as ErrorStyles}from"./mixins-f750863a.js";import{T as TextSpanView}from"./sqm-text-span-view-4c17b8c9.js";import{V as VERIFICATION_EMAIL_NAMESPACE,S as SHOW_CODE_NAMESPACE,a as VERIFICATION_PARENT_NAMESPACE}from"./keys-406491dc.js";import{u as useVerificationEmail}from"./useVerificationEmail-55e0e98f.js";var style={Wrapper:{display:"flex",flexDirection:"column",gap:"var(--sl-spacing-medium)",maxWidth:"550px"},HeaderContainer:{display:"flex",flexDirection:"column"},InputsContainer:{display:"flex",gap:"var(--sl-spacing-medium)",position:"relative",flexDirection:"column"},CodeInputContainer:{display:"flex",gap:"var(--sl-spacing-medium)"},CodeInput:{maxWidth:"40px","&::part(base)":{borderRadius:"4px !important"},"&::part(input)":{margin:"0",padding:"0 var(--sl-input-spacing-small)",fontSize:"var(--sl-font-size-large)"}},CodeInputError:__assign(__assign({},ErrorStyles),{maxWidth:"40px","&::part(base)":{borderRadius:"4px !important"},"&::part(input)":{margin:"0",padding:"0 var(--sl-input-spacing-small)",fontSize:"var(--sl-font-size-large)"}}),ErrorText:{color:"var(--sqm-danger-color-text)",fontSize:"var(--sl-font-size-small)",margin:"0"},ContinueButton:{width:"100%",maxWidth:"100px"},FooterContainer:{display:"flex",flexDirection:"column"},SkeletonOne:{width:"50%",height:"16px"},SkeletonTwo:{width:"30%",height:"34px"},SkeletonThree:{width:"15%",height:"24px"}};var vanillaStyle="\n:host {\n display: block;\n}\n:host([hidden]): {\n display: none;\n}\n\n\n";var sheet=createStyleSheet(style);var styleString=sheet.toString();function WidgetCodeVerificationView(e){var t=e.states,r=e.refs,i=e.callbacks,n=e.text;var a=intl.formatMessage({id:"resendCodeText",defaultMessage:n.resendCodeText},{resendCodeLink:h("a",{href:"",style:{textDecoration:"underline",color:"inherit",cursor:"pointer"},onClick:function(e){e.preventDefault();i.resendEmail()}},n.resendCodeLabel)});var s=intl.formatMessage({id:"codeResentSuccessfully",defaultMessage:n.codeResentSuccessfullyText},{email:t.email});var o=t.verifyFailed?sheet.classes.CodeInputError:sheet.classes.CodeInput;return h("div",{part:"sqm-base"},h("style",{type:"text/css"},vanillaStyle,styleString),h("div",{class:sheet.classes.Wrapper},h("div",{class:sheet.classes.HeaderContainer},h(TextSpanView,{type:"p"},intl.formatMessage({id:"emailHeaderText",defaultMessage:t.verifyFailed?n.reverifyCodeHeaderText:n.verifyCodeHeaderText},{email:t.email}))),t.emailResent&&h("sqm-form-message",{type:"success",exportparts:"successalert-icon"},h("b",null,s)),h("div",{class:sheet.classes.InputsContainer},h("div",{ref:r.codeWrapperRef,class:sheet.classes.CodeInputContainer},h("sl-input",{class:o,name:"code"}),h("sl-input",{class:o,name:"code"}),h("sl-input",{class:o,name:"code"}),h("sl-input",{class:o,name:"code"}),h("sl-input",{class:o,name:"code"}),h("sl-input",{class:o,name:"code"})),t.verifyFailed&&h("p",{class:sheet.classes.ErrorText},n.invalidCodeText),h("sl-button",{class:sheet.classes.ContinueButton,onClick:i.submitCode,disabled:t.loading||t.initialiseLoading,loading:t.loading||t.initialiseLoading,exportparts:"base: primarybutton-base",type:"primary"},n.verifyText)),h("div",{class:sheet.classes.FooterContainer},h(TextSpanView,{type:"p"},a))))}var VerifyEmailWithCodeMutation=dist.gql(templateObject_1||(templateObject_1=__makeTemplateObject(["\n mutation submitImpactPublisherEmail2FACode(\n $user: UserIdInput!\n $code: String!\n ) {\n submitImpactPublisherEmail2FACode(user: $user, code: $code) {\n verifiedEmail\n accessKey\n }\n }\n"],["\n mutation submitImpactPublisherEmail2FACode(\n $user: UserIdInput!\n $code: String!\n ) {\n submitImpactPublisherEmail2FACode(user: $user, code: $code) {\n verifiedEmail\n accessKey\n }\n }\n"])));function useWidgetCodeVerification(e){var t=this;var r=l();var i=Pn(SHOW_CODE_NAMESPACE),n=i[0],a=i[1];var s=Fn(VERIFICATION_EMAIL_NAMESPACE);var o=useState(false),c=o[0],u=o[1];var d=useState(false),f=d[0],p=d[1];var m=useState(null),h=m[0],v=m[1];var g=useState(false),y=g[0],x=g[1];var b=useState(false),C=b[0],E=b[1];var _=useVerificationEmail(),S=_.initialized,w=_.verificationEmail,T=_.send,I=T[0],A=T[1],k=A.loading,P=A.errors,j=_.verify,V=j[0],O=j[1],R=O.loading,W=O.errors;useEffect((function(){if(!h)return;var e=h.querySelectorAll("sl-input");var t=Array.from(e).map((function(e){return e.shadowRoot.querySelector('input[name="code"]')}));t.forEach((function(e,r){e.addEventListener("focus",(function(e){e.target.select()}));e.addEventListener("keydown",(function(e){if(e.key==="Backspace"&&e.target.value===""){t[Math.max(0,r-1)].focus()}}));e.addEventListener("input",(function(e){var i=e.data;if(!i)return;if(r===t.length-1){e.target.value=i.slice(0,1);return}if(i.length>1){var n=i.slice(1);e.target.value=i.slice(0,1);t[r+1].dispatchEvent(new InputEvent("input",{inputType:"insertFromPaste",data:n}))}t[r+1].focus()}))}))}),[h]);var F=function(){a(false);x(false)};var M=function(){return __awaiter(t,void 0,void 0,(function(){var e;return __generator(this,(function(t){switch(t.label){case 0:if(!S)return[2];return[4,I()];case 1:e=t.sent();if(!e){E(true);return[2]}if(c)p(true);u(true);return[2]}}))}))};var D=function(){return __awaiter(t,void 0,void 0,(function(){var t,r,i,n;return __generator(this,(function(a){switch(a.label){case 0:t=h.querySelectorAll("sl-input");r=Array.from(t).map((function(e){return e.shadowRoot.querySelector('input[name="code"]')}));if(r.find((function(e){return!e.value}))){x(true);return[2]}i="";r.forEach((function(e){i=""+i+e.value}));if(!S)return[2];x(false);return[4,V(i)];case 1:n=a.sent();if(n===null||n===void 0?void 0:n.success){e.onVerification(n.accessKey);F()}else{x(true)}return[2]}}))}))};useEffect((function(){if(!S)return;if(!s)M();else u(true)}),[S]);return{refs:{codeWrapperRef:v},states:{email:w,emailResent:f,resendError:P||W,initialiseLoading:!S,loading:k||R,verifyFailed:!!y},callbacks:{resendEmail:M,submitCode:D},text:e.getTextProps()}}var WidgetCodeVerification=function(){function e(e){registerInstance(this,e);this.verifyCodeHeaderText="Enter the code sent to {email} from our referral provider, impact.com.";this.reverifyCodeHeaderText="Enter the code sent to {email} from our referral provider, impact.com.";this.resendCodeText="Didn't receive your code? {resendCodeLink}";this.resendCodeLabel="Resend code";this.codeResentSuccessfullyText="Another code has been sent to {email}";this.invalidCodeText="Please check your code and try again. If you’re still having trouble, try resending your code.";this.verifyText="Verify";this.networkErrorMessage="An error occurred while verifying your email. Please refresh the page and try again.";h$1(this)}e.prototype.disconnectedCallback=function(){};e.prototype.getTextProps=function(){return getProps(this)};e.prototype.render=function(){var e=isDemo()?useDemoWidgetCodeVerification(this):useWidgetCodeVerification(this);return h(WidgetCodeVerificationView,Object.assign({},e))};return e}();function useDemoWidgetCodeVerification(e){var t=this;var r=useState(false),i=r[0],n=r[1];var a=En(VERIFICATION_PARENT_NAMESPACE);return cjs({states:{initialiseLoading:false,loading:false,email:"test@example.com",emailResent:i,verifyFailed:false},refs:{codeWrapperRef:function(){}},callbacks:{resendEmail:function(){return __awaiter(t,void 0,void 0,(function(){return __generator(this,(function(e){return[2,n(true)]}))}))},submitCode:function(){return __awaiter(t,void 0,void 0,(function(){return __generator(this,(function(e){return[2,a(true)]}))}))}},text:e.getTextProps()},e.demoData||{},{arrayMerge:function(e,t){return t}})}export{WidgetCodeVerification as sqm_code_verification};var templateObject_1;
1
+ var __makeTemplateObject=this&&this.__makeTemplateObject||function(e,t){if(Object.defineProperty){Object.defineProperty(e,"raw",{value:t})}else{e.raw=t}return e};var __assign=this&&this.__assign||function(){__assign=Object.assign||function(e){for(var t,r=1,i=arguments.length;r<i;r++){t=arguments[r];for(var n in t)if(Object.prototype.hasOwnProperty.call(t,n))e[n]=t[n]}return e};return __assign.apply(this,arguments)};var __awaiter=this&&this.__awaiter||function(e,t,r,i){function n(e){return e instanceof r?e:new r((function(t){t(e)}))}return new(r||(r=Promise))((function(r,a){function s(e){try{l(i.next(e))}catch(e){a(e)}}function o(e){try{l(i["throw"](e))}catch(e){a(e)}}function l(e){e.done?r(e.value):n(e.value).then(s,o)}l((i=i.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var r={label:0,sent:function(){if(a[0]&1)throw a[1];return a[1]},trys:[],ops:[]},i,n,a,s;return s={next:o(0),throw:o(1),return:o(2)},typeof Symbol==="function"&&(s[Symbol.iterator]=function(){return this}),s;function o(e){return function(t){return l([e,t])}}function l(s){if(i)throw new TypeError("Generator is already executing.");while(r)try{if(i=1,n&&(a=s[0]&2?n["return"]:s[0]?n["throw"]||((a=n["return"])&&a.call(n),0):n.next)&&!(a=a.call(n,s[1])).done)return a;if(n=0,a)s=[s[0]&2,a.value];switch(s[0]){case 0:case 1:a=s;break;case 4:r.label++;return{value:s[1],done:false};case 5:r.label++;n=s[1];s=[0];continue;case 7:s=r.ops.pop();r.trys.pop();continue;default:if(!(a=r.trys,a=a.length>0&&a[a.length-1])&&(s[0]===6||s[0]===2)){r=0;continue}if(s[0]===3&&(!a||s[1]>a[0]&&s[1]<a[3])){r.label=s[1];break}if(s[0]===6&&r.label<a[1]){r.label=a[1];a=s;break}if(a&&r.label<a[2]){r.label=a[2];r.ops.push(s);break}if(a[2])r.ops.pop();r.trys.pop();continue}s=t.call(e,r)}catch(e){s=[6,e];n=0}finally{i=a=0}if(s[0]&5)throw s[1];return{value:s[0]?s[1]:void 0,done:true}}};import{h,r as registerInstance}from"./index-b3a06de8.js";import{i as intl}from"./global-58a69018.js";import{l,k as useState,f as useEffect,n as h$1}from"./dom-context-hooks.module-63370afd.js";import{d as dist,t as Pn,F as Fn,i as isDemo,p as En}from"./index.module-c9811a48.js";import{c as cjs}from"./cjs-bdfb4486.js";import{g as getProps}from"./utils-334c1e34.js";import{c as createStyleSheet}from"./JSS-67b5cff8.js";import{E as ErrorStyles}from"./mixins-f750863a.js";import{T as TextSpanView}from"./sqm-text-span-view-4c17b8c9.js";import{V as VERIFICATION_EMAIL_NAMESPACE,S as SHOW_CODE_NAMESPACE,a as VERIFICATION_PARENT_NAMESPACE}from"./keys-406491dc.js";import{u as useVerificationEmail}from"./useVerificationEmail-55e0e98f.js";var style={Wrapper:{display:"flex",flexDirection:"column",gap:"var(--sl-spacing-medium)",maxWidth:"550px"},HeaderContainer:{display:"flex",flexDirection:"column"},InputsContainer:{display:"flex",gap:"var(--sl-spacing-medium)",position:"relative",flexDirection:"column"},CodeInputContainer:{display:"flex",gap:"var(--sl-spacing-medium)"},CodeInput:{maxWidth:"40px","&::part(base)":{borderRadius:"4px !important"},"&::part(input)":{margin:"0",padding:"0 var(--sl-input-spacing-small)",fontSize:"var(--sl-font-size-large)"}},CodeInputError:__assign(__assign({},ErrorStyles),{maxWidth:"40px","&::part(base)":{borderRadius:"4px !important"},"&::part(input)":{margin:"0",padding:"0 var(--sl-input-spacing-small)",fontSize:"var(--sl-font-size-large)"}}),ErrorText:{color:"var(--sqm-danger-color-text)",fontSize:"var(--sl-font-size-small)",margin:"0"},ContinueButton:{width:"100%",maxWidth:"100px"},FooterContainer:{display:"flex",flexDirection:"column"},SkeletonOne:{width:"50%",height:"16px"},SkeletonTwo:{width:"30%",height:"34px"},SkeletonThree:{width:"15%",height:"24px"}};var vanillaStyle="\n:host {\n display: block;\n}\n:host([hidden]): {\n display: none;\n}\n\n\n";var sheet=createStyleSheet(style);var styleString=sheet.toString();function WidgetCodeVerificationView(e){var t=e.states,r=e.refs,i=e.callbacks,n=e.text;var a=intl.formatMessage({id:"resendCodeText",defaultMessage:n.resendCodeText},{resendCodeLink:h("a",{href:"",style:{textDecoration:"underline",color:"inherit",cursor:"pointer"},onClick:function(e){e.preventDefault();i.resendEmail()}},n.resendCodeLabel)});var s=intl.formatMessage({id:"codeResentSuccessfully",defaultMessage:n.codeResentSuccessfullyText},{email:t.email});var o=t.verifyFailed?sheet.classes.CodeInputError:sheet.classes.CodeInput;return h("div",{part:"sqm-base"},h("style",{type:"text/css"},vanillaStyle,styleString),h("div",{class:sheet.classes.Wrapper},h("div",{class:sheet.classes.HeaderContainer},h(TextSpanView,{type:"p"},intl.formatMessage({id:"emailHeaderText",defaultMessage:t.verifyFailed?n.reverifyCodeHeaderText:n.verifyCodeHeaderText},{email:t.email}))),t.emailResent&&h("sqm-form-message",{type:"success",exportparts:"successalert-icon"},h("b",null,s)),h("div",{class:sheet.classes.InputsContainer},h("div",{ref:r.codeWrapperRef,class:sheet.classes.CodeInputContainer},h("sl-input",{class:o,name:"code"}),h("sl-input",{class:o,name:"code"}),h("sl-input",{class:o,name:"code"}),h("sl-input",{class:o,name:"code"}),h("sl-input",{class:o,name:"code"}),h("sl-input",{class:o,name:"code"})),t.verifyFailed&&h("p",{class:sheet.classes.ErrorText},n.invalidCodeText),h("sl-button",{class:sheet.classes.ContinueButton,onClick:i.submitCode,disabled:t.loading||t.initialiseLoading,loading:t.loading||t.initialiseLoading,exportparts:"base: primarybutton-base",type:"primary"},n.verifyText)),h("div",{class:sheet.classes.FooterContainer},h(TextSpanView,{type:"p"},a))))}var VerifyEmailWithCodeMutation=dist.gql(templateObject_1||(templateObject_1=__makeTemplateObject(["\n mutation submitImpactPublisherEmail2FACode(\n $user: UserIdInput!\n $code: String!\n ) {\n submitImpactPublisherEmail2FACode(user: $user, code: $code) {\n verifiedEmail\n accessKey\n }\n }\n"],["\n mutation submitImpactPublisherEmail2FACode(\n $user: UserIdInput!\n $code: String!\n ) {\n submitImpactPublisherEmail2FACode(user: $user, code: $code) {\n verifiedEmail\n accessKey\n }\n }\n"])));function useWidgetCodeVerification(e){var t=this;var r=l();var i=Pn(SHOW_CODE_NAMESPACE),n=i[0],a=i[1];var s=Fn(VERIFICATION_EMAIL_NAMESPACE);var o=useState(false),c=o[0],u=o[1];var d=useState(false),f=d[0],p=d[1];var m=useState(null),h=m[0],v=m[1];var g=useState(false),y=g[0],x=g[1];var b=useState(false),C=b[0],E=b[1];var _=useVerificationEmail(),S=_.initialized,w=_.verificationEmail,T=_.send,I=T[0],A=T[1],k=A.loading,P=A.errors,j=_.verify,V=j[0],O=j[1],R=O.loading,W=O.errors;useEffect((function(){if(!h)return;var e=h.querySelectorAll("sl-input");var t=Array.from(e).map((function(e){return e.shadowRoot.querySelector('input[name="code"]')}));t.forEach((function(e,r){e.addEventListener("focus",(function(e){e.target.select()}));e.addEventListener("keydown",(function(e){if(e.key==="Backspace"&&e.target.value===""){t[Math.max(0,r-1)].focus()}}));e.addEventListener("input",(function(e){var i=e.data;if(!i)return;if(r===t.length-1){e.target.value=i.slice(0,1);return}if(i.length>1){var n=i.slice(1);e.target.value=i.slice(0,1);t[r+1].dispatchEvent(new InputEvent("input",{inputType:"insertFromPaste",data:n}))}t[r+1].focus()}))}))}),[h]);var F=function(){a(false);x(false)};var M=function(){return __awaiter(t,void 0,void 0,(function(){var e;return __generator(this,(function(t){switch(t.label){case 0:if(!S)return[2];return[4,I()];case 1:e=t.sent();if(!e){E(true);return[2]}if(c)p(true);u(true);return[2]}}))}))};var D=function(){return __awaiter(t,void 0,void 0,(function(){var t,r,i,n;return __generator(this,(function(a){switch(a.label){case 0:t=h.querySelectorAll("sl-input");r=Array.from(t).map((function(e){return e.shadowRoot.querySelector('input[name="code"]')}));if(r.find((function(e){return!e.value}))){x(true);return[2]}i="";r.forEach((function(e){i=""+i+e.value}));if(!S)return[2];x(false);return[4,V(i)];case 1:n=a.sent();if(n===null||n===void 0?void 0:n.success){e.onVerification(n.accessKey);F()}else{x(true)}return[2]}}))}))};useEffect((function(){if(!S)return;if(!s)M();else u(true)}),[S]);return{refs:{codeWrapperRef:v},states:{email:w,emailResent:f,resendError:P||W,initialiseLoading:!S,loading:k||R,verifyFailed:!!y},callbacks:{resendEmail:M,submitCode:D},text:e.getTextProps()}}var WidgetCodeVerification=function(){function e(e){registerInstance(this,e);this.verifyCodeHeaderText="Enter the code sent to {email} from our referral provider, impact.com.";this.reverifyCodeHeaderText="Enter the code sent to {email} from our referral provider, impact.com.";this.resendCodeText="Didn't receive your code? {resendCodeLink}";this.resendCodeLabel="Resend code";this.codeResentSuccessfullyText="Another code has been sent to {email}";this.invalidCodeText="Please check your code and try again. If you’re still having trouble, try resending your code.";this.verifyText="Verify";this.networkErrorMessage="An error occurred while verifying your email. Please refresh the page and try again.";h$1(this)}e.prototype.disconnectedCallback=function(){};e.prototype.getTextProps=function(){return getProps(this)};e.prototype.render=function(){var e=isDemo()?useDemoWidgetCodeVerification(this):useWidgetCodeVerification(this);return h(WidgetCodeVerificationView,Object.assign({},e))};return e}();function useDemoWidgetCodeVerification(e){var t=this;var r=useState(false),i=r[0],n=r[1];var a=En(VERIFICATION_PARENT_NAMESPACE);return cjs({states:{initialiseLoading:false,loading:false,email:"test@example.com",emailResent:i,verifyFailed:false},refs:{codeWrapperRef:function(){}},callbacks:{resendEmail:function(){return __awaiter(t,void 0,void 0,(function(){return __generator(this,(function(e){return[2,n(true)]}))}))},submitCode:function(){return __awaiter(t,void 0,void 0,(function(){return __generator(this,(function(e){return[2,a(true)]}))}))}},text:e.getTextProps()},e.demoData||{},{arrayMerge:function(e,t){return t}})}export{WidgetCodeVerification as sqm_code_verification};var templateObject_1;
@@ -1 +1 @@
1
- var __makeTemplateObject=this&&this.__makeTemplateObject||function(e,r){if(Object.defineProperty){Object.defineProperty(e,"raw",{value:r})}else{e.raw=r}return e};var __awaiter=this&&this.__awaiter||function(e,r,t,n){function a(e){return e instanceof t?e:new t((function(r){r(e)}))}return new(t||(t=Promise))((function(t,o){function i(e){try{l(n.next(e))}catch(e){o(e)}}function s(e){try{l(n["throw"](e))}catch(e){o(e)}}function l(e){e.done?t(e.value):a(e.value).then(i,s)}l((n=n.apply(e,r||[])).next())}))};var __generator=this&&this.__generator||function(e,r){var t={label:0,sent:function(){if(o[0]&1)throw o[1];return o[1]},trys:[],ops:[]},n,a,o,i;return i={next:s(0),throw:s(1),return:s(2)},typeof Symbol==="function"&&(i[Symbol.iterator]=function(){return this}),i;function s(e){return function(r){return l([e,r])}}function l(i){if(n)throw new TypeError("Generator is already executing.");while(t)try{if(n=1,a&&(o=i[0]&2?a["return"]:i[0]?a["throw"]||((o=a["return"])&&o.call(a),0):a.next)&&!(o=o.call(a,i[1])).done)return o;if(a=0,o)i=[i[0]&2,o.value];switch(i[0]){case 0:case 1:o=i;break;case 4:t.label++;return{value:i[1],done:false};case 5:t.label++;a=i[1];i=[0];continue;case 7:i=t.ops.pop();t.trys.pop();continue;default:if(!(o=t.trys,o=o.length>0&&o[o.length-1])&&(i[0]===6||i[0]===2)){t=0;continue}if(i[0]===3&&(!o||i[1]>o[0]&&i[1]<o[3])){t.label=i[1];break}if(i[0]===6&&t.label<o[1]){t.label=o[1];o=i;break}if(o&&t.label<o[2]){t.label=o[2];t.ops.push(i);break}if(o[2])t.ops.pop();t.trys.pop();continue}i=r.call(e,t)}catch(e){i=[6,e];a=0}finally{n=o=0}if(i[0]&5)throw i[1];return{value:i[0]?i[1]:void 0,done:true}}};import{h,r as registerInstance}from"./index-b3a06de8.js";import{i as intl}from"./global-536c422d.js";import{k as useState,f as useEffect,n as h$1}from"./dom-context-hooks.module-63370afd.js";import{d as dist,t as Pn,w as wn,J,$ as $e,i as isDemo,p as En}from"./index.module-c9811a48.js";import{c as cjs}from"./cjs-bdfb4486.js";import{g as getProps}from"./utils-334c1e34.js";import{c as createStyleSheet}from"./JSS-67b5cff8.js";import{T as TextSpanView}from"./sqm-text-span-view-4c17b8c9.js";import{S as SHOW_CODE_NAMESPACE,V as VERIFICATION_EMAIL_NAMESPACE}from"./keys-406491dc.js";import{u as useVerificationEmail}from"./useVerificationEmail-55e0e98f.js";var UpsertUserEmailMutation=dist.gql(templateObject_1||(templateObject_1=__makeTemplateObject(["\n mutation upsertUser($userInput: UserInput!) {\n upsertUser(userInput: $userInput) {\n id\n accountId\n email\n }\n }\n"],["\n mutation upsertUser($userInput: UserInput!) {\n upsertUser(userInput: $userInput) {\n id\n accountId\n email\n }\n }\n"])));var UserLookupQuery=dist.gql(templateObject_2||(templateObject_2=__makeTemplateObject(["\n query user {\n viewer {\n ... on User {\n id\n accountId\n email\n impactConnection {\n user {\n id\n email\n }\n }\n }\n }\n }\n"],["\n query user {\n viewer {\n ... on User {\n id\n accountId\n email\n impactConnection {\n user {\n id\n email\n }\n }\n }\n }\n }\n"])));function useUpsertUserEmail(){var e=this;var r=J();var t=$e(UpsertUserEmailMutation),n=t[0],a=t[1],o=a.loading,i=a.data,s=a.errors;var l=function(t){return __awaiter(e,void 0,void 0,(function(){var e,a;return __generator(this,(function(o){switch(o.label){case 0:o.trys.push([0,2,,3]);return[4,n({userInput:{id:r.id,accountId:r.accountId,email:t}})];case 1:e=o.sent();if(e instanceof Error||!e)throw new Error;return[2,e];case 2:a=o.sent();console.error("Could not set email on user",a);return[2,undefined];case 3:return[2]}}))}))};return[l,{loading:o,data:i,errors:s}]}function useWidgetEmailVerification(e){var r=this;var t=Pn(SHOW_CODE_NAMESPACE),n=t[0],a=t[1];var o=Pn(VERIFICATION_EMAIL_NAMESPACE),i=o[0],s=o[1];var l=useState(false),u=l[0],c=l[1];var p=useState(false),d=p[0],m=p[1];var b=useState(false),f=b[0],h=b[1];var v=useVerificationEmail(),y=v.initialized,g=v.send,x=g[0],w=g[1],q=w.loading,k=w.errors;var E=useUpsertUserEmail()[0];var _=useState(true),S=_[0],C=_[1];var I=wn(UserLookupQuery,{}),j=I.data,T=I.loading;var O=/^(([^<>()[\]\\.,;:\s@"]+(\.[^<>()[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;useEffect((function(){if(!(j===null||j===void 0?void 0:j.viewer))return;c(!!j.viewer.email)}),[j]);useEffect((function(){if(y)C(false)}),[y]);var V=function(e){return __awaiter(r,void 0,void 0,(function(){var r,t,n,o,i;return __generator(this,(function(l){switch(l.label){case 0:e.preventDefault();if(!(j===null||j===void 0?void 0:j.viewer))return[2];C(true);r=j.viewer.email;if(!!r)return[3,2];t=e.detail.formData;n=t.get("email").toString();if(!O.test(n)){m(true);return[2]}return[4,E(n)];case 1:o=l.sent();if(!o||!o.user.email)m(true);l.label=2;case 2:if(!y)return[2];return[4,x()];case 3:i=l.sent();if(!i||!i.success)h(true);else{s(r);a(true)}C(false);return[2]}}))}))};return{callbacks:{submitEmail:V},states:{loading:S,initialLoading:T&&!y,error:d,email:j===null||j===void 0?void 0:j.viewer.email,sendCodeError:f},text:e.getTextProps()}}var style={Wrapper:{display:"flex",flexDirection:"column",gap:"var(--sl-spacing-medium)",marginTop:"var(--sl-spacing-medium)"},InputsContainer:{display:"flex",gap:"var(--sl-spacing-medium)",position:"relative",flexDirection:"column",maxWidth:"320px"},ContinueButton:{width:"100%",maxWidth:"100px"},SkeletonOne:{width:"50%",height:"16px"},SkeletonTwo:{width:"30%",height:"34px"},SkeletonThree:{width:"15%",height:"24px"},ErrorInput:{"&::part(base)":{border:"var(--sqm-border-thickness) solid var(--sqm-danger-color-border)",borderRadius:"var(--sqm-input-border-radius)"},"&::part(help-text)":{color:"var(--sqm-danger-color-text)"}}};var vanillaStyle='\n:host {\n display: block;\n}\n:host([hidden]): {\n display: none;\n}\n\na {\n color: inherit;\n text-decoration: underline;\n cursor: pointer;\n}\n\n*::part(primarybutton-base),\nsl-button[type="primary"]::part(base) {\n font-family: var(--sqm-primary-font);\n width: 100%;\n background-color: var(--sqm-primary-button-background);\n color: var(--sqm-primary-button-color);\n border-color: var(--sqm-primary-button-color-border);\n border-radius: var(--sqm-primary-button-radius);\n}\n\n*::part(primarybutton-base):hover,\nsl-button[type="primary"]::part(base):hover{\n background-color: var(--sqm-primary-button-background-hover);\n border-color: var(--sqm-primary-button-border-color-hover);\n color: var(--sqm-primary-button-color-hover);\n}\n\n\n*::part(primarybutton-base):focus,\nsl-button[type="primary"]::part(base):focus {\n box-shadow: none;\n}\n\n*::part(secondarybutton-base),\nsl-button[type="secondary"]::part(base) {\nfont-family: var(--sqm-primary-font);\n background-color: var(--sqm-secondary-button-background);\n color: var(--sqm-secondary-button-color);\n border-color: var(--sqm-secondary-button-color-border);\n border-radius: var(--sqm-secondary-button-radius);\n}\n\n*::part(secondarybutton-base):hover,\nsl-button[type="secondary"]::part(base):hover {\n background-color: var(--sqm-secondary-button-background-hover);\n color: var(--sqm-secondary-button-color-hover);\n border-color: var(--sqm-secondary-button-border-color-hover);\n}\n\n*::part(input-label), *::part(select-label), *::part(textarea-label){\n font-family: var(--sqm-primary-font);\n font-size: var(--sqm-input-label-font-size, var(--sl-input-font-size-small));\n font-weight: var(--sl-font-weight-semibold);\n color: var(--sqm-input-label-color, var(--sqm-text), black);\n}\n\n*::part(input-base), *::part(select-base), *::part(textarea-base){\n font-family: var(--sqm-primary-font);\n background-color: var(--sqm-input-background, #fff);\n border-radius: var(--sqm-input-border-radius, var(--sl-input-border-radius-large), 0.25rem);\n color: var(--sqm-input-color, white);\n border-width: var(--sqm-border-thickness, 1px);\n}\n\n*::part(input-base):hover, *::part(select-base):hover, *::part(textarea-base):hover{\n border-color: var(--sqm-border-color-hover);\n}\n\n*::part(input-base):focus, *::part(select-base):focus, *::part(textarea-base):focus{\n border-color: var(--sqm-border-color-focus);\n}\n\nsqm-name-fields::part(input-base) {\n font-family: var(--sqm-primary-font);\n background-color: var(--sqm-input-background, #fff);\n border-radius: var(--sqm-input-border-radius, var(--sl-input-border-radius-large), 0.25rem);\n color: var(--sqm-input-color, white);\n border-width: var(--sqm-border-thickness, 1px);\n}\n\nsl-input::part(base):focus,\nsl-select::part(form-control-wrapper):focus,\nsl-textarea::part(textarea-label):focus {\n border-color: var(--sqm-border-color-focus);\n}\n\n*::part(input-label):disabled, *::part(select-label):disabled, *::part(textarea-label):disabled{\n background: var(--sqm-input-disabled-background, #f5f5f5);\n color: var(--sqm-input-disabled-color, var(--sl-color-gray-600));\n}\n\n*::part(input):-webkit-autofill {\n box-shadow: 0 0 0 50px var(--sqm-input-background, #fff) inset !important;\n -webkit-text-fill-color: var(--sqm-input-color, white) !important;\n}\n\n*::part(input):-webkit-autofill:hover {\n box-shadow: 0 0 0 50px var(--sqm-input-background, #fff) inset !important;\n -webkit-text-fill-color: var(--sqm-input-color, white) !important;\n}\n\n*::part(input):-webkit-autofill:focus {\n box-shadow: 0 0 0 50px var(--sqm-input-background, #fff) inset !important;\n -webkit-text-fill-color: var(--sqm-input-color, white) !important;\n}\n\n*::part(input)::placeholder,\n*::part(select)::placeholder, \n*::part(textarea)::placeholder {\n font-family: var(--sqm-primary-font);\n color: var(--sqm-text-subdued);\n}\n\n*::part(input)::-webkit-input-placeholder,\n*::part(select)::-webkit-input-placeholder,\n*::part(textarea)::-webkit-input-placeholder {\n font-family: var(--sqm-primary-font);\n color: var(--sqm-text-subdued);\n}\n\n*::part(input)::-moz-placeholder,\n*::part(select)::-moz-placeholder,\n*::part(textarea)::-moz-placeholder {\n font-family: var(--sqm-primary-font);\n opacity: 1; /* Firefox adds an opacity to placeholders by default */\n color: var(--sqm-text-subdued);\n}\n\n*::part(input)::-ms-input-placeholder,\n*::part(select)::-ms-input-placeholder,\n*::part(textarea)::-ms-input-placeholder {\n font-family: var(--sqm-primary-font);\n color: var(--sqm-text-subdued);\n}\n\n\n';var sheet=createStyleSheet(style);var styleString=sheet.toString();function WidgetEmailVerificationView(e){var r=e.states,t=e.callbacks,n=e.text;var a=function(){return h("div",{class:sheet.classes.Wrapper},h("sqm-skeleton",{height:"16px",width:"50%"}),h("sqm-skeleton",{height:"16px",width:"50%"}),h("sqm-skeleton",{height:"16px",width:"50%"}),h("sqm-skeleton",{height:"34px",width:"30%"}),h("sqm-skeleton",{height:"24px",width:"15%"}),h("sl-button",{submit:true,class:sheet.classes.ContinueButton,loading:true,exportparts:"base: primarybutton-base",type:"primary"},n.sendCodeText))};return h("div",{part:"sqm-base"},h("style",{type:"text/css"},vanillaStyle,styleString),r.sendCodeError&&h("sqm-form-message",{type:"error"},h("p",{part:"alert-title"},n.sendCodeErrorHeader),intl.formatMessage({id:"sendCodeErrorDescription",defaultMessage:n.sendCodeErrorDescription},{supportLink:h("a",{target:"_blank",href:"mailto:advocate-support@impact.com"},n.supportLink)})),r.initialLoading?a():h("div",{class:sheet.classes.Wrapper},h(TextSpanView,{type:"p"},n.verifyEmailHeaderText),h("sl-form",{"onSl-submit":t.submitEmail},h("div",{class:sheet.classes.InputsContainer},h("sl-input",Object.assign({exportparts:"label: input-label, base: input-base",label:n.emailLabel,value:r.email||"",type:"email",id:"email",name:"email",disabled:!!r.email||r.loading},r.error?{class:sheet.classes.ErrorInput,helpText:n.emailValidationErrorText}:{})),h("sl-button",{submit:true,class:sheet.classes.ContinueButton,loading:r.loading,exportparts:"base: primarybutton-base",type:"primary"},n.sendCodeText)))))}var WidgetEmailVerification=function(){function e(e){registerInstance(this,e);this.verifyEmailHeaderText="Start by verifying your email. We’ll send you a code through our referral provider, impact.com.";this.sendCodeErrorHeader="There was an error sending your code";this.supportLink="support team";this.sendCodeErrorDescription="Please try again. If this problem continues, contact our program {supportLink}.";this.emailLabel="Email";this.sendCodeText="Send code";this.emailValidationErrorText="Please enter a valid email";h$1(this)}e.prototype.disconnectedCallback=function(){};e.prototype.getTextProps=function(){return getProps(this)};e.prototype.render=function(){var e=isDemo()?useDemoWidgetEmailVerification(this):useWidgetEmailVerification(this);return h(WidgetEmailVerificationView,Object.assign({},e))};return e}();function useDemoWidgetEmailVerification(e){var r=this;var t=En(SHOW_CODE_NAMESPACE);return cjs({states:{error:true,initialLoading:false,loading:false,email:"test@example.com",sendCodeError:true},callbacks:{submitEmail:function(){return __awaiter(r,void 0,void 0,(function(){return __generator(this,(function(e){return[2,t(true)]}))}))}},text:e.getTextProps()},e.demoData||{},{arrayMerge:function(e,r){return r}})}export{WidgetEmailVerification as sqm_email_verification};var templateObject_1,templateObject_2;
1
+ var __makeTemplateObject=this&&this.__makeTemplateObject||function(e,r){if(Object.defineProperty){Object.defineProperty(e,"raw",{value:r})}else{e.raw=r}return e};var __awaiter=this&&this.__awaiter||function(e,r,t,n){function a(e){return e instanceof t?e:new t((function(r){r(e)}))}return new(t||(t=Promise))((function(t,o){function i(e){try{l(n.next(e))}catch(e){o(e)}}function s(e){try{l(n["throw"](e))}catch(e){o(e)}}function l(e){e.done?t(e.value):a(e.value).then(i,s)}l((n=n.apply(e,r||[])).next())}))};var __generator=this&&this.__generator||function(e,r){var t={label:0,sent:function(){if(o[0]&1)throw o[1];return o[1]},trys:[],ops:[]},n,a,o,i;return i={next:s(0),throw:s(1),return:s(2)},typeof Symbol==="function"&&(i[Symbol.iterator]=function(){return this}),i;function s(e){return function(r){return l([e,r])}}function l(i){if(n)throw new TypeError("Generator is already executing.");while(t)try{if(n=1,a&&(o=i[0]&2?a["return"]:i[0]?a["throw"]||((o=a["return"])&&o.call(a),0):a.next)&&!(o=o.call(a,i[1])).done)return o;if(a=0,o)i=[i[0]&2,o.value];switch(i[0]){case 0:case 1:o=i;break;case 4:t.label++;return{value:i[1],done:false};case 5:t.label++;a=i[1];i=[0];continue;case 7:i=t.ops.pop();t.trys.pop();continue;default:if(!(o=t.trys,o=o.length>0&&o[o.length-1])&&(i[0]===6||i[0]===2)){t=0;continue}if(i[0]===3&&(!o||i[1]>o[0]&&i[1]<o[3])){t.label=i[1];break}if(i[0]===6&&t.label<o[1]){t.label=o[1];o=i;break}if(o&&t.label<o[2]){t.label=o[2];t.ops.push(i);break}if(o[2])t.ops.pop();t.trys.pop();continue}i=r.call(e,t)}catch(e){i=[6,e];a=0}finally{n=o=0}if(i[0]&5)throw i[1];return{value:i[0]?i[1]:void 0,done:true}}};import{h,r as registerInstance}from"./index-b3a06de8.js";import{i as intl}from"./global-58a69018.js";import{k as useState,f as useEffect,n as h$1}from"./dom-context-hooks.module-63370afd.js";import{d as dist,t as Pn,w as wn,J,$ as $e,i as isDemo,p as En}from"./index.module-c9811a48.js";import{c as cjs}from"./cjs-bdfb4486.js";import{g as getProps}from"./utils-334c1e34.js";import{c as createStyleSheet}from"./JSS-67b5cff8.js";import{T as TextSpanView}from"./sqm-text-span-view-4c17b8c9.js";import{S as SHOW_CODE_NAMESPACE,V as VERIFICATION_EMAIL_NAMESPACE}from"./keys-406491dc.js";import{u as useVerificationEmail}from"./useVerificationEmail-55e0e98f.js";var UpsertUserEmailMutation=dist.gql(templateObject_1||(templateObject_1=__makeTemplateObject(["\n mutation upsertUser($userInput: UserInput!) {\n upsertUser(userInput: $userInput) {\n id\n accountId\n email\n }\n }\n"],["\n mutation upsertUser($userInput: UserInput!) {\n upsertUser(userInput: $userInput) {\n id\n accountId\n email\n }\n }\n"])));var UserLookupQuery=dist.gql(templateObject_2||(templateObject_2=__makeTemplateObject(["\n query user {\n viewer {\n ... on User {\n id\n accountId\n email\n impactConnection {\n user {\n id\n email\n }\n }\n }\n }\n }\n"],["\n query user {\n viewer {\n ... on User {\n id\n accountId\n email\n impactConnection {\n user {\n id\n email\n }\n }\n }\n }\n }\n"])));function useUpsertUserEmail(){var e=this;var r=J();var t=$e(UpsertUserEmailMutation),n=t[0],a=t[1],o=a.loading,i=a.data,s=a.errors;var l=function(t){return __awaiter(e,void 0,void 0,(function(){var e,a;return __generator(this,(function(o){switch(o.label){case 0:o.trys.push([0,2,,3]);return[4,n({userInput:{id:r.id,accountId:r.accountId,email:t}})];case 1:e=o.sent();if(e instanceof Error||!e)throw new Error;return[2,e];case 2:a=o.sent();console.error("Could not set email on user",a);return[2,undefined];case 3:return[2]}}))}))};return[l,{loading:o,data:i,errors:s}]}function useWidgetEmailVerification(e){var r=this;var t=Pn(SHOW_CODE_NAMESPACE),n=t[0],a=t[1];var o=Pn(VERIFICATION_EMAIL_NAMESPACE),i=o[0],s=o[1];var l=useState(false),u=l[0],c=l[1];var p=useState(false),d=p[0],m=p[1];var f=useState(false),b=f[0],v=f[1];var h=useVerificationEmail(),y=h.initialized,g=h.send,x=g[0],w=g[1],k=w.loading,q=w.errors;var E=useUpsertUserEmail()[0];var _=useState(true),S=_[0],I=_[1];var C=wn(UserLookupQuery,{}),j=C.data,T=C.loading;var O=/^(([^<>()[\]\\.,;:\s@"]+(\.[^<>()[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;useEffect((function(){if(!(j===null||j===void 0?void 0:j.viewer))return;c(!!j.viewer.email)}),[j]);useEffect((function(){if(y)I(false)}),[y]);var V=function(e){return __awaiter(r,void 0,void 0,(function(){var r,t,n,o,i;return __generator(this,(function(l){switch(l.label){case 0:e.preventDefault();if(!(j===null||j===void 0?void 0:j.viewer))return[2];I(true);r=j.viewer.email;if(!!r)return[3,2];t=e.detail.formData;n=t.get("email").toString();if(!O.test(n)){m(true);return[2]}return[4,E(n)];case 1:o=l.sent();if(!o||!o.user.email)m(true);l.label=2;case 2:if(!y)return[2];return[4,x()];case 3:i=l.sent();if(!i||!i.success)v(true);else{s(r);a(true)}I(false);return[2]}}))}))};return{callbacks:{submitEmail:V},states:{loading:S,initialLoading:T&&!y,error:d,email:j===null||j===void 0?void 0:j.viewer.email,sendCodeError:b},text:e.getTextProps()}}var style={Wrapper:{display:"flex",flexDirection:"column",gap:"var(--sl-spacing-medium)",marginTop:"var(--sl-spacing-medium)"},InputsContainer:{display:"flex",gap:"var(--sl-spacing-medium)",position:"relative",flexDirection:"column",maxWidth:"320px"},ContinueButton:{width:"100%",maxWidth:"100px"},SkeletonOne:{width:"50%",height:"16px"},SkeletonTwo:{width:"30%",height:"34px"},SkeletonThree:{width:"15%",height:"24px"},ErrorInput:{"&::part(base)":{border:"var(--sqm-border-thickness) solid var(--sqm-danger-color-border)",borderRadius:"var(--sqm-input-border-radius)"},"&::part(help-text)":{color:"var(--sqm-danger-color-text)"}}};var vanillaStyle='\n:host {\n display: block;\n}\n:host([hidden]): {\n display: none;\n}\n\na {\n color: inherit;\n text-decoration: underline;\n cursor: pointer;\n}\n\n*::part(primarybutton-base),\nsl-button[type="primary"]::part(base) {\n font-family: var(--sqm-primary-font);\n width: 100%;\n background-color: var(--sqm-primary-button-background);\n color: var(--sqm-primary-button-color);\n border-color: var(--sqm-primary-button-color-border);\n border-radius: var(--sqm-primary-button-radius);\n}\n\n*::part(primarybutton-base):hover,\nsl-button[type="primary"]::part(base):hover{\n background-color: var(--sqm-primary-button-background-hover);\n border-color: var(--sqm-primary-button-border-color-hover);\n color: var(--sqm-primary-button-color-hover);\n}\n\n\n*::part(primarybutton-base):focus,\nsl-button[type="primary"]::part(base):focus {\n box-shadow: none;\n}\n\n*::part(secondarybutton-base),\nsl-button[type="secondary"]::part(base) {\nfont-family: var(--sqm-primary-font);\n background-color: var(--sqm-secondary-button-background);\n color: var(--sqm-secondary-button-color);\n border-color: var(--sqm-secondary-button-color-border);\n border-radius: var(--sqm-secondary-button-radius);\n}\n\n*::part(secondarybutton-base):hover,\nsl-button[type="secondary"]::part(base):hover {\n background-color: var(--sqm-secondary-button-background-hover);\n color: var(--sqm-secondary-button-color-hover);\n border-color: var(--sqm-secondary-button-border-color-hover);\n}\n\n*::part(input-label), *::part(select-label), *::part(textarea-label){\n font-family: var(--sqm-primary-font);\n font-size: var(--sqm-input-label-font-size, var(--sl-input-font-size-small));\n font-weight: var(--sl-font-weight-semibold);\n color: var(--sqm-input-label-color, var(--sqm-text), black);\n}\n\n*::part(input-base), *::part(select-base), *::part(textarea-base){\n font-family: var(--sqm-primary-font);\n background-color: var(--sqm-input-background, #fff);\n border-radius: var(--sqm-input-border-radius, var(--sl-input-border-radius-large), 0.25rem);\n color: var(--sqm-input-color, white);\n border-width: var(--sqm-border-thickness, 1px);\n}\n\n*::part(input-base):hover, *::part(select-base):hover, *::part(textarea-base):hover{\n border-color: var(--sqm-border-color-hover);\n}\n\n*::part(input-base):focus, *::part(select-base):focus, *::part(textarea-base):focus{\n border-color: var(--sqm-border-color-focus);\n}\n\nsqm-name-fields::part(input-base) {\n font-family: var(--sqm-primary-font);\n background-color: var(--sqm-input-background, #fff);\n border-radius: var(--sqm-input-border-radius, var(--sl-input-border-radius-large), 0.25rem);\n color: var(--sqm-input-color, white);\n border-width: var(--sqm-border-thickness, 1px);\n}\n\nsl-input::part(base):focus,\nsl-select::part(form-control-wrapper):focus,\nsl-textarea::part(textarea-label):focus {\n border-color: var(--sqm-border-color-focus);\n}\n\n*::part(input-label):disabled, *::part(select-label):disabled, *::part(textarea-label):disabled{\n background: var(--sqm-input-disabled-background, #f5f5f5);\n color: var(--sqm-input-disabled-color, var(--sl-color-gray-600));\n}\n\n*::part(input):-webkit-autofill {\n box-shadow: 0 0 0 50px var(--sqm-input-background, #fff) inset !important;\n -webkit-text-fill-color: var(--sqm-input-color, white) !important;\n}\n\n*::part(input):-webkit-autofill:hover {\n box-shadow: 0 0 0 50px var(--sqm-input-background, #fff) inset !important;\n -webkit-text-fill-color: var(--sqm-input-color, white) !important;\n}\n\n*::part(input):-webkit-autofill:focus {\n box-shadow: 0 0 0 50px var(--sqm-input-background, #fff) inset !important;\n -webkit-text-fill-color: var(--sqm-input-color, white) !important;\n}\n\n*::part(input)::placeholder,\n*::part(select)::placeholder, \n*::part(textarea)::placeholder {\n font-family: var(--sqm-primary-font);\n color: var(--sqm-text-subdued);\n}\n\n*::part(input)::-webkit-input-placeholder,\n*::part(select)::-webkit-input-placeholder,\n*::part(textarea)::-webkit-input-placeholder {\n font-family: var(--sqm-primary-font);\n color: var(--sqm-text-subdued);\n}\n\n*::part(input)::-moz-placeholder,\n*::part(select)::-moz-placeholder,\n*::part(textarea)::-moz-placeholder {\n font-family: var(--sqm-primary-font);\n opacity: 1; /* Firefox adds an opacity to placeholders by default */\n color: var(--sqm-text-subdued);\n}\n\n*::part(input)::-ms-input-placeholder,\n*::part(select)::-ms-input-placeholder,\n*::part(textarea)::-ms-input-placeholder {\n font-family: var(--sqm-primary-font);\n color: var(--sqm-text-subdued);\n}\n\n\n';var sheet=createStyleSheet(style);var styleString=sheet.toString();function WidgetEmailVerificationView(e){var r=e.states,t=e.callbacks,n=e.text;var a=function(){return h("div",{class:sheet.classes.Wrapper},h("sl-skeleton",{class:sheet.classes.SkeletonOne}),h("sl-skeleton",{class:sheet.classes.SkeletonTwo}),h("sl-skeleton",{class:sheet.classes.SkeletonThree}))};return h("div",{part:"sqm-base"},h("style",{type:"text/css"},vanillaStyle,styleString),r.sendCodeError&&h("sqm-form-message",{type:"error"},h("p",{part:"alert-title"},n.sendCodeErrorHeader),intl.formatMessage({id:"sendCodeErrorDescription",defaultMessage:n.sendCodeErrorDescription},{supportLink:h("a",{target:"_blank",href:"mailto:advocate-support@impact.com"},n.supportLink)})),r.initialLoading?a():h("div",{class:sheet.classes.Wrapper},h(TextSpanView,{type:"p"},n.verifyEmailHeaderText),h("sl-form",{"onSl-submit":t.submitEmail},h("div",{class:sheet.classes.InputsContainer},h("sl-input",Object.assign({exportparts:"label: input-label, base: input-base",label:n.emailLabel,value:r.email||"",type:"email",id:"email",name:"email",disabled:!!r.email||r.loading},r.error?{class:sheet.classes.ErrorInput,helpText:n.emailValidationErrorText}:{})),h("sl-button",{submit:true,class:sheet.classes.ContinueButton,loading:r.loading,exportparts:"base: primarybutton-base",type:"primary"},n.sendCodeText)))))}var WidgetEmailVerification=function(){function e(e){registerInstance(this,e);this.verifyEmailHeaderText="Start by verifying your email. We’ll send you a code through our referral provider, impact.com.";this.sendCodeErrorHeader="There was an error sending your code";this.supportLink="support team";this.sendCodeErrorDescription="Please try again. If this problem continues, contact our program {supportLink}.";this.emailLabel="Email";this.sendCodeText="Send code";this.emailValidationErrorText="Please enter a valid email";h$1(this)}e.prototype.disconnectedCallback=function(){};e.prototype.getTextProps=function(){return getProps(this)};e.prototype.render=function(){var e=isDemo()?useDemoWidgetEmailVerification(this):useWidgetEmailVerification(this);return h(WidgetEmailVerificationView,Object.assign({},e))};return e}();function useDemoWidgetEmailVerification(e){var r=this;var t=En(SHOW_CODE_NAMESPACE);return cjs({states:{error:true,initialLoading:false,loading:false,email:"test@example.com",sendCodeError:true},callbacks:{submitEmail:function(){return __awaiter(r,void 0,void 0,(function(){return __generator(this,(function(e){return[2,t(true)]}))}))}},text:e.getTextProps()},e.demoData||{},{arrayMerge:function(e,r){return r}})}export{WidgetEmailVerification as sqm_email_verification};var templateObject_1,templateObject_2;
@@ -1 +1 @@
1
- var __assign=this&&this.__assign||function(){__assign=Object.assign||function(t){for(var e,n=1,s=arguments.length;n<s;n++){e=arguments[n];for(var o in e)if(Object.prototype.hasOwnProperty.call(e,o))t[o]=e[o]}return t};return __assign.apply(this,arguments)};import{h,r as registerInstance,c as Host}from"./index-b3a06de8.js";import{i as intl}from"./global-536c422d.js";import{n as h$1}from"./dom-context-hooks.module-63370afd.js";import"./index.module-c9811a48.js";import{g as getProps}from"./utils-334c1e34.js";import"./JSS-67b5cff8.js";import{P as PortalContainerView,a as PortalSectionView}from"./sqm-portal-container-view-176e92e3.js";function EmptyStateView(t){var e=t.emptyStateHeader,n=t.emptyStateImage,s=t.emptyStateText,o=t.supportText,i=t.missingFeature,a=i===void 0?"":i;return h("sqm-portal-container",{padding:"large",gap:"medium",part:"sqm-base"},h("img",{style:{height:"100px",margin:"auto"},src:n}),h("sqm-titled-section",{style:{maxHeight:"400px"},"label-margin":"xxx-small","text-align":"center"},h("sqm-text",{slot:"label"},h("p",{part:"header-text"},e)),h("sqm-text",{slot:"content"},h("p",{part:"description-text"},intl.formatMessage({id:"emptyStateText",defaultMessage:s},{supportText:h("a",{target:"_blank",href:"mailto:saasquatch-support@impact.com?subject=Next steps for "+a+" feature&body=Hi Support Team, %0D%0A\n %0D%0A \n I am interested to learn more about the "+a+" feature. Please let me know the next steps to access this feature, including any necessary plan upgrades.%0D%0A\n %0D%0A \n - Feature Interested In: "+a+"%0D%0A\n - Company Name: [Please fill out your company name here]%0D%0A\n %0D%0A\n Thank you"},o)})))))}var Empty=function(){function t(t){registerInstance(this,t);this.emptyStateImage="https://res.cloudinary.com/saasquatch/image/upload/v1644360953/squatch-assets/empty_leaderboard2.png"}t.prototype.render=function(){return h(Host,{slot:"empty"},h(EmptyStateView,{emptyStateImage:this.emptyStateImage,emptyStateHeader:this.emptyStateHeader,emptyStateText:this.emptyStateText,supportText:this.supportText}))};return t}();var PortalContainer=function(){function t(t){registerInstance(this,t);this.ignored=true;this.direction="column";this.gap="xxx-large";this.display="grid";this.maxWidth="100%";this.flexWrap="wrap";h$1(this)}t.prototype.disconnectedCallback=function(){};t.prototype.render=function(){return h(PortalContainerView,Object.assign({},getProps(this)),h("slot",null))};return t}();var Text=function(){function t(t){registerInstance(this,t);this.ignored=true;h$1(this)}t.prototype.disconnectedCallback=function(){};t.prototype.componentWillLoad=function(){};t.prototype.render=function(){var t="\n sqm-text {\n display: block;\n color: "+(this.textColor||"var(--sqm-text)")+";\n }\n\n sqm-text h1 {\n font-size: "+(this.fontSize?this.fontSize+"px":"var(--sl-font-size-xxx-large)")+";\n font-weight: var(--sl-font-weight-semibold);\n color: "+(this.textColor||"var(--sqm-text)")+";\n margin: 0;\n }\n\n sqm-text h2 {\n font-size: "+(this.fontSize?this.fontSize+"px":"var(--sl-font-size-xx-large)")+";\n font-weight: var(--sl-font-weight-semibold);\n color: "+(this.textColor||"var(--sqm-text)")+";\n margin: 0;\n }\n\n sqm-text h3 {\n font-size: "+(this.fontSize?this.fontSize+"px":"var(--sl-font-size-x-large)")+";\n font-weight: var(--sl-font-weight-semibold);\n color: "+(this.textColor||"var(--sqm-text)")+";\n margin: 0;\n }\n\n sqm-text h4 {\n font-size: "+(this.fontSize?this.fontSize+"px":"var(--sl-font-size-large)")+";\n font-weight: var(--sl-font-weight-bold);\n color: "+(this.textColor||"var(--sqm-text)")+";\n margin: 0;\n }\n\n sqm-text p {\n font-size: "+(this.fontSize?this.fontSize+"px":"var(--sl-font-size-medium)")+";\n font-weight: var(--sl-font-weight-normal);\n color: "+(this.textColor||"var(--sqm-text)")+";\n margin: 0;\n }\n\n sqm-text sub {\n font-size: "+(this.fontSize?this.fontSize+"px":"var(--sl-font-size-small)")+";\n font-weight: var(--sl-font-weight-normal);\n color: "+(this.textColor||"var(--sqm-text)")+";\n margin: 0;\n }\n ";return h("div",null,h("style",null,t),h("slot",null))};return t}();var TitledSection=function(){function t(t){registerInstance(this,t);this.textAlign="left";this.labelMargin="small";this.padding="none";h$1(this)}t.prototype.disconnectedCallback=function(){};t.prototype.render=function(){var t=h("slot",{name:"label"},this.label);var e=h("slot",{name:"content"});return h(PortalSectionView,Object.assign({},__assign(__assign({},getProps(this)),{label:t,content:e})))};return t}();export{Empty as sqm_empty,PortalContainer as sqm_portal_container,Text as sqm_text,TitledSection as sqm_titled_section};
1
+ var __assign=this&&this.__assign||function(){__assign=Object.assign||function(t){for(var e,n=1,s=arguments.length;n<s;n++){e=arguments[n];for(var o in e)if(Object.prototype.hasOwnProperty.call(e,o))t[o]=e[o]}return t};return __assign.apply(this,arguments)};import{h,r as registerInstance,c as Host}from"./index-b3a06de8.js";import{i as intl}from"./global-58a69018.js";import{n as h$1}from"./dom-context-hooks.module-63370afd.js";import"./index.module-c9811a48.js";import{g as getProps}from"./utils-334c1e34.js";import"./JSS-67b5cff8.js";import{P as PortalContainerView,a as PortalSectionView}from"./sqm-portal-container-view-176e92e3.js";function EmptyStateView(t){var e=t.emptyStateHeader,n=t.emptyStateImage,s=t.emptyStateText,o=t.supportText,i=t.missingFeature,a=i===void 0?"":i;return h("sqm-portal-container",{padding:"large",gap:"medium",part:"sqm-base"},h("img",{style:{height:"100px",margin:"auto"},src:n}),h("sqm-titled-section",{style:{maxHeight:"400px"},"label-margin":"xxx-small","text-align":"center"},h("sqm-text",{slot:"label"},h("p",{part:"header-text"},e)),h("sqm-text",{slot:"content"},h("p",{part:"description-text"},intl.formatMessage({id:"emptyStateText",defaultMessage:s},{supportText:h("a",{target:"_blank",href:"mailto:saasquatch-support@impact.com?subject=Next steps for "+a+" feature&body=Hi Support Team, %0D%0A\n %0D%0A \n I am interested to learn more about the "+a+" feature. Please let me know the next steps to access this feature, including any necessary plan upgrades.%0D%0A\n %0D%0A \n - Feature Interested In: "+a+"%0D%0A\n - Company Name: [Please fill out your company name here]%0D%0A\n %0D%0A\n Thank you"},o)})))))}var Empty=function(){function t(t){registerInstance(this,t);this.emptyStateImage="https://res.cloudinary.com/saasquatch/image/upload/v1644360953/squatch-assets/empty_leaderboard2.png"}t.prototype.render=function(){return h(Host,{slot:"empty"},h(EmptyStateView,{emptyStateImage:this.emptyStateImage,emptyStateHeader:this.emptyStateHeader,emptyStateText:this.emptyStateText,supportText:this.supportText}))};return t}();var PortalContainer=function(){function t(t){registerInstance(this,t);this.ignored=true;this.direction="column";this.gap="xxx-large";this.display="grid";this.maxWidth="100%";this.flexWrap="wrap";h$1(this)}t.prototype.disconnectedCallback=function(){};t.prototype.render=function(){return h(PortalContainerView,Object.assign({},getProps(this)),h("slot",null))};return t}();var Text=function(){function t(t){registerInstance(this,t);this.ignored=true;h$1(this)}t.prototype.disconnectedCallback=function(){};t.prototype.componentWillLoad=function(){};t.prototype.render=function(){var t="\n sqm-text {\n display: block;\n color: "+(this.textColor||"var(--sqm-text)")+";\n }\n\n sqm-text h1 {\n font-size: "+(this.fontSize?this.fontSize+"px":"var(--sl-font-size-xxx-large)")+";\n font-weight: var(--sl-font-weight-semibold);\n color: "+(this.textColor||"var(--sqm-text)")+";\n margin: 0;\n }\n\n sqm-text h2 {\n font-size: "+(this.fontSize?this.fontSize+"px":"var(--sl-font-size-xx-large)")+";\n font-weight: var(--sl-font-weight-semibold);\n color: "+(this.textColor||"var(--sqm-text)")+";\n margin: 0;\n }\n\n sqm-text h3 {\n font-size: "+(this.fontSize?this.fontSize+"px":"var(--sl-font-size-x-large)")+";\n font-weight: var(--sl-font-weight-semibold);\n color: "+(this.textColor||"var(--sqm-text)")+";\n margin: 0;\n }\n\n sqm-text h4 {\n font-size: "+(this.fontSize?this.fontSize+"px":"var(--sl-font-size-large)")+";\n font-weight: var(--sl-font-weight-bold);\n color: "+(this.textColor||"var(--sqm-text)")+";\n margin: 0;\n }\n\n sqm-text p {\n font-size: "+(this.fontSize?this.fontSize+"px":"var(--sl-font-size-medium)")+";\n font-weight: var(--sl-font-weight-normal);\n color: "+(this.textColor||"var(--sqm-text)")+";\n margin: 0;\n }\n\n sqm-text sub {\n font-size: "+(this.fontSize?this.fontSize+"px":"var(--sl-font-size-small)")+";\n font-weight: var(--sl-font-weight-normal);\n color: "+(this.textColor||"var(--sqm-text)")+";\n margin: 0;\n }\n ";return h("div",null,h("style",null,t),h("slot",null))};return t}();var TitledSection=function(){function t(t){registerInstance(this,t);this.textAlign="left";this.labelMargin="small";this.padding="none";h$1(this)}t.prototype.disconnectedCallback=function(){};t.prototype.render=function(){var t=h("slot",{name:"label"},this.label);var e=h("slot",{name:"content"});return h(PortalSectionView,Object.assign({},__assign(__assign({},getProps(this)),{label:t,content:e})))};return t}();export{Empty as sqm_empty,PortalContainer as sqm_portal_container,Text as sqm_text,TitledSection as sqm_titled_section};
@@ -0,0 +1 @@
1
+ import{r as registerInstance,h as h$1}from"./index-b3a06de8.js";import{n as h}from"./dom-context-hooks.module-63370afd.js";var sqmFormMessageCss="sl-alert::part(base){border:var(--sqm-border-thickness) solid;border-radius:var(--sqm-border-radius-normal);font-family:var(--sqm-primary-font)}.Error::part(base){color:var(--sqm-danger-color-text);background-color:var(--sqm-danger-color-background);border-color:var(--sqm-danger-color-border);font-size:14px}.Error #icon{color:var(--sqm-danger-color-icon);font-size:24px}.Warning::part(base){color:var(--sqm-warning-color-text);background-color:var(--sqm-warning-color-background);border-color:var(--sqm-warning-color-border)}.Warning #icon{color:var(--sqm-warning-color-icon);font-size:24px}.Success::part(base){color:var(--sqm-success-color-text);background-color:var(--sqm-success-color-background);border-color:var(--sqm-success-color-border)}.Success #icon{color:var(--sqm-success-color-icon);font-size:24px}.Info::part(base){color:var(--sqm-informative-color-text);background-color:var(--sqm-informative-color-background);border-color:var(--sqm-informative-color-border)}.Info #icon{color:var(--sqm-informative-color-icon);font-size:24px}.Transparent::part(base){background-color:transparent;border:none;color:var(--sqm-text);margin-left:-20px}::slotted(*){margin:0}::slotted(*[part=alert-title]){font-size:16px;font-weight:bold}::slotted(*[part=alert-description]),::slotted(*[part=erroralert-text]){font-size:14px}";var FormMessage=function(){function r(r){registerInstance(this,r);this.ignored=true;this.transparent=false;h(this)}r.prototype.disconnectedCallback=function(){};r.prototype.render=function(){if(this.type==="error"){return h$1("sl-alert",{exportparts:"base: erroralert-base, icon:erroralert-icon",class:"Error "+(this.transparent?"Transparent":""),type:"danger",open:true},h$1("sl-icon",{id:"icon",slot:"icon",name:""+(this.icon?this.icon:"exclamation-octagon")}),h$1("slot",null))}else if(this.type==="info"){return h$1("sl-alert",{id:"icon",exportparts:"base: infoalert-base, icon:infoalert-icon",class:"Info "+(this.transparent?"Transparent":""),type:"info",open:true},h$1("sl-icon",{id:"icon",slot:"icon",name:""+(this.icon?this.icon:"info-circle")}),h$1("slot",null))}else if(this.type==="warning"){return h$1("sl-alert",{exportparts:"base: warningalert-base, icon:warningalert-icon",class:"Warning "+(this.transparent?"Transparent":""),type:"warning",open:true},h$1("sl-icon",{id:"icon",slot:"icon",name:""+(this.icon?this.icon:"exclamation-triangle")}),h$1("slot",null))}else{return h$1("sl-alert",{exportparts:"base: successalert-base, icon:successalert-icon",class:"Success "+(this.transparent?"Transparent":""),type:"success",open:true},h$1("sl-icon",{id:"icon",slot:"icon",name:""+(this.icon?this.icon:"check2-circle")}),h$1("slot",null))}};return r}();FormMessage.style=sqmFormMessageCss;export{FormMessage as sqm_form_message};
@@ -1 +1 @@
1
- import{h}from"./index-b3a06de8.js";import{i as intl}from"./global-536c422d.js";import{j as jss,a as create}from"./JSS-67b5cff8.js";var style={ErrorStyle:{"&::part(control)":{borderColor:"var(--sl-color-danger-500)",outline:"var(--sl-color-danger-500)"},"&:host":{"--focus-ring":"0 0 0 var(--sl-focus-ring-width) red !important"}},ErrorMessageStyle:{margin:0,marginTop:"5px",color:"var(--sl-color-danger-500)",fontSize:"var(--sl-input-help-text-font-size-medium)",fontFamily:"var(--sl-font-sans)",fontWeight:"var(--sl-font-weight-normal)"},FieldContainer:{"margin-bottom":"var(--sl-spacing-large)"}};var vanillaStyle="\n:host {\n margin: 0 auto;\n width: 100%;\n display: block;\n}\nsl-checkbox::part(label){\n font-size: var(--sl-input-label-font-size-small);\n font-weight: var(--sl-font-weight-normal);\n line-height: 20px;\n}\nsl-checkbox::part(base){\n align-items: start;\n}\n";jss.setup(create());var sheet=jss.createStyleSheet(style);var styleString=sheet.toString();function LeadCheckboxFieldView(e){var a,l,t,r,o;var s=e.states,n=e.content;var i=(a=s===null||s===void 0?void 0:s.leadFormState)===null||a===void 0?void 0:a.validationErrors;var c=function(e){var a=e.checkboxLabel;return intl.formatMessage({id:"requiredFieldErrorMessage-"+a,defaultMessage:n.errorMessage},{checkboxLabel:a})};return h("div",{class:sheet.classes.FieldContainer,part:"sqm-base"},h("style",{type:"text/css"},vanillaStyle,styleString),h("sl-checkbox",Object.assign({exportparts:"label: input-label, base: input-base",name:"/"+n.checkboxName,"onSl-change":function(e){e.target.value=e.target.checked}},!n.checkboxOptional?{required:false}:[],{disabled:((l=s.leadFormState)===null||l===void 0?void 0:l.loading)||((t=s.leadFormState)===null||t===void 0?void 0:t.disabled),validationError:function(e){var a=e.value;if(!a&&!n.checkboxOptional){return c({checkboxLabel:n.checkboxLabel})}}},((o=(r=s.leadFormState)===null||r===void 0?void 0:r.validationErrors)===null||o===void 0?void 0:o[n.checkboxName])?{class:sheet.classes.ErrorStyle}:[]),intl.formatMessage({id:n.checkboxName+"-message",defaultMessage:n.checkboxLabel},{labelLink:h("a",{href:n.checkboxLabelLink,target:"_blank"},n.checkboxLabelLinkText||n.checkboxLabelLink)})),(i===null||i===void 0?void 0:i[n.checkboxName])&&h("p",{class:sheet.classes.ErrorMessageStyle},c({checkboxLabel:n.checkboxLabel})))}export{LeadCheckboxFieldView as L};
1
+ import{h}from"./index-b3a06de8.js";import{i as intl}from"./global-58a69018.js";import{j as jss,a as create}from"./JSS-67b5cff8.js";var style={ErrorStyle:{"&::part(control)":{borderColor:"var(--sl-color-danger-500)",outline:"var(--sl-color-danger-500)"},"&:host":{"--focus-ring":"0 0 0 var(--sl-focus-ring-width) red !important"}},ErrorMessageStyle:{margin:0,marginTop:"5px",color:"var(--sl-color-danger-500)",fontSize:"var(--sl-input-help-text-font-size-medium)",fontFamily:"var(--sl-font-sans)",fontWeight:"var(--sl-font-weight-normal)"},FieldContainer:{"margin-bottom":"var(--sl-spacing-large)"}};var vanillaStyle="\n:host {\n margin: 0 auto;\n width: 100%;\n display: block;\n}\nsl-checkbox::part(label){\n font-size: var(--sl-input-label-font-size-small);\n font-weight: var(--sl-font-weight-normal);\n line-height: 20px;\n}\nsl-checkbox::part(base){\n align-items: start;\n}\n";jss.setup(create());var sheet=jss.createStyleSheet(style);var styleString=sheet.toString();function LeadCheckboxFieldView(e){var a,l,t,r,o;var s=e.states,n=e.content;var i=(a=s===null||s===void 0?void 0:s.leadFormState)===null||a===void 0?void 0:a.validationErrors;var c=function(e){var a=e.checkboxLabel;return intl.formatMessage({id:"requiredFieldErrorMessage-"+a,defaultMessage:n.errorMessage},{checkboxLabel:a})};return h("div",{class:sheet.classes.FieldContainer,part:"sqm-base"},h("style",{type:"text/css"},vanillaStyle,styleString),h("sl-checkbox",Object.assign({exportparts:"label: input-label, base: input-base",name:"/"+n.checkboxName,"onSl-change":function(e){e.target.value=e.target.checked}},!n.checkboxOptional?{required:false}:[],{disabled:((l=s.leadFormState)===null||l===void 0?void 0:l.loading)||((t=s.leadFormState)===null||t===void 0?void 0:t.disabled),validationError:function(e){var a=e.value;if(!a&&!n.checkboxOptional){return c({checkboxLabel:n.checkboxLabel})}}},((o=(r=s.leadFormState)===null||r===void 0?void 0:r.validationErrors)===null||o===void 0?void 0:o[n.checkboxName])?{class:sheet.classes.ErrorStyle}:[]),intl.formatMessage({id:n.checkboxName+"-message",defaultMessage:n.checkboxLabel},{labelLink:h("a",{href:n.checkboxLabelLink,target:"_blank"},n.checkboxLabelLinkText||n.checkboxLabelLink)})),(i===null||i===void 0?void 0:i[n.checkboxName])&&h("p",{class:sheet.classes.ErrorMessageStyle},c({checkboxLabel:n.checkboxLabel})))}export{LeadCheckboxFieldView as L};
@@ -1 +1 @@
1
- var __assign=this&&this.__assign||function(){__assign=Object.assign||function(e){for(var s,t=1,i=arguments.length;t<i;t++){s=arguments[t];for(var o in s)if(Object.prototype.hasOwnProperty.call(s,o))e[o]=s[o]}return e};return __assign.apply(this,arguments)};import{r as registerInstance,h as h$1}from"./index-b3a06de8.js";import"./global-536c422d.js";import{i as d,n as h}from"./dom-context-hooks.module-63370afd.js";import{i as isDemo}from"./index.module-c9811a48.js";import{c as cjs}from"./cjs-bdfb4486.js";import{a as getMissingProps,g as getProps}from"./utils-334c1e34.js";import"./JSS-67b5cff8.js";import{L as LEAD_FORM_STATE_CONTEXT,R as RequiredPropsError}from"./useLeadFormState-5a6188da.js";import{L as LeadCheckboxFieldView}from"./sqm-lead-checkbox-field-view-5c387852.js";function useLeadCheckboxField(){var e=d(LEAD_FORM_STATE_CONTEXT);return{states:{leadFormState:e}}}var LeadCheckboxField=function(){function e(e){registerInstance(this,e);this.ignored=true;this.checkboxLabel="By signing up you agree to the {labelLink}";this.checkboxLabelLink="https://example.com";this.checkboxLabelLinkText="Terms and Conditions";this.errorMessage="Must be checked";this.checkboxOptional=false;h(this)}e.prototype.disconnectedCallback=function(){};e.prototype.render=function(){var e=getMissingProps([{attribute:"checkbox-name",value:this.checkboxName}]);if(!isDemo()&&e){return h$1(RequiredPropsError,{missingProps:e,heading:"An error occured while loading this form",subheading:"A technical problem prevented this checkbox field from loading. Please contact us with the link to this page.",description:"Values for the following attributes are missing:"})}var s=__assign({},getProps(this));var t=(isDemo()?useLeadCheckboxFieldDemo(this):useLeadCheckboxField()).states;return h$1(LeadCheckboxFieldView,{states:t,content:s})};return e}();function useLeadCheckboxFieldDemo(e){return cjs({states:{leadFormState:{}}},e.demoData||{},{arrayMerge:function(e,s){return s}})}export{LeadCheckboxField as sqm_lead_checkbox_field};
1
+ var __assign=this&&this.__assign||function(){__assign=Object.assign||function(e){for(var s,t=1,i=arguments.length;t<i;t++){s=arguments[t];for(var o in s)if(Object.prototype.hasOwnProperty.call(s,o))e[o]=s[o]}return e};return __assign.apply(this,arguments)};import{r as registerInstance,h as h$1}from"./index-b3a06de8.js";import"./global-58a69018.js";import{i as d,n as h}from"./dom-context-hooks.module-63370afd.js";import{i as isDemo}from"./index.module-c9811a48.js";import{c as cjs}from"./cjs-bdfb4486.js";import{a as getMissingProps,g as getProps}from"./utils-334c1e34.js";import"./JSS-67b5cff8.js";import{L as LEAD_FORM_STATE_CONTEXT,R as RequiredPropsError}from"./useLeadFormState-8d4b2620.js";import{L as LeadCheckboxFieldView}from"./sqm-lead-checkbox-field-view-81541e40.js";function useLeadCheckboxField(){var e=d(LEAD_FORM_STATE_CONTEXT);return{states:{leadFormState:e}}}var LeadCheckboxField=function(){function e(e){registerInstance(this,e);this.ignored=true;this.checkboxLabel="By signing up you agree to the {labelLink}";this.checkboxLabelLink="https://example.com";this.checkboxLabelLinkText="Terms and Conditions";this.errorMessage="Must be checked";this.checkboxOptional=false;h(this)}e.prototype.disconnectedCallback=function(){};e.prototype.render=function(){var e=getMissingProps([{attribute:"checkbox-name",value:this.checkboxName}]);if(!isDemo()&&e){return h$1(RequiredPropsError,{missingProps:e,heading:"An error occured while loading this form",subheading:"A technical problem prevented this checkbox field from loading. Please contact us with the link to this page.",description:"Values for the following attributes are missing:"})}var s=__assign({},getProps(this));var t=(isDemo()?useLeadCheckboxFieldDemo(this):useLeadCheckboxField()).states;return h$1(LeadCheckboxFieldView,{states:t,content:s})};return e}();function useLeadCheckboxFieldDemo(e){return cjs({states:{leadFormState:{}}},e.demoData||{},{arrayMerge:function(e,s){return s}})}export{LeadCheckboxField as sqm_lead_checkbox_field};
@@ -1 +1 @@
1
- import{h}from"./index-b3a06de8.js";import{i as intl}from"./global-536c422d.js";import{j as jss,a as create}from"./JSS-67b5cff8.js";import{E as ErrorStyles}from"./mixins-f750863a.js";var style={ErrorStyle:ErrorStyles,FieldContainer:{"margin-bottom":"var(--sl-spacing-medium)"}};var vanillaStyle="\n:host {\n margin: 0 auto;\n width: 100%;\n display: block;\n}\n";jss.setup(create());var sheet=jss.createStyleSheet(style);var styleString=sheet.toString();function LeadInputFieldView(e){var a,l,i,r,t,s;var o=e.states,d=e.content;var n=function(e){var a=e.fieldLabel;return intl.formatMessage({id:"requiredFieldErrorMessage-"+a,defaultMessage:d.requiredFieldErrorMessage},{fieldLabel:a})};return h("div",{class:sheet.classes.FieldContainer,part:"sqm-base"},h("style",{type:"text/css"},vanillaStyle,styleString),h("sl-input",Object.assign({exportparts:"label: input-label, base: input-base",name:"/"+d.fieldName,type:d.fieldType,label:""+d.fieldLabel+(d.fieldOptional?" "+d.optionalLabel:"")},!d.fieldOptional?{required:true}:[],{disabled:((a=o.leadFormState)===null||a===void 0?void 0:a.loading)||((l=o.leadFormState)===null||l===void 0?void 0:l.disabled),validationError:function(e){var a=e.value;if(!a&&!d.fieldOptional){return n({fieldLabel:d.fieldLabel})}}},((r=(i=o.leadFormState)===null||i===void 0?void 0:i.validationErrors)===null||r===void 0?void 0:r[d.fieldName])?{class:sheet.classes.ErrorStyle,helpText:((s=(t=o.leadFormState)===null||t===void 0?void 0:t.validationErrors)===null||s===void 0?void 0:s[d.fieldName])||d.requiredFieldErrorMessage}:[])))}export{LeadInputFieldView as L};
1
+ import{h}from"./index-b3a06de8.js";import{i as intl}from"./global-58a69018.js";import{j as jss,a as create}from"./JSS-67b5cff8.js";import{E as ErrorStyles}from"./mixins-f750863a.js";var style={ErrorStyle:ErrorStyles,FieldContainer:{"margin-bottom":"var(--sl-spacing-medium)"}};var vanillaStyle="\n:host {\n margin: 0 auto;\n width: 100%;\n display: block;\n}\n";jss.setup(create());var sheet=jss.createStyleSheet(style);var styleString=sheet.toString();function LeadInputFieldView(e){var a,l,i,r,t,s;var o=e.states,d=e.content;var n=function(e){var a=e.fieldLabel;return intl.formatMessage({id:"requiredFieldErrorMessage-"+a,defaultMessage:d.requiredFieldErrorMessage},{fieldLabel:a})};return h("div",{class:sheet.classes.FieldContainer,part:"sqm-base"},h("style",{type:"text/css"},vanillaStyle,styleString),h("sl-input",Object.assign({exportparts:"label: input-label, base: input-base",name:"/"+d.fieldName,type:d.fieldType,label:""+d.fieldLabel+(d.fieldOptional?" "+d.optionalLabel:"")},!d.fieldOptional?{required:true}:[],{disabled:((a=o.leadFormState)===null||a===void 0?void 0:a.loading)||((l=o.leadFormState)===null||l===void 0?void 0:l.disabled),validationError:function(e){var a=e.value;if(!a&&!d.fieldOptional){return n({fieldLabel:d.fieldLabel})}}},((r=(i=o.leadFormState)===null||i===void 0?void 0:i.validationErrors)===null||r===void 0?void 0:r[d.fieldName])?{class:sheet.classes.ErrorStyle,helpText:((s=(t=o.leadFormState)===null||t===void 0?void 0:t.validationErrors)===null||s===void 0?void 0:s[d.fieldName])||d.requiredFieldErrorMessage}:[])))}export{LeadInputFieldView as L};
@@ -1 +1 @@
1
- var __assign=this&&this.__assign||function(){__assign=Object.assign||function(e){for(var i,t=1,s=arguments.length;t<s;t++){i=arguments[t];for(var r in i)if(Object.prototype.hasOwnProperty.call(i,r))e[r]=i[r]}return e};return __assign.apply(this,arguments)};import{r as registerInstance,h as h$1}from"./index-b3a06de8.js";import"./global-536c422d.js";import{i as d,n as h}from"./dom-context-hooks.module-63370afd.js";import{i as isDemo}from"./index.module-c9811a48.js";import{c as cjs}from"./cjs-bdfb4486.js";import{g as getProps,a as getMissingProps}from"./utils-334c1e34.js";import"./JSS-67b5cff8.js";import"./mixins-f750863a.js";import{L as LEAD_FORM_STATE_CONTEXT,R as RequiredPropsError}from"./useLeadFormState-5a6188da.js";import{L as LeadInputFieldView}from"./sqm-lead-input-field-view-fa2488c9.js";function useLeadInputField(){var e=d(LEAD_FORM_STATE_CONTEXT);return{states:{leadFormState:e}}}var LeadInputField=function(){function e(e){registerInstance(this,e);this.ignored=true;this.optionalLabel="(optional)";this.fieldType="text";this.requiredFieldErrorMessage="Please enter a {fieldLabel}";this.fieldOptional=false;h(this)}e.prototype.disconnectedCallback=function(){};e.prototype.render=function(){var e=__assign({},getProps(this));var i=getMissingProps([{attribute:"field-name",value:this.fieldName}]);if(!isDemo()&&i){return h$1(RequiredPropsError,{missingProps:i,heading:"An error occured while loading this form",subheading:"A technical problem prevented this input field from loading. Please contact us with the link to this page.",description:"Values for the following attributes are missing:"})}var t=(isDemo()?useLeadInputFieldDemo(this):useLeadInputField()).states;return h$1(LeadInputFieldView,{states:t,content:e})};return e}();function useLeadInputFieldDemo(e){return cjs({states:{leadForState:{}},content:{fieldName:e.fieldName,fieldLabel:e.fieldLabel,fieldType:e.fieldType,requiredFieldErrorMessage:e.requiredFieldErrorMessage}},e.demoData||{},{arrayMerge:function(e,i){return i}})}export{LeadInputField as sqm_lead_input_field};
1
+ var __assign=this&&this.__assign||function(){__assign=Object.assign||function(e){for(var i,t=1,s=arguments.length;t<s;t++){i=arguments[t];for(var r in i)if(Object.prototype.hasOwnProperty.call(i,r))e[r]=i[r]}return e};return __assign.apply(this,arguments)};import{r as registerInstance,h as h$1}from"./index-b3a06de8.js";import"./global-58a69018.js";import{i as d,n as h}from"./dom-context-hooks.module-63370afd.js";import{i as isDemo}from"./index.module-c9811a48.js";import{c as cjs}from"./cjs-bdfb4486.js";import{g as getProps,a as getMissingProps}from"./utils-334c1e34.js";import"./JSS-67b5cff8.js";import"./mixins-f750863a.js";import{L as LEAD_FORM_STATE_CONTEXT,R as RequiredPropsError}from"./useLeadFormState-8d4b2620.js";import{L as LeadInputFieldView}from"./sqm-lead-input-field-view-d543d939.js";function useLeadInputField(){var e=d(LEAD_FORM_STATE_CONTEXT);return{states:{leadFormState:e}}}var LeadInputField=function(){function e(e){registerInstance(this,e);this.ignored=true;this.optionalLabel="(optional)";this.fieldType="text";this.requiredFieldErrorMessage="Please enter a {fieldLabel}";this.fieldOptional=false;h(this)}e.prototype.disconnectedCallback=function(){};e.prototype.render=function(){var e=__assign({},getProps(this));var i=getMissingProps([{attribute:"field-name",value:this.fieldName}]);if(!isDemo()&&i){return h$1(RequiredPropsError,{missingProps:i,heading:"An error occured while loading this form",subheading:"A technical problem prevented this input field from loading. Please contact us with the link to this page.",description:"Values for the following attributes are missing:"})}var t=(isDemo()?useLeadInputFieldDemo(this):useLeadInputField()).states;return h$1(LeadInputFieldView,{states:t,content:e})};return e}();function useLeadInputFieldDemo(e){return cjs({states:{leadForState:{}},content:{fieldName:e.fieldName,fieldLabel:e.fieldLabel,fieldType:e.fieldType,requiredFieldErrorMessage:e.requiredFieldErrorMessage}},e.demoData||{},{arrayMerge:function(e,i){return i}})}export{LeadInputField as sqm_lead_input_field};
@@ -1 +1 @@
1
- var __makeTemplateObject=this&&this.__makeTemplateObject||function(e,r){if(Object.defineProperty){Object.defineProperty(e,"raw",{value:r})}else{e.raw=r}return e};import{r as registerInstance,h as h$1}from"./index-b3a06de8.js";import{i as intl}from"./global-536c422d.js";import{n as h}from"./dom-context-hooks.module-63370afd.js";import{d as dist,H,J,w as wn,i as isDemo}from"./index.module-c9811a48.js";import{c as cjs}from"./cjs-bdfb4486.js";import{L as LeaderboardRankView}from"./sqm-leaderboard-rank-view-18baae5b.js";var GET_RANK=dist.gql(templateObject_1||(templateObject_1=__makeTemplateObject(["\n query ($type: String!, $filter: UserLeaderboardFilterInput) {\n viewer {\n ... on User {\n leaderboardRank(type: $type, filter: $filter) {\n rowNumber\n rank\n denseRank\n }\n }\n }\n }\n"],["\n query ($type: String!, $filter: UserLeaderboardFilterInput) {\n viewer {\n ... on User {\n leaderboardRank(type: $type, filter: $filter) {\n rowNumber\n rank\n denseRank\n }\n }\n }\n }\n"])));function useLeaderboardRank(e){var r,a,n,t;var o=H();var d=(r=e.programId)!==null&&r!==void 0?r:o;var i=J();var s=d?{type:e.leaderboardType,filter:{programId_eq:d}}:{type:e.leaderboardType,filter:{}};if(e.interval){s.filter["interval"]=e.interval}var l=wn(GET_RANK,s,!(i===null||i===void 0?void 0:i.jwt)).data;var m=((a=l===null||l===void 0?void 0:l.viewer)===null||a===void 0?void 0:a.leaderboardRank)?intl.formatMessage({id:"rankText",defaultMessage:e.rankText},{rank:(t=(n=l===null||l===void 0?void 0:l.viewer)===null||n===void 0?void 0:n.leaderboardRank)===null||t===void 0?void 0:t[e.rankType]}):e.unrankedText||"unranked";return{data:{rank:m}}}var sqmLeaderboardRankCss="p,.P{font-size:var(--sl-font-size-small);color:var(--sqm-text);margin-top:0px}p.Subtitle,.P.Subtitle{color:var(--sqm-text-subdued);margin:0px}";var LeaderboardRank=function(){function e(e){registerInstance(this,e);this.rankText="You are currently in {rank, selectordinal, one {#st} two {#nd} few {#rd} other {#th} } place!";h(this)}e.prototype.disconnectedCallback=function(){};e.prototype.render=function(){var e=isDemo()?useLeaderboardRankDemo(this):useLeaderboardRank(this);return h$1(LeaderboardRankView,Object.assign({},e))};return e}();function useLeaderboardRankDemo(e){var r=intl.formatMessage({id:"rankText",defaultMessage:e.rankText},{rank:1})||"1st";return cjs({data:{rank:r}},e.demoData||{},{arrayMerge:function(e,r){return r}})}LeaderboardRank.style=sqmLeaderboardRankCss;export{LeaderboardRank as sqm_leaderboard_rank};var templateObject_1;
1
+ var __makeTemplateObject=this&&this.__makeTemplateObject||function(e,r){if(Object.defineProperty){Object.defineProperty(e,"raw",{value:r})}else{e.raw=r}return e};import{r as registerInstance,h as h$1}from"./index-b3a06de8.js";import{i as intl}from"./global-58a69018.js";import{n as h}from"./dom-context-hooks.module-63370afd.js";import{d as dist,H,J,w as wn,i as isDemo}from"./index.module-c9811a48.js";import{c as cjs}from"./cjs-bdfb4486.js";import{L as LeaderboardRankView}from"./sqm-leaderboard-rank-view-18baae5b.js";var GET_RANK=dist.gql(templateObject_1||(templateObject_1=__makeTemplateObject(["\n query ($type: String!, $filter: UserLeaderboardFilterInput) {\n viewer {\n ... on User {\n leaderboardRank(type: $type, filter: $filter) {\n rowNumber\n rank\n denseRank\n }\n }\n }\n }\n"],["\n query ($type: String!, $filter: UserLeaderboardFilterInput) {\n viewer {\n ... on User {\n leaderboardRank(type: $type, filter: $filter) {\n rowNumber\n rank\n denseRank\n }\n }\n }\n }\n"])));function useLeaderboardRank(e){var r,a,n,t;var o=H();var d=(r=e.programId)!==null&&r!==void 0?r:o;var i=J();var s=d?{type:e.leaderboardType,filter:{programId_eq:d}}:{type:e.leaderboardType,filter:{}};if(e.interval){s.filter["interval"]=e.interval}var l=wn(GET_RANK,s,!(i===null||i===void 0?void 0:i.jwt)).data;var m=((a=l===null||l===void 0?void 0:l.viewer)===null||a===void 0?void 0:a.leaderboardRank)?intl.formatMessage({id:"rankText",defaultMessage:e.rankText},{rank:(t=(n=l===null||l===void 0?void 0:l.viewer)===null||n===void 0?void 0:n.leaderboardRank)===null||t===void 0?void 0:t[e.rankType]}):e.unrankedText||"unranked";return{data:{rank:m}}}var sqmLeaderboardRankCss="p,.P{font-size:var(--sl-font-size-small);color:var(--sqm-text);margin-top:0px}p.Subtitle,.P.Subtitle{color:var(--sqm-text-subdued);margin:0px}";var LeaderboardRank=function(){function e(e){registerInstance(this,e);this.rankText="You are currently in {rank, selectordinal, one {#st} two {#nd} few {#rd} other {#th} } place!";h(this)}e.prototype.disconnectedCallback=function(){};e.prototype.render=function(){var e=isDemo()?useLeaderboardRankDemo(this):useLeaderboardRank(this);return h$1(LeaderboardRankView,Object.assign({},e))};return e}();function useLeaderboardRankDemo(e){var r=intl.formatMessage({id:"rankText",defaultMessage:e.rankText},{rank:1})||"1st";return cjs({data:{rank:r}},e.demoData||{},{arrayMerge:function(e,r){return r}})}LeaderboardRank.style=sqmLeaderboardRankCss;export{LeaderboardRank as sqm_leaderboard_rank};var templateObject_1;
@@ -1 +1 @@
1
- var __makeTemplateObject=this&&this.__makeTemplateObject||function(e,t){if(Object.defineProperty){Object.defineProperty(e,"raw",{value:t})}else{e.raw=t}return e};var __assign=this&&this.__assign||function(){__assign=Object.assign||function(e){for(var t,a=1,n=arguments.length;a<n;a++){t=arguments[a];for(var r in t)if(Object.prototype.hasOwnProperty.call(t,r))e[r]=t[r]}return e};return __assign.apply(this,arguments)};var __awaiter=this&&this.__awaiter||function(e,t,a,n){function r(e){return e instanceof a?e:new a((function(t){t(e)}))}return new(a||(a=Promise))((function(a,o){function i(e){try{l(n.next(e))}catch(e){o(e)}}function s(e){try{l(n["throw"](e))}catch(e){o(e)}}function l(e){e.done?a(e.value):r(e.value).then(i,s)}l((n=n.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var a={label:0,sent:function(){if(o[0]&1)throw o[1];return o[1]},trys:[],ops:[]},n,r,o,i;return i={next:s(0),throw:s(1),return:s(2)},typeof Symbol==="function"&&(i[Symbol.iterator]=function(){return this}),i;function s(e){return function(t){return l([e,t])}}function l(i){if(n)throw new TypeError("Generator is already executing.");while(a)try{if(n=1,r&&(o=i[0]&2?r["return"]:i[0]?r["throw"]||((o=r["return"])&&o.call(r),0):r.next)&&!(o=o.call(r,i[1])).done)return o;if(r=0,o)i=[i[0]&2,o.value];switch(i[0]){case 0:case 1:o=i;break;case 4:a.label++;return{value:i[1],done:false};case 5:a.label++;r=i[1];i=[0];continue;case 7:i=a.ops.pop();a.trys.pop();continue;default:if(!(o=a.trys,o=o.length>0&&o[o.length-1])&&(i[0]===6||i[0]===2)){a=0;continue}if(i[0]===3&&(!o||i[1]>o[0]&&i[1]<o[3])){a.label=i[1];break}if(i[0]===6&&a.label<o[1]){a.label=o[1];o=i;break}if(o&&a.label<o[2]){a.label=o[2];a.ops.push(i);break}if(o[2])a.ops.pop();a.trys.pop();continue}i=t.call(e,a)}catch(e){i=[6,e];r=0}finally{n=o=0}if(i[0]&5)throw i[1];return{value:i[0]?i[1]:void 0,done:true}}};import{h,F as Fragment,r as registerInstance}from"./index-b3a06de8.js";import{i as intl}from"./global-536c422d.js";import{n as h$1,k as useState}from"./dom-context-hooks.module-63370afd.js";import{F as Fn,i as isDemo,d as dist,H,J,B,w as wn,$ as $e}from"./index.module-c9811a48.js";import{c as cjs}from"./cjs-bdfb4486.js";import{g as getProps}from"./utils-334c1e34.js";import{c as createStyleSheet}from"./JSS-67b5cff8.js";import{R as REFERRAL_CODES_PAGINATION_CONTEXT,a as REFERRAL_CODES_NAMESPACE,S as SET_CODE_COPIED,u as useReferralCodes}from"./useReferralCodes-c2e809cf.js";import"./mixins-f750863a.js";import{C as CopyTextView}from"./copy-text-view-fac47254.js";var style={Container:{display:"flex",justifyContent:"flex-end",alignItems:"center",gap:"var(--sl-spacing-small)",width:"100%"},TextContainer:{display:"flex",gap:"var(--sl-spacing-xx-small)"}};var sheet=createStyleSheet(style);var styleString=sheet.toString();function PaginationView(e){var t=e.states,a=e.callbacks,n=e.text,r=e.buttonType;var o=a.onNext,i=a.onPrev;var s=t.currentPage,l=t.totalPages,u=t.loading;if(l===1)return h(Fragment,null);return h("span",{class:sheet.classes.Container,part:"sqm-base"},h("style",{type:"text/css"},styleString),!u&&h(Fragment,null,h("sl-button",{exportparts:"base: "+r+"button-base",onClick:i,part:"sqm-pagination-button",circle:true,disabled:s===1},h("sl-icon",{name:"chevron-left",label:"Previous Page"})),h("div",{class:sheet.classes.TextContainer},n.paginationText)),h("sl-button",{exportparts:"base: "+r+"button-base",onClick:o,part:"sqm-pagination-button",circle:true,disabled:s===l},h("sl-icon",{name:"chevron-right",label:"Previous Page"})))}function usePagination(e){var t;var a=Fn(REFERRAL_CODES_PAGINATION_CONTEXT);var n=a.states.currentPage+1;var r=(t=a.states)===null||t===void 0?void 0:t.pageCount;return{states:{currentPage:n,totalPages:r,loading:a.states.loading},callbacks:{onNext:function(){var e,t;return(e=a.callbacks)===null||e===void 0?void 0:e.setCurrentPage(((t=a.states)===null||t===void 0?void 0:t.currentPage)+1)},onPrev:function(){var e,t;return(e=a.callbacks)===null||e===void 0?void 0:e.setCurrentPage(((t=a.states)===null||t===void 0?void 0:t.currentPage)-1)}},text:{paginationText:intl.formatMessage({id:"paginationText",defaultMessage:e.paginationText},{currentPage:n,totalPages:r})}}}var Pagination=function(){function e(e){registerInstance(this,e);this.ignored=true;this.paginationText="{currentPage} of {totalPages}";this.buttonType="secondary";h$1(this)}e.prototype.disconnectedCallback=function(){};e.prototype.render=function(){var e=isDemo()?useDemoPagination(getProps(this)):usePagination(getProps(this));return h(PaginationView,Object.assign({},e))};return e}();function useDemoPagination(e){var t=useState(1),a=t[0],n=t[1];return cjs({states:{currentPage:a,totalPages:5,loading:false},buttonType:e.buttonType,callbacks:{onNext:function(){return n(a+1)},onPrev:function(){return n(a-1)}},text:{paginationText:intl.formatMessage({id:"paginationText",defaultMessage:e.paginationText||"{currentPage} of {totalPages}"},{currentPage:a,totalPages:5})}},e.demoData||{},{arrayMerge:function(e,t){return t}})}var MessageLinkQuery=dist.gql(templateObject_1||(templateObject_1=__makeTemplateObject(["\n query getReferralCode($programId: ID) {\n user: viewer {\n ... on User {\n referralCode(programId: $programId)\n }\n }\n }\n"],["\n query getReferralCode($programId: ID) {\n user: viewer {\n ... on User {\n referralCode(programId: $programId)\n }\n }\n }\n"])));var WIDGET_ENGAGEMENT_EVENT=dist.gql(templateObject_2||(templateObject_2=__makeTemplateObject(["\n mutation loadEvent($eventMeta: UserAnalyticsEvent!) {\n createUserAnalyticsEvent(eventMeta: $eventMeta)\n }\n"],["\n mutation loadEvent($eventMeta: UserAnalyticsEvent!) {\n createUserAnalyticsEvent(eventMeta: $eventMeta)\n }\n"])));function useReferralCode(e){var t,a;var n=e.programId,r=n===void 0?H():n;var o=J();var i=B();var s=Fn(REFERRAL_CODES_NAMESPACE);var l=wn(MessageLinkQuery,{programId:r},!(o===null||o===void 0?void 0:o.jwt)||(s===null||s===void 0?void 0:s.referralCode)!==undefined).data;var u=$e(WIDGET_ENGAGEMENT_EVENT)[0];var c=$e(SET_CODE_COPIED)[0];var d=(a=(s===null||s===void 0?void 0:s.referralCode)||((t=l===null||l===void 0?void 0:l.user)===null||t===void 0?void 0:t.referralCode))!==null&&a!==void 0?a:"...";var p=useState(false),f=p[0],g=p[1];function h(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){switch(t.label){case 0:if(!s)return[3,2];return[4,c({referralCode:s.referralCode})];case 1:t.sent();s.refresh();t.label=2;case 2:navigator.clipboard.writeText(d);g(true);setTimeout((function(){return g(false)}),e.tooltiplifespan);u({eventMeta:{programId:r,id:o===null||o===void 0?void 0:o.id,accountId:o===null||o===void 0?void 0:o.accountId,type:"USER_REFERRAL_PROGRAM_ENGAGEMENT_EVENT",meta:{engagementMedium:i,shareMedium:"DIRECT"}}});return[2]}}))}))}return __assign(__assign({},e),{onClick:h,open:f,copyString:d,isCopied:s===null||s===void 0?void 0:s.isCopied,showNotificationText:e.showNotificationText&&!!(s===null||s===void 0?void 0:s.singleUse)})}var ReferralCode=function(){function e(e){registerInstance(this,e);this.tooltiptext="Copied to Clipboard";this.showNotificationText=false;this.notificationText="You've copied this code before";this.tooltiplifespan=1e3;this.textAlign="left";this.copyButtonLabel="Copy Code";this.buttonStyle="icon";this.buttonType="primary";h$1(this)}e.prototype.disconnectedCallback=function(){};e.prototype.render=function(){var e=getProps(this);var t=isDemo()?useDemoReferralCode(e):useReferralCode(e);return h(CopyTextView,Object.assign({},t))};return e}();function useDemoReferralCode(e){var t=useState(false),a=t[0],n=t[1];var r="REFERRALCODE001";return cjs({copyString:r,tooltiptext:e.tooltiptext,textAlign:e.textAlign,copyButtonLabel:e.copyButtonLabel,buttonStyle:e.buttonStyle,notificationText:e.notificationText,showNotificationText:e.showNotificationText,isCopied:e.showNotificationText,borderColor:e.borderColor,backgroundColor:e.backgroundColor,textColor:e.textColor,borderRadius:e.borderRadius,buttonType:e.buttonType,isUsed:false,rewardStatus:"AVAILABLE",open:a,onClick:function(){navigator.clipboard.writeText(r);n(true);setTimeout((function(){return n(false)}),e.tooltiplifespan)}},e.demoData||{},{arrayMerge:function(e,t){return t}})}function ReferralCodesView(e){var t=e.slots,a=e.titleText,n=e.states,r=e.textColor,o=r===void 0?"var(--sqm-text-subdued)":r;var i={Wrapper:{width:"100%",display:"flex",alignItems:"flex-start",justifyContent:"center",flexDirection:"column",gap:"var(--sl-spacing-large)",color:o},HeaderContainer:{display:"flex",alignItems:"center",justifyContent:"space-between",width:"100%"},ShareCodeContainer:{width:"100%",display:"flex",alignItems:"flex-start",justifyContent:"center",flexDirection:"column"},ShareButtonContainer:{width:"100%",display:"flex",alignItems:"flex-start",justifyContent:"center",flexDirection:"column"},TitleText:{fontSize:"var(--sl-font-size-large)",margin:"0"}};var s="\n :host {\n display: block;\n }\n :host([hidden]): {\n display: none;\n }\n ";var l=createStyleSheet(i);var u=l.toString();var c=function(e){if(e.noCodes){return t.empty}if(e.loading){return t.loading}return h("div",{class:l.classes.Wrapper},h("div",{class:l.classes.ShareCodeContainer},t.shareCodes),h("div",{class:l.classes.ShareButtonContainer},t.shareButtons))};return h("div",{class:l.classes.Wrapper,part:"sqm-base"},h("style",{type:"text/css"},s,u),h("div",{class:l.classes.HeaderContainer},h("h2",{class:l.classes.TitleText},a),!n.noCodes&&!n.loading&&t.pagination),c(n))}var ReferralCodes=function(){function e(e){registerInstance(this,e);this.titleText="Start sharing";this.emptyStateHeaderText="Your new codes and links aren’t ready yet";this.emptyStateDescriptionText="Please contact our program support team to let them know you’re out of codes.";this.emptyStateImageUrl="https://res.cloudinary.com/saasquatch/image/upload/v1644360953/squatch-assets/empty_leaderboard2.png";h$1(this)}e.prototype.disconnectedCallback=function(){};e.prototype.render=function(){var e=getProps(this);var t=isDemo()?useDemoReferralCodes(e):useReferralCodes(e);var a={shareButtons:h("slot",{name:"shareButtons"}),shareCodes:h("slot",{name:"shareCodes"}),pagination:h("slot",{name:"pagination"}),empty:h(EmptySlot,{headerText:this.emptyStateHeaderText,descriptionText:this.emptyStateDescriptionText,imageUrl:this.emptyStateImageUrl}),loading:h(LoadingSlot,null)};var n=__assign(__assign({slots:a},t),{loading:t.states.loading,noCodes:t.states.noCodes});return h(ReferralCodesView,Object.assign({},n))};return e}();function EmptySlot(e){var t=e.headerText,a=e.descriptionText,n=e.imageUrl;return h("slot",{name:"empty"},h("sqm-empty",{emptyStateHeader:t,emptyStateText:a,emptyStateImage:n}))}function LoadingSlot(){return h("slot",{name:"loading"},h(LoadingRow,null),h(LoadingRow,null),h(LoadingRow,null),h(LoadingRow,null))}function LoadingRow(){return h("sqm-skeleton",null)}function useDemoReferralCodes(e){return cjs({titleText:e.titleText,textColor:e.textColor,states:{noCodes:false,loading:false}},e.demoData||{},{arrayMerge:function(e,t){return t}})}export{Pagination as sqm_pagination,ReferralCode as sqm_referral_code,ReferralCodes as sqm_referral_codes};var templateObject_1,templateObject_2;
1
+ var __makeTemplateObject=this&&this.__makeTemplateObject||function(e,t){if(Object.defineProperty){Object.defineProperty(e,"raw",{value:t})}else{e.raw=t}return e};var __assign=this&&this.__assign||function(){__assign=Object.assign||function(e){for(var t,a=1,n=arguments.length;a<n;a++){t=arguments[a];for(var r in t)if(Object.prototype.hasOwnProperty.call(t,r))e[r]=t[r]}return e};return __assign.apply(this,arguments)};var __awaiter=this&&this.__awaiter||function(e,t,a,n){function r(e){return e instanceof a?e:new a((function(t){t(e)}))}return new(a||(a=Promise))((function(a,o){function i(e){try{l(n.next(e))}catch(e){o(e)}}function s(e){try{l(n["throw"](e))}catch(e){o(e)}}function l(e){e.done?a(e.value):r(e.value).then(i,s)}l((n=n.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var a={label:0,sent:function(){if(o[0]&1)throw o[1];return o[1]},trys:[],ops:[]},n,r,o,i;return i={next:s(0),throw:s(1),return:s(2)},typeof Symbol==="function"&&(i[Symbol.iterator]=function(){return this}),i;function s(e){return function(t){return l([e,t])}}function l(i){if(n)throw new TypeError("Generator is already executing.");while(a)try{if(n=1,r&&(o=i[0]&2?r["return"]:i[0]?r["throw"]||((o=r["return"])&&o.call(r),0):r.next)&&!(o=o.call(r,i[1])).done)return o;if(r=0,o)i=[i[0]&2,o.value];switch(i[0]){case 0:case 1:o=i;break;case 4:a.label++;return{value:i[1],done:false};case 5:a.label++;r=i[1];i=[0];continue;case 7:i=a.ops.pop();a.trys.pop();continue;default:if(!(o=a.trys,o=o.length>0&&o[o.length-1])&&(i[0]===6||i[0]===2)){a=0;continue}if(i[0]===3&&(!o||i[1]>o[0]&&i[1]<o[3])){a.label=i[1];break}if(i[0]===6&&a.label<o[1]){a.label=o[1];o=i;break}if(o&&a.label<o[2]){a.label=o[2];a.ops.push(i);break}if(o[2])a.ops.pop();a.trys.pop();continue}i=t.call(e,a)}catch(e){i=[6,e];r=0}finally{n=o=0}if(i[0]&5)throw i[1];return{value:i[0]?i[1]:void 0,done:true}}};import{h,F as Fragment,r as registerInstance}from"./index-b3a06de8.js";import{i as intl}from"./global-58a69018.js";import{n as h$1,k as useState}from"./dom-context-hooks.module-63370afd.js";import{F as Fn,i as isDemo,d as dist,H,J,B,w as wn,$ as $e}from"./index.module-c9811a48.js";import{c as cjs}from"./cjs-bdfb4486.js";import{g as getProps}from"./utils-334c1e34.js";import{c as createStyleSheet}from"./JSS-67b5cff8.js";import{R as REFERRAL_CODES_PAGINATION_CONTEXT,a as REFERRAL_CODES_NAMESPACE,S as SET_CODE_COPIED,u as useReferralCodes}from"./useReferralCodes-c2e809cf.js";import"./mixins-f750863a.js";import{C as CopyTextView}from"./copy-text-view-fac47254.js";var style={Container:{display:"flex",justifyContent:"flex-end",alignItems:"center",gap:"var(--sl-spacing-small)",width:"100%"},TextContainer:{display:"flex",gap:"var(--sl-spacing-xx-small)"}};var sheet=createStyleSheet(style);var styleString=sheet.toString();function PaginationView(e){var t=e.states,a=e.callbacks,n=e.text,r=e.buttonType;var o=a.onNext,i=a.onPrev;var s=t.currentPage,l=t.totalPages,u=t.loading;if(l===1)return h(Fragment,null);return h("span",{class:sheet.classes.Container,part:"sqm-base"},h("style",{type:"text/css"},styleString),!u&&h(Fragment,null,h("sl-button",{exportparts:"base: "+r+"button-base",onClick:i,part:"sqm-pagination-button",circle:true,disabled:s===1},h("sl-icon",{name:"chevron-left",label:"Previous Page"})),h("div",{class:sheet.classes.TextContainer},n.paginationText)),h("sl-button",{exportparts:"base: "+r+"button-base",onClick:o,part:"sqm-pagination-button",circle:true,disabled:s===l},h("sl-icon",{name:"chevron-right",label:"Previous Page"})))}function usePagination(e){var t;var a=Fn(REFERRAL_CODES_PAGINATION_CONTEXT);var n=a.states.currentPage+1;var r=(t=a.states)===null||t===void 0?void 0:t.pageCount;return{states:{currentPage:n,totalPages:r,loading:a.states.loading},callbacks:{onNext:function(){var e,t;return(e=a.callbacks)===null||e===void 0?void 0:e.setCurrentPage(((t=a.states)===null||t===void 0?void 0:t.currentPage)+1)},onPrev:function(){var e,t;return(e=a.callbacks)===null||e===void 0?void 0:e.setCurrentPage(((t=a.states)===null||t===void 0?void 0:t.currentPage)-1)}},text:{paginationText:intl.formatMessage({id:"paginationText",defaultMessage:e.paginationText},{currentPage:n,totalPages:r})}}}var Pagination=function(){function e(e){registerInstance(this,e);this.ignored=true;this.paginationText="{currentPage} of {totalPages}";this.buttonType="secondary";h$1(this)}e.prototype.disconnectedCallback=function(){};e.prototype.render=function(){var e=isDemo()?useDemoPagination(getProps(this)):usePagination(getProps(this));return h(PaginationView,Object.assign({},e))};return e}();function useDemoPagination(e){var t=useState(1),a=t[0],n=t[1];return cjs({states:{currentPage:a,totalPages:5,loading:false},buttonType:e.buttonType,callbacks:{onNext:function(){return n(a+1)},onPrev:function(){return n(a-1)}},text:{paginationText:intl.formatMessage({id:"paginationText",defaultMessage:e.paginationText||"{currentPage} of {totalPages}"},{currentPage:a,totalPages:5})}},e.demoData||{},{arrayMerge:function(e,t){return t}})}var MessageLinkQuery=dist.gql(templateObject_1||(templateObject_1=__makeTemplateObject(["\n query getReferralCode($programId: ID) {\n user: viewer {\n ... on User {\n referralCode(programId: $programId)\n }\n }\n }\n"],["\n query getReferralCode($programId: ID) {\n user: viewer {\n ... on User {\n referralCode(programId: $programId)\n }\n }\n }\n"])));var WIDGET_ENGAGEMENT_EVENT=dist.gql(templateObject_2||(templateObject_2=__makeTemplateObject(["\n mutation loadEvent($eventMeta: UserAnalyticsEvent!) {\n createUserAnalyticsEvent(eventMeta: $eventMeta)\n }\n"],["\n mutation loadEvent($eventMeta: UserAnalyticsEvent!) {\n createUserAnalyticsEvent(eventMeta: $eventMeta)\n }\n"])));function useReferralCode(e){var t,a;var n=e.programId,r=n===void 0?H():n;var o=J();var i=B();var s=Fn(REFERRAL_CODES_NAMESPACE);var l=wn(MessageLinkQuery,{programId:r},!(o===null||o===void 0?void 0:o.jwt)||(s===null||s===void 0?void 0:s.referralCode)!==undefined).data;var u=$e(WIDGET_ENGAGEMENT_EVENT)[0];var c=$e(SET_CODE_COPIED)[0];var d=(a=(s===null||s===void 0?void 0:s.referralCode)||((t=l===null||l===void 0?void 0:l.user)===null||t===void 0?void 0:t.referralCode))!==null&&a!==void 0?a:"...";var p=useState(false),f=p[0],g=p[1];function h(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){switch(t.label){case 0:if(!s)return[3,2];return[4,c({referralCode:s.referralCode})];case 1:t.sent();s.refresh();t.label=2;case 2:navigator.clipboard.writeText(d);g(true);setTimeout((function(){return g(false)}),e.tooltiplifespan);u({eventMeta:{programId:r,id:o===null||o===void 0?void 0:o.id,accountId:o===null||o===void 0?void 0:o.accountId,type:"USER_REFERRAL_PROGRAM_ENGAGEMENT_EVENT",meta:{engagementMedium:i,shareMedium:"DIRECT"}}});return[2]}}))}))}return __assign(__assign({},e),{onClick:h,open:f,copyString:d,isCopied:s===null||s===void 0?void 0:s.isCopied,showNotificationText:e.showNotificationText&&!!(s===null||s===void 0?void 0:s.singleUse)})}var ReferralCode=function(){function e(e){registerInstance(this,e);this.tooltiptext="Copied to Clipboard";this.showNotificationText=false;this.notificationText="You've copied this code before";this.tooltiplifespan=1e3;this.textAlign="left";this.copyButtonLabel="Copy Code";this.buttonStyle="icon";this.buttonType="primary";h$1(this)}e.prototype.disconnectedCallback=function(){};e.prototype.render=function(){var e=getProps(this);var t=isDemo()?useDemoReferralCode(e):useReferralCode(e);return h(CopyTextView,Object.assign({},t))};return e}();function useDemoReferralCode(e){var t=useState(false),a=t[0],n=t[1];var r="REFERRALCODE001";return cjs({copyString:r,tooltiptext:e.tooltiptext,textAlign:e.textAlign,copyButtonLabel:e.copyButtonLabel,buttonStyle:e.buttonStyle,notificationText:e.notificationText,showNotificationText:e.showNotificationText,isCopied:e.showNotificationText,borderColor:e.borderColor,backgroundColor:e.backgroundColor,textColor:e.textColor,borderRadius:e.borderRadius,buttonType:e.buttonType,isUsed:false,rewardStatus:"AVAILABLE",open:a,onClick:function(){navigator.clipboard.writeText(r);n(true);setTimeout((function(){return n(false)}),e.tooltiplifespan)}},e.demoData||{},{arrayMerge:function(e,t){return t}})}function ReferralCodesView(e){var t=e.slots,a=e.titleText,n=e.states,r=e.textColor,o=r===void 0?"var(--sqm-text-subdued)":r;var i={Wrapper:{width:"100%",display:"flex",alignItems:"flex-start",justifyContent:"center",flexDirection:"column",gap:"var(--sl-spacing-large)",color:o},HeaderContainer:{display:"flex",alignItems:"center",justifyContent:"space-between",width:"100%"},ShareCodeContainer:{width:"100%",display:"flex",alignItems:"flex-start",justifyContent:"center",flexDirection:"column"},ShareButtonContainer:{width:"100%",display:"flex",alignItems:"flex-start",justifyContent:"center",flexDirection:"column"},TitleText:{fontSize:"var(--sl-font-size-large)",margin:"0"}};var s="\n :host {\n display: block;\n }\n :host([hidden]): {\n display: none;\n }\n ";var l=createStyleSheet(i);var u=l.toString();var c=function(e){if(e.noCodes){return t.empty}if(e.loading){return t.loading}return h("div",{class:l.classes.Wrapper},h("div",{class:l.classes.ShareCodeContainer},t.shareCodes),h("div",{class:l.classes.ShareButtonContainer},t.shareButtons))};return h("div",{class:l.classes.Wrapper,part:"sqm-base"},h("style",{type:"text/css"},s,u),h("div",{class:l.classes.HeaderContainer},h("h2",{class:l.classes.TitleText},a),!n.noCodes&&!n.loading&&t.pagination),c(n))}var ReferralCodes=function(){function e(e){registerInstance(this,e);this.titleText="Start sharing";this.emptyStateHeaderText="Your new codes and links aren’t ready yet";this.emptyStateDescriptionText="Please contact our program support team to let them know you’re out of codes.";this.emptyStateImageUrl="https://res.cloudinary.com/saasquatch/image/upload/v1644360953/squatch-assets/empty_leaderboard2.png";h$1(this)}e.prototype.disconnectedCallback=function(){};e.prototype.render=function(){var e=getProps(this);var t=isDemo()?useDemoReferralCodes(e):useReferralCodes(e);var a={shareButtons:h("slot",{name:"shareButtons"}),shareCodes:h("slot",{name:"shareCodes"}),pagination:h("slot",{name:"pagination"}),empty:h(EmptySlot,{headerText:this.emptyStateHeaderText,descriptionText:this.emptyStateDescriptionText,imageUrl:this.emptyStateImageUrl}),loading:h(LoadingSlot,null)};var n=__assign(__assign({slots:a},t),{loading:t.states.loading,noCodes:t.states.noCodes});return h(ReferralCodesView,Object.assign({},n))};return e}();function EmptySlot(e){var t=e.headerText,a=e.descriptionText,n=e.imageUrl;return h("slot",{name:"empty"},h("sqm-empty",{emptyStateHeader:t,emptyStateText:a,emptyStateImage:n}))}function LoadingSlot(){return h("slot",{name:"loading"},h(LoadingRow,null),h(LoadingRow,null),h(LoadingRow,null),h(LoadingRow,null))}function LoadingRow(){return h("sl-skeleton",{style:{width:"100%"}})}function useDemoReferralCodes(e){return cjs({titleText:e.titleText,textColor:e.textColor,states:{noCodes:false,loading:false}},e.demoData||{},{arrayMerge:function(e,t){return t}})}export{Pagination as sqm_pagination,ReferralCode as sqm_referral_code,ReferralCodes as sqm_referral_codes};var templateObject_1,templateObject_2;
@@ -0,0 +1 @@
1
+ var __assign=this&&this.__assign||function(){__assign=Object.assign||function(e){for(var t,s=1,a=arguments.length;s<a;s++){t=arguments[s];for(var i in t)if(Object.prototype.hasOwnProperty.call(t,i))e[i]=t[i]}return e};return __assign.apply(this,arguments)};import{h}from"./index-b3a06de8.js";import{i as intl}from"./global-58a69018.js";import{c as createStyleSheet}from"./JSS-67b5cff8.js";import{A as AuthWrapper,a as AuthColumn}from"./mixins-f750863a.js";import{T as TextSpanView}from"./sqm-text-span-view-4c17b8c9.js";var style={Wrapper:AuthWrapper,Column:__assign({},AuthColumn),ButtonLink:{fontSize:"14px",color:"var(--sl-color-primary-500)",display:"inline-block !important","&:hover":{cursor:"pointer",textDecoration:"underline"}},ButtonLinkLoading:{fontSize:"14px",color:"var(--sl-color-gray-500)",opacity:"0.6",display:"inline-block !important",textDecoration:"underline","&:hover":{cursor:"not-allowed"}}};var vanillaStyle="\n:host {\n display: block;\n}\n:host([hidden]): {\n display: none;\n}\n";var sheet=createStyleSheet(style);var styleString=sheet.toString();function PortalEmailVerificationView(e){var t=e.states,s=e.callbacks,a=e.content,i=a.email,r=a.verifyMessage,o=a.emailVerificationHeader,n=a.resendEmailButtonText,l=a.verificationStatusMessage,c=a.verificationLoadingMessage,p=a.verificationResentMessage;return h("div",{class:sheet.classes.Wrapper},h("style",{type:"text/css"},vanillaStyle,styleString),h(TextSpanView,{type:"h3"},o),h("sl-form",{class:sheet.classes.Column,"onSl-submit":s.submit},e.states.error&&h("sqm-form-message",{type:"error",exportparts:"erroralert-icon"},h("div",{part:"erroralert-text"},e.states.error)),e.states.success&&h("sqm-form-message",{type:"success",exportparts:"successalert-icon"},h("div",{part:"successalert-text"},p)),h(TextSpanView,{type:"p"},intl.formatMessage({id:"verifyMessage",defaultMessage:r},{email:h("span",{style:{fontWeight:"var(--sl-font-weight-semibold)"}},i)})),h("p",{style:{color:"var(--sl-color-gray-500)",fontSize:"14px"}},intl.formatMessage({id:"verificationStatus",defaultMessage:t.loadingVerification?c+" {countdown}":l},{countdown:t.loadingVerification?h("sl-spinner",null):t.countdown})),h("a",{class:t.loading?sheet.classes.ButtonLinkLoading:sheet.classes.ButtonLink,onClick:s.submit},n)))}export{PortalEmailVerificationView as P};
@@ -1 +1 @@
1
- var __awaiter=this&&this.__awaiter||function(e,i,t,r){function n(e){return e instanceof t?e:new t((function(i){i(e)}))}return new(t||(t=Promise))((function(t,a){function o(e){try{c(r.next(e))}catch(e){a(e)}}function s(e){try{c(r["throw"](e))}catch(e){a(e)}}function c(e){e.done?t(e.value):n(e.value).then(o,s)}c((r=r.apply(e,i||[])).next())}))};var __generator=this&&this.__generator||function(e,i){var t={label:0,sent:function(){if(a[0]&1)throw a[1];return a[1]},trys:[],ops:[]},r,n,a,o;return o={next:s(0),throw:s(1),return:s(2)},typeof Symbol==="function"&&(o[Symbol.iterator]=function(){return this}),o;function s(e){return function(i){return c([e,i])}}function c(o){if(r)throw new TypeError("Generator is already executing.");while(t)try{if(r=1,n&&(a=o[0]&2?n["return"]:o[0]?n["throw"]||((a=n["return"])&&a.call(n),0):n.next)&&!(a=a.call(n,o[1])).done)return a;if(n=0,a)o=[o[0]&2,a.value];switch(o[0]){case 0:case 1:a=o;break;case 4:t.label++;return{value:o[1],done:false};case 5:t.label++;n=o[1];o=[0];continue;case 7:o=t.ops.pop();t.trys.pop();continue;default:if(!(a=t.trys,a=a.length>0&&a[a.length-1])&&(o[0]===6||o[0]===2)){t=0;continue}if(o[0]===3&&(!a||o[1]>a[0]&&o[1]<a[3])){t.label=o[1];break}if(o[0]===6&&t.label<a[1]){t.label=a[1];a=o;break}if(a&&t.label<a[2]){t.label=a[2];t.ops.push(o);break}if(a[2])t.ops.pop();t.trys.pop();continue}o=i.call(e,t)}catch(e){o=[6,e];n=0}finally{r=a=0}if(o[0]&5)throw o[1];return{value:o[0]?o[1]:void 0,done:true}}};import{r as registerInstance,h as h$1}from"./index-b3a06de8.js";import"./global-536c422d.js";import{k as useState,m as useRef,f as useEffect,n as h}from"./dom-context-hooks.module-63370afd.js";import{l as ln,n as nn,J,j as jn,u as useCallback,i as isDemo}from"./index.module-c9811a48.js";import{c as cjs}from"./cjs-bdfb4486.js";import"./JSS-67b5cff8.js";import"./mixins-f750863a.js";import"./sqm-text-span-view-4c17b8c9.js";import{P as PortalEmailVerificationView}from"./sqm-portal-email-verification-view-8bbe5fcf.js";function usePortalEmailVerification(e){var i=this;var t,r,n,a,o,s,c,l,u;var f=ln(),v=f[0],d=f[1],m=d.loading,g=d.data,h=d.errors;var p=nn(),b=p[0],y=p[1],w=y.data,E=y.loading;var M=J();var _=(t=M===null||M===void 0?void 0:M.managedIdentity)===null||t===void 0?void 0:t.email;var k=new URLSearchParams(jn.location.search);var V=k.get("nextPage");var x=useState(false),P=x[0],S=x[1];var j=useState(""),I=j[0],R=j[1];var L=useState(10),T=L[0],B=L[1];var C=useRef(undefined);var D=useRef(undefined);var H=function(){return __awaiter(i,void 0,void 0,(function(){var i,t,r,n,a;return __generator(this,(function(o){switch(o.label){case 0:if(!_)return[2];R("");S(false);t=V?{nextPage:V}:null;r=e.redirectPath;n={email:_,urlParams:t,redirectPath:r};return[4,v(n)];case 1:a=o.sent();if(a instanceof Error){if(a.message)R(e.networkErrorMessage);return[2]}if((i=a.requestManagedIdentityVerificationEmail)===null||i===void 0?void 0:i.success)S(true);return[2]}}))}))};function q(){return __awaiter(this,void 0,void 0,(function(){var i,t;return __generator(this,(function(r){switch(r.label){case 0:return[4,b()];case 1:t=r.sent();if((i=t===null||t===void 0?void 0:t.managedIdentitySession)===null||i===void 0?void 0:i.emailVerified){clearInterval(C.current);return[2,jn.push({pathname:e.redirectPath,search:k.toString()&&"?"+k.toString()})]}G(10);return[2]}}))}))}var A=function(e){if(e===void 0){e=1e4}return setInterval(q,e)};var $=function(e){return setInterval((function(){return B(e)}),1e3)};function G(e){clearInterval(D.current);clearInterval(C.current);if(document.visibilityState==="hidden")return;if(e)B(e);var i=T||10;D.current=$(e-1||i-1);C.current=A(e*1e3||i*1e3)}var U=useCallback((function(){return G()}),[T]);useEffect((function(){if(!C.current){q();C.current=A()}return function(){clearInterval(C.current)}}),[]);useEffect((function(){if(T>0){clearInterval(D.current);D.current=$(T-1)}document.addEventListener("visibilitychange",U);return function(){clearInterval(D.current);document.removeEventListener("visibilitychange",U)}}),[T]);return{states:{loading:m,error:((o=(a=(n=(r=h===null||h===void 0?void 0:h.response)===null||r===void 0?void 0:r.errors)===null||n===void 0?void 0:n[0])===null||a===void 0?void 0:a.extensions)===null||o===void 0?void 0:o.message)||((l=(c=(s=h===null||h===void 0?void 0:h.response)===null||s===void 0?void 0:s.errors)===null||c===void 0?void 0:c[0])===null||l===void 0?void 0:l.message)||I,success:P,loadingVerification:E,isVerified:!!((u=w===null||w===void 0?void 0:w.managedIdentitySession)===null||u===void 0?void 0:u.emailVerified),countdown:T},callbacks:{submit:H},content:{email:_,verifyMessage:e.verifyMessage,emailVerificationHeader:e.emailVerificationHeader,resendEmailButtonText:e.resendEmailButtonText,verificationLoadingMessage:e.verificationLoadingMessage,verificationStatusMessage:e.verificationStatusMessage,verificationResentMessage:e.verificationResentMessage,networkErrorMessage:e.networkErrorMessage}}}var PortalEmailVerification=function(){function e(e){registerInstance(this,e);this.ignored=true;this.redirectPath="/verifyEmail";this.emailVerificationHeader="Verify your email";this.resendEmailButtonText="Re-send Email";this.verifyMessage="A verification email was sent to {email}. Please verify your email to continue to the portal. Resending an email will invalidate the previous email.";this.verificationStatusMessage="Checking verification status in {countdown}";this.verificationLoadingMessage="Checking verification status";this.verificationResentMessage="Your verification email has been resent successfully";this.networkErrorMessage="An error occurred while verifying your password. Please refresh the page.";h(this)}e.prototype.disconnectedCallback=function(){};e.prototype.render=function(){var e=isDemo()?usePortalEmailVerificationDemo(this):usePortalEmailVerification(this),i=e.states,t=e.callbacks,r=e.content;return h$1(PortalEmailVerificationView,{states:i,callbacks:t,content:r})};return e}();function usePortalEmailVerificationDemo(e){var i=this;return cjs({states:{error:"",loading:false,success:false,countdown:10},callbacks:{submit:function(e){return __awaiter(i,void 0,void 0,(function(){return __generator(this,(function(e){return[2]}))}))}},content:{email:"test@example.com",verifyMessage:e.verifyMessage,emailVerificationHeader:e.emailVerificationHeader,resendEmailButtonText:e.resendEmailButtonText,verificationLoadingMessage:e.verificationLoadingMessage,verificationStatusMessage:e.verificationStatusMessage,verificationResentMessage:e.verificationResentMessage,networkErrorMessage:e.networkErrorMessage}},e.demoData||{},{arrayMerge:function(e,i){return i}})}export{PortalEmailVerification as sqm_portal_email_verification};
1
+ var __awaiter=this&&this.__awaiter||function(e,i,t,r){function n(e){return e instanceof t?e:new t((function(i){i(e)}))}return new(t||(t=Promise))((function(t,a){function o(e){try{c(r.next(e))}catch(e){a(e)}}function s(e){try{c(r["throw"](e))}catch(e){a(e)}}function c(e){e.done?t(e.value):n(e.value).then(o,s)}c((r=r.apply(e,i||[])).next())}))};var __generator=this&&this.__generator||function(e,i){var t={label:0,sent:function(){if(a[0]&1)throw a[1];return a[1]},trys:[],ops:[]},r,n,a,o;return o={next:s(0),throw:s(1),return:s(2)},typeof Symbol==="function"&&(o[Symbol.iterator]=function(){return this}),o;function s(e){return function(i){return c([e,i])}}function c(o){if(r)throw new TypeError("Generator is already executing.");while(t)try{if(r=1,n&&(a=o[0]&2?n["return"]:o[0]?n["throw"]||((a=n["return"])&&a.call(n),0):n.next)&&!(a=a.call(n,o[1])).done)return a;if(n=0,a)o=[o[0]&2,a.value];switch(o[0]){case 0:case 1:a=o;break;case 4:t.label++;return{value:o[1],done:false};case 5:t.label++;n=o[1];o=[0];continue;case 7:o=t.ops.pop();t.trys.pop();continue;default:if(!(a=t.trys,a=a.length>0&&a[a.length-1])&&(o[0]===6||o[0]===2)){t=0;continue}if(o[0]===3&&(!a||o[1]>a[0]&&o[1]<a[3])){t.label=o[1];break}if(o[0]===6&&t.label<a[1]){t.label=a[1];a=o;break}if(a&&t.label<a[2]){t.label=a[2];t.ops.push(o);break}if(a[2])t.ops.pop();t.trys.pop();continue}o=i.call(e,t)}catch(e){o=[6,e];n=0}finally{r=a=0}if(o[0]&5)throw o[1];return{value:o[0]?o[1]:void 0,done:true}}};import{r as registerInstance,h as h$1}from"./index-b3a06de8.js";import"./global-58a69018.js";import{k as useState,m as useRef,f as useEffect,n as h}from"./dom-context-hooks.module-63370afd.js";import{l as ln,n as nn,J,j as jn,u as useCallback,i as isDemo}from"./index.module-c9811a48.js";import{c as cjs}from"./cjs-bdfb4486.js";import"./JSS-67b5cff8.js";import"./mixins-f750863a.js";import"./sqm-text-span-view-4c17b8c9.js";import{P as PortalEmailVerificationView}from"./sqm-portal-email-verification-view-5fb1a99e.js";function usePortalEmailVerification(e){var i=this;var t,r,n,a,o,s,c,l,u;var f=ln(),v=f[0],d=f[1],m=d.loading,g=d.data,h=d.errors;var p=nn(),y=p[0],b=p[1],w=b.data,E=b.loading;var M=J();var _=(t=M===null||M===void 0?void 0:M.managedIdentity)===null||t===void 0?void 0:t.email;var k=new URLSearchParams(jn.location.search);var V=k.get("nextPage");var x=useState(false),P=x[0],S=x[1];var j=useState(""),I=j[0],R=j[1];var L=useState(10),T=L[0],B=L[1];var C=useRef(undefined);var D=useRef(undefined);var H=function(){return __awaiter(i,void 0,void 0,(function(){var i,t,r,n,a;return __generator(this,(function(o){switch(o.label){case 0:if(!_)return[2];R("");S(false);t=V?{nextPage:V}:null;r=e.redirectPath;n={email:_,urlParams:t,redirectPath:r};return[4,v(n)];case 1:a=o.sent();if(a instanceof Error){if(a.message)R(e.networkErrorMessage);return[2]}if((i=a.requestManagedIdentityVerificationEmail)===null||i===void 0?void 0:i.success)S(true);return[2]}}))}))};function q(){return __awaiter(this,void 0,void 0,(function(){var i,t;return __generator(this,(function(r){switch(r.label){case 0:return[4,y()];case 1:t=r.sent();if((i=t===null||t===void 0?void 0:t.managedIdentitySession)===null||i===void 0?void 0:i.emailVerified){clearInterval(C.current);return[2,jn.push({pathname:e.redirectPath,search:k.toString()&&"?"+k.toString()})]}G(10);return[2]}}))}))}var A=function(e){if(e===void 0){e=1e4}return setInterval(q,e)};var $=function(e){return setInterval((function(){return B(e)}),1e3)};function G(e){clearInterval(D.current);clearInterval(C.current);if(document.visibilityState==="hidden")return;if(e)B(e);var i=T||10;D.current=$(e-1||i-1);C.current=A(e*1e3||i*1e3)}var U=useCallback((function(){return G()}),[T]);useEffect((function(){if(!C.current){q();C.current=A()}return function(){clearInterval(C.current)}}),[]);useEffect((function(){if(T>0){clearInterval(D.current);D.current=$(T-1)}document.addEventListener("visibilitychange",U);return function(){clearInterval(D.current);document.removeEventListener("visibilitychange",U)}}),[T]);return{states:{loading:m,error:((o=(a=(n=(r=h===null||h===void 0?void 0:h.response)===null||r===void 0?void 0:r.errors)===null||n===void 0?void 0:n[0])===null||a===void 0?void 0:a.extensions)===null||o===void 0?void 0:o.message)||((l=(c=(s=h===null||h===void 0?void 0:h.response)===null||s===void 0?void 0:s.errors)===null||c===void 0?void 0:c[0])===null||l===void 0?void 0:l.message)||I,success:P,loadingVerification:E,isVerified:!!((u=w===null||w===void 0?void 0:w.managedIdentitySession)===null||u===void 0?void 0:u.emailVerified),countdown:T},callbacks:{submit:H},content:{email:_,verifyMessage:e.verifyMessage,emailVerificationHeader:e.emailVerificationHeader,resendEmailButtonText:e.resendEmailButtonText,verificationLoadingMessage:e.verificationLoadingMessage,verificationStatusMessage:e.verificationStatusMessage,verificationResentMessage:e.verificationResentMessage,networkErrorMessage:e.networkErrorMessage}}}var PortalEmailVerification=function(){function e(e){registerInstance(this,e);this.ignored=true;this.redirectPath="/verifyEmail";this.emailVerificationHeader="Verify your email";this.resendEmailButtonText="Re-send Email";this.verifyMessage="A verification email was sent to {email}. Please verify your email to continue to the portal. Resending an email will invalidate the previous email.";this.verificationStatusMessage="Checking verification status in {countdown}";this.verificationLoadingMessage="Checking verification status";this.verificationResentMessage="Your verification email has been resent successfully";this.networkErrorMessage="An error occurred while verifying your password. Please refresh the page.";h(this)}e.prototype.disconnectedCallback=function(){};e.prototype.render=function(){var e=isDemo()?usePortalEmailVerificationDemo(this):usePortalEmailVerification(this),i=e.states,t=e.callbacks,r=e.content;return h$1(PortalEmailVerificationView,{states:i,callbacks:t,content:r})};return e}();function usePortalEmailVerificationDemo(e){var i=this;return cjs({states:{error:"",loading:false,success:false,countdown:10},callbacks:{submit:function(e){return __awaiter(i,void 0,void 0,(function(){return __generator(this,(function(e){return[2]}))}))}},content:{email:"test@example.com",verifyMessage:e.verifyMessage,emailVerificationHeader:e.emailVerificationHeader,resendEmailButtonText:e.resendEmailButtonText,verificationLoadingMessage:e.verificationLoadingMessage,verificationStatusMessage:e.verificationStatusMessage,verificationResentMessage:e.verificationResentMessage,networkErrorMessage:e.networkErrorMessage}},e.demoData||{},{arrayMerge:function(e,i){return i}})}export{PortalEmailVerification as sqm_portal_email_verification};
@@ -1 +1 @@
1
- import{h}from"./index-b3a06de8.js";import{i as intl}from"./global-536c422d.js";import{c as createStyleSheet}from"./JSS-67b5cff8.js";import{T as TextSpanView}from"./sqm-text-span-view-4c17b8c9.js";function PortalProfileView(e){var a,t,s,i,l;var r=e.states,o=e.callbacks;var n=r.text,d=r.formState;var m=d.errors,u=d.error;var p={Container:{display:"flex",flexDirection:"column",gap:"var(--sl-spacing-xxx-large)",padding:"var(--sl-spacing-xxx-large)"},FormStyle:{width:"100%",minWidth:"700px","& >*:not(:last-child)":{"margin-bottom":"32px"},"@media screen and (max-width: 1100px)":{minWidth:"100%"}},Error:{"&::part(erroralert-base)":{"margin-bottom":"32px"}},Success:{"&::part(successalert-base)":{"margin-bottom":"32px"}},NameInputStyle:{width:"50%","@media screen and (max-width: 860px)":{width:"100%","margin-right":"0"}},NameInputContainer:{display:"flex",gap:"32px",width:"100%","@media screen and (max-width: 860px)":{flexDirection:"column"}}};var c=createStyleSheet(p);var b=c.toString();var v=((a=r.user)===null||a===void 0?void 0:a.countryCode)?intl.formatDisplayName((t=r.user)===null||t===void 0?void 0:t.countryCode,{type:"region"}):"";return h("div",{class:c.classes.Container,part:"sqm-base"},h("style",{type:"text/css"},b),h(TextSpanView,Object.assign({},{type:"h1"}),n.editProfileHeader),h(TextSpanView,Object.assign({},{type:"h2"}),n.editProfileSubHeader),h("form",{class:c.classes.FormStyle,onSubmit:o.onSubmit},r.success&&h("sqm-form-message",{class:c.classes.Success,exportparts:"success-icon"},h("div",{part:"successalert-text"},n.submissionSuccessText)),u&&h("sqm-form-message",{class:c.classes.Error,type:"error",exportparts:"erroralert-icon"},h("div",{part:"erroralert-text"},u)),h("div",{class:c.classes.NameInputContainer},h("sl-input",Object.assign({class:c.classes.NameInputStyle,exportparts:"label: input-label, base: input-base",value:(s=r.user)===null||s===void 0?void 0:s.firstName,onInput:o.onChange,label:n.firstnametext,disabled:r.loading},(m===null||m===void 0?void 0:m.firstName)&&(m===null||m===void 0?void 0:m.firstName.status)!=="valid"?{class:"ErrorStyles",helpText:n.fieldEmptyText}:[],{id:"firstName",name:"firstName",error:(m===null||m===void 0?void 0:m.firstName)&&(m===null||m===void 0?void 0:m.firstName.status)!=="valid"?m===null||m===void 0?void 0:m.firstName.message:undefined})),h("sl-input",Object.assign({class:c.classes.NameInputStyle,exportparts:"label: input-label, base: input-base",value:(i=r.user)===null||i===void 0?void 0:i.lastName,onInput:o.onChange,label:n.lastnametext,disabled:r.loading,id:"lastName",name:"lastName"},(m===null||m===void 0?void 0:m.lastName)&&(m===null||m===void 0?void 0:m.lastName.status)!=="valid"?{class:"ErrorStyles",helpText:n.fieldEmptyText}:[],{error:(m===null||m===void 0?void 0:m.lastName)&&(m===null||m===void 0?void 0:m.lastName.status)!=="valid"?m===null||m===void 0?void 0:m.lastName.message:undefined}))),h("sl-input",{label:n.emailtext,value:(l=r.user)===null||l===void 0?void 0:l.email,exportparts:"label: input-label, base: input-base",disabled:true}),r.showCountry&&h("sl-input",{label:n.countrytext,value:v,exportparts:"label: input-label, base: input-base",disabled:true}),h("sl-button",{type:"primary",exportparts:"base: primarybutton-base",loading:r.loading,disabled:r.submitDisabled,onClick:function(e){o.onSubmit(e)},submit:true},n.submitChangeButtonText)))}export{PortalProfileView as P};
1
+ import{h}from"./index-b3a06de8.js";import{i as intl}from"./global-58a69018.js";import{c as createStyleSheet}from"./JSS-67b5cff8.js";import{T as TextSpanView}from"./sqm-text-span-view-4c17b8c9.js";function PortalProfileView(e){var a,t,s,i,l;var r=e.states,o=e.callbacks;var n=r.text,d=r.formState;var m=d.errors,u=d.error;var p={Container:{display:"flex",flexDirection:"column",gap:"var(--sl-spacing-xxx-large)",padding:"var(--sl-spacing-xxx-large)"},FormStyle:{width:"100%",minWidth:"700px","& >*:not(:last-child)":{"margin-bottom":"32px"},"@media screen and (max-width: 1100px)":{minWidth:"100%"}},Error:{"&::part(erroralert-base)":{"margin-bottom":"32px"}},Success:{"&::part(successalert-base)":{"margin-bottom":"32px"}},NameInputStyle:{width:"50%","@media screen and (max-width: 860px)":{width:"100%","margin-right":"0"}},NameInputContainer:{display:"flex",gap:"32px",width:"100%","@media screen and (max-width: 860px)":{flexDirection:"column"}}};var c=createStyleSheet(p);var b=c.toString();var v=((a=r.user)===null||a===void 0?void 0:a.countryCode)?intl.formatDisplayName((t=r.user)===null||t===void 0?void 0:t.countryCode,{type:"region"}):"";return h("div",{class:c.classes.Container,part:"sqm-base"},h("style",{type:"text/css"},b),h(TextSpanView,Object.assign({},{type:"h1"}),n.editProfileHeader),h(TextSpanView,Object.assign({},{type:"h2"}),n.editProfileSubHeader),h("form",{class:c.classes.FormStyle,onSubmit:o.onSubmit},r.success&&h("sqm-form-message",{class:c.classes.Success,exportparts:"success-icon"},h("div",{part:"successalert-text"},n.submissionSuccessText)),u&&h("sqm-form-message",{class:c.classes.Error,type:"error",exportparts:"erroralert-icon"},h("div",{part:"erroralert-text"},u)),h("div",{class:c.classes.NameInputContainer},h("sl-input",Object.assign({class:c.classes.NameInputStyle,exportparts:"label: input-label, base: input-base",value:(s=r.user)===null||s===void 0?void 0:s.firstName,onInput:o.onChange,label:n.firstnametext,disabled:r.loading},(m===null||m===void 0?void 0:m.firstName)&&(m===null||m===void 0?void 0:m.firstName.status)!=="valid"?{class:"ErrorStyles",helpText:n.fieldEmptyText}:[],{id:"firstName",name:"firstName",error:(m===null||m===void 0?void 0:m.firstName)&&(m===null||m===void 0?void 0:m.firstName.status)!=="valid"?m===null||m===void 0?void 0:m.firstName.message:undefined})),h("sl-input",Object.assign({class:c.classes.NameInputStyle,exportparts:"label: input-label, base: input-base",value:(i=r.user)===null||i===void 0?void 0:i.lastName,onInput:o.onChange,label:n.lastnametext,disabled:r.loading,id:"lastName",name:"lastName"},(m===null||m===void 0?void 0:m.lastName)&&(m===null||m===void 0?void 0:m.lastName.status)!=="valid"?{class:"ErrorStyles",helpText:n.fieldEmptyText}:[],{error:(m===null||m===void 0?void 0:m.lastName)&&(m===null||m===void 0?void 0:m.lastName.status)!=="valid"?m===null||m===void 0?void 0:m.lastName.message:undefined}))),h("sl-input",{label:n.emailtext,value:(l=r.user)===null||l===void 0?void 0:l.email,exportparts:"label: input-label, base: input-base",disabled:true}),r.showCountry&&h("sl-input",{label:n.countrytext,value:v,exportparts:"label: input-label, base: input-base",disabled:true}),h("sl-button",{type:"primary",exportparts:"base: primarybutton-base",loading:r.loading,disabled:r.submitDisabled,onClick:function(e){o.onSubmit(e)},submit:true},n.submitChangeButtonText)))}export{PortalProfileView as P};
@@ -1 +1 @@
1
- var __makeTemplateObject=this&&this.__makeTemplateObject||function(e,t){if(Object.defineProperty){Object.defineProperty(e,"raw",{value:t})}else{e.raw=t}return e};var __assign=this&&this.__assign||function(){__assign=Object.assign||function(e){for(var t,r=1,i=arguments.length;r<i;r++){t=arguments[r];for(var n in t)if(Object.prototype.hasOwnProperty.call(t,n))e[n]=t[n]}return e};return __assign.apply(this,arguments)};import{r as registerInstance,h as h$1}from"./index-b3a06de8.js";import"./global-536c422d.js";import{k as useState,f as useEffect,n as h}from"./dom-context-hooks.module-63370afd.js";import{d as dist,J,w as wn,$ as $e,i as isDemo}from"./index.module-c9811a48.js";import{c as cjs}from"./cjs-bdfb4486.js";import{g as getProps}from"./utils-334c1e34.js";import"./JSS-67b5cff8.js";import"./sqm-text-span-view-4c17b8c9.js";import{P as PortalProfileView}from"./sqm-portal-profile-view-9848caf1.js";import{i as isEmpty}from"./utilities-72c07b09.js";var GET_USER=dist.gql(templateObject_1||(templateObject_1=__makeTemplateObject(["\n query {\n viewer {\n ... on User {\n id\n accountId\n firstName\n lastName\n email\n countryCode\n }\n }\n }\n"],["\n query {\n viewer {\n ... on User {\n id\n accountId\n firstName\n lastName\n email\n countryCode\n }\n }\n }\n"])));var UPSERT_USER=dist.gql(templateObject_2||(templateObject_2=__makeTemplateObject(["\n mutation (\n $id: String!\n $accountId: String!\n $firstName: String!\n $lastName: String!\n ) {\n upsertUser(\n userInput: {\n id: $id\n accountId: $accountId\n firstName: $firstName\n lastName: $lastName\n }\n ) {\n firstName\n lastName\n }\n }\n"],["\n mutation (\n $id: String!\n $accountId: String!\n $firstName: String!\n $lastName: String!\n ) {\n upsertUser(\n userInput: {\n id: $id\n accountId: $accountId\n firstName: $firstName\n lastName: $lastName\n }\n ) {\n firstName\n lastName\n }\n }\n"])));var defaultFormState={country:"",email:"",firstName:"",lastName:"",errors:{},error:""};function usePortalProfile(e){var t=J();var r=useState(false),i=r[0],n=r[1];var a=useState(undefined),s=a[0],o=a[1];var l=useState(defaultFormState),u=l[0],d=l[1];var m=wn(GET_USER,{},!(t===null||t===void 0?void 0:t.jwt));var f=$e(UPSERT_USER),c=f[0],v=f[1];useEffect((function(){if(v===null||v===void 0?void 0:v.loading)return;if(v===null||v===void 0?void 0:v.errors){d((function(e){var t,r,i;return __assign(__assign({},e),{error:(i=(r=(t=v===null||v===void 0?void 0:v.errors)===null||t===void 0?void 0:t.response)===null||r===void 0?void 0:r.errors)===null||i===void 0?void 0:i[0].message})}))}else{o((function(e){var t;return __assign(__assign({},e),(t=v===null||v===void 0?void 0:v.data)===null||t===void 0?void 0:t.upsertUser)}));if(v===null||v===void 0?void 0:v.data)n(true)}}),[v===null||v===void 0?void 0:v.loading]);useEffect((function(){var e,t;o((function(e){var t;return __assign(__assign({},e),(t=m===null||m===void 0?void 0:m.data)===null||t===void 0?void 0:t.viewer)}));d(__assign(__assign(__assign({},defaultFormState),(e=m.data)===null||e===void 0?void 0:e.viewer),(t=v.data)===null||t===void 0?void 0:t.upsertUser))}),[m===null||m===void 0?void 0:m.data]);useEffect((function(){var t,r;if((t=v===null||v===void 0?void 0:v.errors)===null||t===void 0?void 0:t.message){d(__assign(__assign({},(r=m.data)===null||r===void 0?void 0:r.viewer),{error:e.networkRequestMessage}))}}),[v===null||v===void 0?void 0:v.errors]);var g=function(){n(false);if(u.firstName&&u.lastName){c({id:t===null||t===void 0?void 0:t.id,accountId:t===null||t===void 0?void 0:t.accountId,firstName:u.firstName,lastName:u.lastName});d((function(e){return __assign(__assign({},e),{errors:{},error:""})}));return}var r={};if(!u.firstName){r["firstName"]={message:e.fieldEmptyText}}if(!u.lastName){r["lastName"]={message:e.fieldEmptyText}}if(!isEmpty(r)){d((function(t){return __assign(__assign({},t),{error:e.formErrorText})}))}d((function(e){return __assign(__assign({},e),{errors:r})}))};return{states:{success:i,loading:(m===null||m===void 0?void 0:m.loading)||v.loading,submitDisabled:false,showCountry:!e.hideCountry,formState:u,user:s,text:{firstnametext:e.firstnametext,lastnametext:e.lastnametext,countrytext:e.countrytext,emailtext:e.emailtext,editProfileHeader:e.editProfileHeader,editProfileSubHeader:e.editProfileSubHeader,submitChangeButtonText:e.submitChangeButtonText}},callbacks:{onSubmit:g,onChange:function(e){var t=e.target,r=t.name,i=t.value;d((function(e){var t;return __assign(__assign({},e),(t={},t[r]=i,t))}))}}}}var PortalProfile=function(){function e(e){registerInstance(this,e);this.ignored=true;this.firstnametext="First Name";this.lastnametext="Last Name";this.emailtext="Email";this.countrytext="Country";this.editProfileHeader="Edit your profile";this.editProfileSubHeader="Personal Information";this.submitChangeButtonText="Submit Changes";this.hideCountry=false;this.networkRequestMessage="An error occurred while loading this page. Please refresh the page.";this.fieldEmptyText="Field is required";this.formErrorText="Please correct the errors below to update your profile.";this.submissionSuccessText="Your profile has been successfully updated.";h(this)}e.prototype.disconnectedCallback=function(){};e.prototype.render=function(){var e=isDemo()?usePortalProfileDemo(getProps(this)):usePortalProfile(getProps(this));return h$1(PortalProfileView,Object.assign({},e))};return e}();function usePortalProfileDemo(e){return cjs({states:{success:false,loading:false,submitDisabled:false,showCountry:!e.hideCountry,user:{id:"01",accountId:"111100000",firstName:"Joe",lastName:"Smith",email:"jsmith@gmail.com",countryCode:"CA"},text:{firstnametext:e.firstnametext,lastnametext:e.lastnametext,emailtext:e.emailtext,countrytext:e.countrytext,editProfileHeader:e.editProfileHeader,editProfileSubHeader:e.editProfileSubHeader,submitChangeButtonText:e.submitChangeButtonText,submissionSuccessText:e.submissionSuccessText,fieldEmptyText:e.fieldEmptyText},formState:{country:"Canada",firstName:"Joe",lastName:"Smith",errors:null,error:""}},callbacks:{onSubmit:function(e){return console.log(e)},onChange:function(e){return console.log(e)}}},e.demoData||{},{arrayMerge:function(e,t){return t}})}export{PortalProfile as sqm_portal_profile};var templateObject_1,templateObject_2;
1
+ var __makeTemplateObject=this&&this.__makeTemplateObject||function(e,t){if(Object.defineProperty){Object.defineProperty(e,"raw",{value:t})}else{e.raw=t}return e};var __assign=this&&this.__assign||function(){__assign=Object.assign||function(e){for(var t,r=1,i=arguments.length;r<i;r++){t=arguments[r];for(var a in t)if(Object.prototype.hasOwnProperty.call(t,a))e[a]=t[a]}return e};return __assign.apply(this,arguments)};import{r as registerInstance,h as h$1}from"./index-b3a06de8.js";import"./global-58a69018.js";import{k as useState,f as useEffect,n as h}from"./dom-context-hooks.module-63370afd.js";import{d as dist,J,w as wn,$ as $e,i as isDemo}from"./index.module-c9811a48.js";import{c as cjs}from"./cjs-bdfb4486.js";import{g as getProps}from"./utils-334c1e34.js";import"./JSS-67b5cff8.js";import"./sqm-text-span-view-4c17b8c9.js";import{P as PortalProfileView}from"./sqm-portal-profile-view-e3aef106.js";import{i as isEmpty}from"./utilities-72c07b09.js";var GET_USER=dist.gql(templateObject_1||(templateObject_1=__makeTemplateObject(["\n query {\n viewer {\n ... on User {\n id\n accountId\n firstName\n lastName\n email\n countryCode\n }\n }\n }\n"],["\n query {\n viewer {\n ... on User {\n id\n accountId\n firstName\n lastName\n email\n countryCode\n }\n }\n }\n"])));var UPSERT_USER=dist.gql(templateObject_2||(templateObject_2=__makeTemplateObject(["\n mutation (\n $id: String!\n $accountId: String!\n $firstName: String!\n $lastName: String!\n ) {\n upsertUser(\n userInput: {\n id: $id\n accountId: $accountId\n firstName: $firstName\n lastName: $lastName\n }\n ) {\n firstName\n lastName\n }\n }\n"],["\n mutation (\n $id: String!\n $accountId: String!\n $firstName: String!\n $lastName: String!\n ) {\n upsertUser(\n userInput: {\n id: $id\n accountId: $accountId\n firstName: $firstName\n lastName: $lastName\n }\n ) {\n firstName\n lastName\n }\n }\n"])));var defaultFormState={country:"",email:"",firstName:"",lastName:"",errors:{},error:""};function usePortalProfile(e){var t=J();var r=useState(false),i=r[0],a=r[1];var n=useState(undefined),s=n[0],o=n[1];var l=useState(defaultFormState),u=l[0],d=l[1];var m=wn(GET_USER,{},!(t===null||t===void 0?void 0:t.jwt));var f=$e(UPSERT_USER),c=f[0],v=f[1];useEffect((function(){if(v===null||v===void 0?void 0:v.loading)return;if(v===null||v===void 0?void 0:v.errors){d((function(e){var t,r,i;return __assign(__assign({},e),{error:(i=(r=(t=v===null||v===void 0?void 0:v.errors)===null||t===void 0?void 0:t.response)===null||r===void 0?void 0:r.errors)===null||i===void 0?void 0:i[0].message})}))}else{o((function(e){var t;return __assign(__assign({},e),(t=v===null||v===void 0?void 0:v.data)===null||t===void 0?void 0:t.upsertUser)}));if(v===null||v===void 0?void 0:v.data)a(true)}}),[v===null||v===void 0?void 0:v.loading]);useEffect((function(){var e,t;o((function(e){var t;return __assign(__assign({},e),(t=m===null||m===void 0?void 0:m.data)===null||t===void 0?void 0:t.viewer)}));d(__assign(__assign(__assign({},defaultFormState),(e=m.data)===null||e===void 0?void 0:e.viewer),(t=v.data)===null||t===void 0?void 0:t.upsertUser))}),[m===null||m===void 0?void 0:m.data]);useEffect((function(){var t,r;if((t=v===null||v===void 0?void 0:v.errors)===null||t===void 0?void 0:t.message){d(__assign(__assign({},(r=m.data)===null||r===void 0?void 0:r.viewer),{error:e.networkRequestMessage}))}}),[v===null||v===void 0?void 0:v.errors]);var g=function(){a(false);if(u.firstName&&u.lastName){c({id:t===null||t===void 0?void 0:t.id,accountId:t===null||t===void 0?void 0:t.accountId,firstName:u.firstName,lastName:u.lastName});d((function(e){return __assign(__assign({},e),{errors:{},error:""})}));return}var r={};if(!u.firstName){r["firstName"]={message:e.fieldEmptyText}}if(!u.lastName){r["lastName"]={message:e.fieldEmptyText}}if(!isEmpty(r)){d((function(t){return __assign(__assign({},t),{error:e.formErrorText})}))}d((function(e){return __assign(__assign({},e),{errors:r})}))};return{states:{success:i,loading:(m===null||m===void 0?void 0:m.loading)||v.loading,submitDisabled:false,showCountry:!e.hideCountry,formState:u,user:s,text:{firstnametext:e.firstnametext,lastnametext:e.lastnametext,countrytext:e.countrytext,emailtext:e.emailtext,editProfileHeader:e.editProfileHeader,editProfileSubHeader:e.editProfileSubHeader,submitChangeButtonText:e.submitChangeButtonText}},callbacks:{onSubmit:g,onChange:function(e){var t=e.target,r=t.name,i=t.value;d((function(e){var t;return __assign(__assign({},e),(t={},t[r]=i,t))}))}}}}var PortalProfile=function(){function e(e){registerInstance(this,e);this.ignored=true;this.firstnametext="First Name";this.lastnametext="Last Name";this.emailtext="Email";this.countrytext="Country";this.editProfileHeader="Edit your profile";this.editProfileSubHeader="Personal Information";this.submitChangeButtonText="Submit Changes";this.hideCountry=false;this.networkRequestMessage="An error occurred while loading this page. Please refresh the page.";this.fieldEmptyText="Field is required";this.formErrorText="Please correct the errors below to update your profile.";this.submissionSuccessText="Your profile has been successfully updated.";h(this)}e.prototype.disconnectedCallback=function(){};e.prototype.render=function(){var e=isDemo()?usePortalProfileDemo(getProps(this)):usePortalProfile(getProps(this));return h$1(PortalProfileView,Object.assign({},e))};return e}();function usePortalProfileDemo(e){return cjs({states:{success:false,loading:false,submitDisabled:false,showCountry:!e.hideCountry,user:{id:"01",accountId:"111100000",firstName:"Joe",lastName:"Smith",email:"jsmith@gmail.com",countryCode:"CA"},text:{firstnametext:e.firstnametext,lastnametext:e.lastnametext,emailtext:e.emailtext,countrytext:e.countrytext,editProfileHeader:e.editProfileHeader,editProfileSubHeader:e.editProfileSubHeader,submitChangeButtonText:e.submitChangeButtonText,submissionSuccessText:e.submissionSuccessText,fieldEmptyText:e.fieldEmptyText},formState:{country:"Canada",firstName:"Joe",lastName:"Smith",errors:null,error:""}},callbacks:{onSubmit:function(e){return console.log(e)},onChange:function(e){return console.log(e)}}},e.demoData||{},{arrayMerge:function(e,t){return t}})}export{PortalProfile as sqm_portal_profile};var templateObject_1,templateObject_2;
@@ -1 +1 @@
1
- import{h}from"./index-b3a06de8.js";import{c as createStyleSheet}from"./JSS-67b5cff8.js";import{E as ErrorView}from"./ErrorView-bbf0a042.js";var style={DialogContainer:{maxWidth:"390px !important"},Container:{width:"100%",display:"flex",flexDirection:"row",gap:"var(--sl-spacing-small)"},TextContainer:{display:"flex",gap:"var(--sl-spacing-medium)",flexDirection:"column",alignItems:"center"},ButtonContainer:{display:"flex",gap:"var(--sl-spacing-medium)"},FooterContainer:{textAlign:"left",display:"flex",flexDirection:"column",gap:"var(--sl-spacing-medium)"},CodeContainer:{display:"flex",width:"100%",alignItems:"center",justifyContent:"center"},Code:{width:"100%",height:"100%",maxWidth:"335px"},LoadingSkeleton:{"&::part(indicator)":{borderRadius:"0px !important"}}};var sheet=createStyleSheet(style);var styleString=sheet.toString();var vanillaStyle="\n :host{\n display: flex;\n width: 100%;\n }\n @media (max-width: 499px) {\n :host{\n display: block;\n }\n\n }";function QrCodeView(e){var t=e.error,r=e.qrLink,i=e.titleText,a=e.downloadCodeText,n=e.printCodeText,l=e.errorHeaderText,s=e.errorDescriptionText,o=e.createDownloadable,d=e.createPrintable,p=e.hideTitle,c=e.alignment,m=e.loading;var x=c==="left"?"flex-start":c==="right"?"flex-end":"center";var g=function(e,t,r){if(e){return h(ErrorView,{loadingErrorAlertDescription:l,loadingErrorAlertHeader:s})}else if(r){return h("sqm-skeleton",{height:"100px",width:"100px"})}else if(t){return h("svg",{width:"100",height:"100"},h("image",{href:t,width:"100",height:"100"}))}return null};var f=g(t,r,m);return h("div",{class:sheet.classes.Container,style:{justifyContent:x},part:"sqm-base"},h("style",null,vanillaStyle),h("style",null,styleString),h("div",{class:sheet.classes.TextContainer,style:{alignItems:x}},!p&&h("span",{part:"sqm-title"},i),f,h("div",{class:sheet.classes.ButtonContainer},h("sl-button",{size:"small",exportparts:"base: primarybutton-base",type:"primary",onClick:o},a),h("sl-button",{size:"small",exportparts:"base: secondarybutton-base",type:"text",onClick:d},n))))}export{QrCodeView as Q};
1
+ import{h}from"./index-b3a06de8.js";import{c as createStyleSheet}from"./JSS-67b5cff8.js";import{E as ErrorView}from"./ErrorView-bbf0a042.js";var style={DialogContainer:{maxWidth:"390px !important"},Container:{width:"100%",display:"flex",flexDirection:"row",gap:"var(--sl-spacing-small)"},TextContainer:{display:"flex",gap:"var(--sl-spacing-medium)",flexDirection:"column",alignItems:"center"},ButtonContainer:{display:"flex",gap:"var(--sl-spacing-medium)"},FooterContainer:{textAlign:"left",display:"flex",flexDirection:"column",gap:"var(--sl-spacing-medium)"},CodeContainer:{display:"flex",width:"100%",alignItems:"center",justifyContent:"center"},Code:{width:"100%",height:"100%",maxWidth:"335px"},LoadingSkeleton:{"&::part(indicator)":{borderRadius:"0px !important"}}};var sheet=createStyleSheet(style);var styleString=sheet.toString();var vanillaStyle="\n :host{\n display: flex;\n width: 100%;\n }\n @media (max-width: 499px) {\n :host{\n display: block;\n }\n\n }";function QrCodeView(e){var t=e.error,r=e.qrLink,i=e.titleText,a=e.downloadCodeText,n=e.printCodeText,l=e.errorHeaderText,s=e.errorDescriptionText,o=e.createDownloadable,d=e.createPrintable,p=e.hideTitle,c=e.alignment,m=e.loading;var x=c==="left"?"flex-start":c==="right"?"flex-end":"center";var f=function(e,t,r){if(e){return h(ErrorView,{loadingErrorAlertDescription:l,loadingErrorAlertHeader:s})}else if(r){return h("sl-skeleton",{className:sheet.classes.LoadingSkeleton,effect:"sheen",style:{width:"100px",height:"100px",borderRadius:"0px !important"}})}else if(t){return h("svg",{width:"100",height:"100"},h("image",{href:t,width:"100",height:"100"}))}return null};var g=f(t,r,m);return h("div",{class:sheet.classes.Container,style:{justifyContent:x},part:"sqm-base"},h("style",null,vanillaStyle),h("style",null,styleString),h("div",{class:sheet.classes.TextContainer,style:{alignItems:x}},!p&&h("span",{part:"sqm-title"},i),g,h("div",{class:sheet.classes.ButtonContainer},h("sl-button",{size:"small",exportparts:"base: primarybutton-base",type:"primary",onClick:o},a),h("sl-button",{size:"small",exportparts:"base: secondarybutton-base",type:"text",onClick:d},n))))}export{QrCodeView as Q};
@@ -1 +1 @@
1
- var __makeTemplateObject=this&&this.__makeTemplateObject||function(e,t){if(Object.defineProperty){Object.defineProperty(e,"raw",{value:t})}else{e.raw=t}return e};var __assign=this&&this.__assign||function(){__assign=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++){t=arguments[n];for(var o in t)if(Object.prototype.hasOwnProperty.call(t,o))e[o]=t[o]}return e};return __assign.apply(this,arguments)};var __awaiter=this&&this.__awaiter||function(e,t,n,r){function o(e){return e instanceof n?e:new n((function(t){t(e)}))}return new(n||(n=Promise))((function(n,a){function i(e){try{c(r.next(e))}catch(e){a(e)}}function s(e){try{c(r["throw"](e))}catch(e){a(e)}}function c(e){e.done?n(e.value):o(e.value).then(i,s)}c((r=r.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var n={label:0,sent:function(){if(a[0]&1)throw a[1];return a[1]},trys:[],ops:[]},r,o,a,i;return i={next:s(0),throw:s(1),return:s(2)},typeof Symbol==="function"&&(i[Symbol.iterator]=function(){return this}),i;function s(e){return function(t){return c([e,t])}}function c(i){if(r)throw new TypeError("Generator is already executing.");while(n)try{if(r=1,o&&(a=i[0]&2?o["return"]:i[0]?o["throw"]||((a=o["return"])&&a.call(o),0):o.next)&&!(a=a.call(o,i[1])).done)return a;if(o=0,a)i=[i[0]&2,a.value];switch(i[0]){case 0:case 1:a=i;break;case 4:n.label++;return{value:i[1],done:false};case 5:n.label++;o=i[1];i=[0];continue;case 7:i=n.ops.pop();n.trys.pop();continue;default:if(!(a=n.trys,a=a.length>0&&a[a.length-1])&&(i[0]===6||i[0]===2)){n=0;continue}if(i[0]===3&&(!a||i[1]>a[0]&&i[1]<a[3])){n.label=i[1];break}if(i[0]===6&&n.label<a[1]){n.label=a[1];a=i;break}if(a&&n.label<a[2]){n.label=a[2];n.ops.push(i);break}if(a[2])n.ops.pop();n.trys.pop();continue}i=t.call(e,n)}catch(e){i=[6,e];o=0}finally{r=a=0}if(i[0]&5)throw i[1];return{value:i[0]?i[1]:void 0,done:true}}};import{r as registerInstance,h as h$1}from"./index-b3a06de8.js";import{k as useState,f as useEffect,n as h}from"./dom-context-hooks.module-63370afd.js";import{d as dist,H,J,B,F as Fn,w as wn,$ as $e,i as isDemo}from"./index.module-c9811a48.js";import{c as cjs}from"./cjs-bdfb4486.js";import{g as getProps}from"./utils-334c1e34.js";import"./JSS-67b5cff8.js";import{a as REFERRAL_CODES_NAMESPACE}from"./useReferralCodes-c2e809cf.js";import"./ErrorView-bbf0a042.js";import{Q as QrCodeView}from"./sqm-qr-code-view-804b8bb6.js";var ShareLinkQuery=dist.gql(templateObject_1||(templateObject_1=__makeTemplateObject(["\n query shareLink($programId: ID, $engagementMedium: UserEngagementMedium!) {\n user: viewer {\n ... on User {\n shareLink(\n programId: $programId\n engagementMedium: $engagementMedium\n shareMedium: DIRECT\n )\n }\n }\n }\n"],["\n query shareLink($programId: ID, $engagementMedium: UserEngagementMedium!) {\n user: viewer {\n ... on User {\n shareLink(\n programId: $programId\n engagementMedium: $engagementMedium\n shareMedium: DIRECT\n )\n }\n }\n }\n"])));var WIDGET_ENGAGEMENT_EVENT=dist.gql(templateObject_2||(templateObject_2=__makeTemplateObject(["\n mutation loadEvent($eventMeta: UserAnalyticsEvent!) {\n createUserAnalyticsEvent(eventMeta: $eventMeta)\n }\n"],["\n mutation loadEvent($eventMeta: UserAnalyticsEvent!) {\n createUserAnalyticsEvent(eventMeta: $eventMeta)\n }\n"])));function useQRCode(e){var t=this;var n;var r=H();var o=J();var a=B();var i=Fn(REFERRAL_CODES_NAMESPACE);var s=useState(null),c=s[0],u=s[1];var d=useState(false),l=d[0],f=d[1];var m=useState(false),v=m[0],h=m[1];var g=wn(ShareLinkQuery,{programId:r,engagementMedium:a},!(o===null||o===void 0?void 0:o.jwt)||(i===null||i===void 0?void 0:i.shareLink)!==undefined),p=g.data,_=g.errors,b=g.loading;var w=$e(WIDGET_ENGAGEMENT_EVENT)[0];var E=(n=p===null||p===void 0?void 0:p.user)===null||n===void 0?void 0:n.shareLink;var C=E+"?qrCode";var y=b||v;useEffect((function(){if(!E)return;var e=function(){return __awaiter(t,void 0,void 0,(function(){return __generator(this,(function(e){u(E+"?qrCode&qrCodeImageFormat=svg&qrCodeQuietZoneSize=0");return[2]}))}))};e()}),[E]);var T=function(){return __awaiter(t,void 0,void 0,(function(){return __generator(this,(function(e){w({eventMeta:{programId:r,id:o===null||o===void 0?void 0:o.id,accountId:o===null||o===void 0?void 0:o.accountId,type:"USER_REFERRAL_PROGRAM_ENGAGEMENT_EVENT",meta:{engagementMedium:a,shareMedium:"DIRECT"}}});return[2]}))}))};var R=function(){return __awaiter(t,void 0,void 0,(function(){var e,t,n,r,o;return __generator(this,(function(a){switch(a.label){case 0:a.trys.push([0,3,,4]);return[4,fetch(C+"&qrCodeSize=800&qrCodeImageFormat=png")];case 1:e=a.sent();return[4,e.blob()];case 2:t=a.sent();n=URL.createObjectURL(t);if(t)T();r=document.createElement("a");r.href=n;r.download="qrCode.png";document.body.appendChild(r);r.click();document.body.removeChild(r);return[3,4];case 3:o=a.sent();console.error("Failed to fetch QR code:",o);f(true);return[3,4];case 4:return[2]}}))}))};var j=function(){return __awaiter(t,void 0,void 0,(function(){var e,t,n,r,o,a;return __generator(this,(function(i){switch(i.label){case 0:i.trys.push([0,3,,4]);return[4,fetch(C+"&qrCodeSize=1000&qrCodeImageFormat=png&qrCodeErrorCorrectionLevel=H")];case 1:e=i.sent();return[4,e.blob()];case 2:t=i.sent();n=URL.createObjectURL(t);if(t)T();r=window.open("about:blank","_new");o=r.document.createElement("img");o.src=n;o.onload=function(){r.print();r.close()};r.document.body.appendChild(o);return[3,4];case 3:a=i.sent();console.error("Failed to fetch QR code: ",a);f(true);return[3,4];case 4:return[2]}}))}))};return __assign(__assign({},e),{loading:y,qrLink:c,error:l,createDownloadable:R,createPrintable:j})}var QrCode=function(){function e(e){registerInstance(this,e);this.titleText="Share your QR code";this.viewCodeText="View QR code";this.downloadCodeText="Download";this.printCodeText="Print";this.errorHeaderText="There was an error loading your QR code";this.errorDescriptionText="Please refresh this page and try again";this.hideTitle=false;this.alignment="center";h(this)}e.prototype.disconnectedCallback=function(){};e.prototype.render=function(){var e=getProps(this);var t=isDemo()?useDemoQRCode(e):useQRCode(e);return h$1(QrCodeView,Object.assign({},t))};return e}();function useDemoQRCode(e){var t=this;var n=useState(false),r=n[0],o=n[1];return cjs({dialogIsOpen:r,hideTitle:e.hideTitle,showDialog:function(){return o(true)},hideDialog:function(){return o(false)},titleText:e.titleText,viewCodeText:e.viewCodeText,downloadCodeText:e.downloadCodeText,printCodeText:e.printCodeText,alignment:e.alignment,qrLink:"https://media.istockphoto.com/id/1251071788/vector/qr-code-bar-code-black-icon-digital-technology.jpg?s=612x612&w=0&k=20&c=maw4OqMSEegAdSo8Drm9HO7i1ddddvP2YaL1UuWbRig=",fireViewQrEvent:function(){console.log("View QR Code clicked")},createDownloadable:function(){return __awaiter(t,void 0,void 0,(function(){return __generator(this,(function(e){console.log("Download QR Code clicked");return[2]}))}))},createPrintable:function(){return __awaiter(t,void 0,void 0,(function(){return __generator(this,(function(e){console.log("Print QR Code clicked");return[2]}))}))}},e.demoData||{},{arrayMerge:function(e,t){return t}})}export{QrCode as sqm_qr_code};var templateObject_1,templateObject_2;
1
+ var __makeTemplateObject=this&&this.__makeTemplateObject||function(e,t){if(Object.defineProperty){Object.defineProperty(e,"raw",{value:t})}else{e.raw=t}return e};var __assign=this&&this.__assign||function(){__assign=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++){t=arguments[n];for(var o in t)if(Object.prototype.hasOwnProperty.call(t,o))e[o]=t[o]}return e};return __assign.apply(this,arguments)};var __awaiter=this&&this.__awaiter||function(e,t,n,r){function o(e){return e instanceof n?e:new n((function(t){t(e)}))}return new(n||(n=Promise))((function(n,a){function i(e){try{c(r.next(e))}catch(e){a(e)}}function s(e){try{c(r["throw"](e))}catch(e){a(e)}}function c(e){e.done?n(e.value):o(e.value).then(i,s)}c((r=r.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var n={label:0,sent:function(){if(a[0]&1)throw a[1];return a[1]},trys:[],ops:[]},r,o,a,i;return i={next:s(0),throw:s(1),return:s(2)},typeof Symbol==="function"&&(i[Symbol.iterator]=function(){return this}),i;function s(e){return function(t){return c([e,t])}}function c(i){if(r)throw new TypeError("Generator is already executing.");while(n)try{if(r=1,o&&(a=i[0]&2?o["return"]:i[0]?o["throw"]||((a=o["return"])&&a.call(o),0):o.next)&&!(a=a.call(o,i[1])).done)return a;if(o=0,a)i=[i[0]&2,a.value];switch(i[0]){case 0:case 1:a=i;break;case 4:n.label++;return{value:i[1],done:false};case 5:n.label++;o=i[1];i=[0];continue;case 7:i=n.ops.pop();n.trys.pop();continue;default:if(!(a=n.trys,a=a.length>0&&a[a.length-1])&&(i[0]===6||i[0]===2)){n=0;continue}if(i[0]===3&&(!a||i[1]>a[0]&&i[1]<a[3])){n.label=i[1];break}if(i[0]===6&&n.label<a[1]){n.label=a[1];a=i;break}if(a&&n.label<a[2]){n.label=a[2];n.ops.push(i);break}if(a[2])n.ops.pop();n.trys.pop();continue}i=t.call(e,n)}catch(e){i=[6,e];o=0}finally{r=a=0}if(i[0]&5)throw i[1];return{value:i[0]?i[1]:void 0,done:true}}};import{r as registerInstance,h as h$1}from"./index-b3a06de8.js";import{k as useState,f as useEffect,n as h}from"./dom-context-hooks.module-63370afd.js";import{d as dist,H,J,B,F as Fn,w as wn,$ as $e,i as isDemo}from"./index.module-c9811a48.js";import{c as cjs}from"./cjs-bdfb4486.js";import{g as getProps}from"./utils-334c1e34.js";import"./JSS-67b5cff8.js";import{a as REFERRAL_CODES_NAMESPACE}from"./useReferralCodes-c2e809cf.js";import"./ErrorView-bbf0a042.js";import{Q as QrCodeView}from"./sqm-qr-code-view-ea505213.js";var ShareLinkQuery=dist.gql(templateObject_1||(templateObject_1=__makeTemplateObject(["\n query shareLink($programId: ID, $engagementMedium: UserEngagementMedium!) {\n user: viewer {\n ... on User {\n shareLink(\n programId: $programId\n engagementMedium: $engagementMedium\n shareMedium: DIRECT\n )\n }\n }\n }\n"],["\n query shareLink($programId: ID, $engagementMedium: UserEngagementMedium!) {\n user: viewer {\n ... on User {\n shareLink(\n programId: $programId\n engagementMedium: $engagementMedium\n shareMedium: DIRECT\n )\n }\n }\n }\n"])));var WIDGET_ENGAGEMENT_EVENT=dist.gql(templateObject_2||(templateObject_2=__makeTemplateObject(["\n mutation loadEvent($eventMeta: UserAnalyticsEvent!) {\n createUserAnalyticsEvent(eventMeta: $eventMeta)\n }\n"],["\n mutation loadEvent($eventMeta: UserAnalyticsEvent!) {\n createUserAnalyticsEvent(eventMeta: $eventMeta)\n }\n"])));function useQRCode(e){var t=this;var n;var r=H();var o=J();var a=B();var i=Fn(REFERRAL_CODES_NAMESPACE);var s=useState(null),c=s[0],u=s[1];var d=useState(false),l=d[0],f=d[1];var m=useState(false),v=m[0],h=m[1];var g=wn(ShareLinkQuery,{programId:r,engagementMedium:a},!(o===null||o===void 0?void 0:o.jwt)||(i===null||i===void 0?void 0:i.shareLink)!==undefined),p=g.data,_=g.errors,b=g.loading;var w=$e(WIDGET_ENGAGEMENT_EVENT)[0];var E=(n=p===null||p===void 0?void 0:p.user)===null||n===void 0?void 0:n.shareLink;var C=E+"?qrCode";var y=b||v;useEffect((function(){if(!E)return;var e=function(){return __awaiter(t,void 0,void 0,(function(){return __generator(this,(function(e){u(E+"?qrCode&qrCodeImageFormat=svg&qrCodeQuietZoneSize=0");return[2]}))}))};e()}),[E]);var T=function(){return __awaiter(t,void 0,void 0,(function(){return __generator(this,(function(e){w({eventMeta:{programId:r,id:o===null||o===void 0?void 0:o.id,accountId:o===null||o===void 0?void 0:o.accountId,type:"USER_REFERRAL_PROGRAM_ENGAGEMENT_EVENT",meta:{engagementMedium:a,shareMedium:"DIRECT"}}});return[2]}))}))};var R=function(){return __awaiter(t,void 0,void 0,(function(){var e,t,n,r,o;return __generator(this,(function(a){switch(a.label){case 0:a.trys.push([0,3,,4]);return[4,fetch(C+"&qrCodeSize=800&qrCodeImageFormat=png")];case 1:e=a.sent();return[4,e.blob()];case 2:t=a.sent();n=URL.createObjectURL(t);if(t)T();r=document.createElement("a");r.href=n;r.download="qrCode.png";document.body.appendChild(r);r.click();document.body.removeChild(r);return[3,4];case 3:o=a.sent();console.error("Failed to fetch QR code:",o);f(true);return[3,4];case 4:return[2]}}))}))};var j=function(){return __awaiter(t,void 0,void 0,(function(){var e,t,n,r,o,a;return __generator(this,(function(i){switch(i.label){case 0:i.trys.push([0,3,,4]);return[4,fetch(C+"&qrCodeSize=1000&qrCodeImageFormat=png&qrCodeErrorCorrectionLevel=H")];case 1:e=i.sent();return[4,e.blob()];case 2:t=i.sent();n=URL.createObjectURL(t);if(t)T();r=window.open("about:blank","_new");o=r.document.createElement("img");o.src=n;o.onload=function(){r.print();r.close()};r.document.body.appendChild(o);return[3,4];case 3:a=i.sent();console.error("Failed to fetch QR code: ",a);f(true);return[3,4];case 4:return[2]}}))}))};return __assign(__assign({},e),{loading:y,qrLink:c,error:l,createDownloadable:R,createPrintable:j})}var QrCode=function(){function e(e){registerInstance(this,e);this.titleText="Share your QR code";this.viewCodeText="View QR code";this.downloadCodeText="Download";this.printCodeText="Print";this.errorHeaderText="There was an error loading your QR code";this.errorDescriptionText="Please refresh this page and try again";this.hideTitle=false;this.alignment="center";h(this)}e.prototype.disconnectedCallback=function(){};e.prototype.render=function(){var e=getProps(this);var t=isDemo()?useDemoQRCode(e):useQRCode(e);return h$1(QrCodeView,Object.assign({},t))};return e}();function useDemoQRCode(e){var t=this;var n=useState(false),r=n[0],o=n[1];return cjs({dialogIsOpen:r,hideTitle:e.hideTitle,showDialog:function(){return o(true)},hideDialog:function(){return o(false)},titleText:e.titleText,viewCodeText:e.viewCodeText,downloadCodeText:e.downloadCodeText,printCodeText:e.printCodeText,alignment:e.alignment,qrLink:"https://media.istockphoto.com/id/1251071788/vector/qr-code-bar-code-black-icon-digital-technology.jpg?s=612x612&w=0&k=20&c=maw4OqMSEegAdSo8Drm9HO7i1ddddvP2YaL1UuWbRig=",fireViewQrEvent:function(){console.log("View QR Code clicked")},createDownloadable:function(){return __awaiter(t,void 0,void 0,(function(){return __generator(this,(function(e){console.log("Download QR Code clicked");return[2]}))}))},createPrintable:function(){return __awaiter(t,void 0,void 0,(function(){return __generator(this,(function(e){console.log("Print QR Code clicked");return[2]}))}))}},e.demoData||{},{arrayMerge:function(e,t){return t}})}export{QrCode as sqm_qr_code};var templateObject_1,templateObject_2;