@saasquatch/mint-components 1.5.1-3 → 1.5.2

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 (108) hide show
  1. package/CHANGELOG.md +28 -4
  2. package/dist/cjs/{ShadowViewAddon-8151e5d3.js → ShadowViewAddon-9b256c28.js} +1 -1
  3. package/dist/cjs/sqm-big-stat_34.cjs.entry.js +15 -20
  4. package/dist/cjs/sqm-empty_5.cjs.entry.js +1 -1
  5. package/dist/cjs/sqm-hero.cjs.entry.js +1 -1
  6. package/dist/cjs/sqm-navigation-sidebar-item.cjs.entry.js +1 -1
  7. package/dist/cjs/sqm-popup-container.cjs.entry.js +1 -1
  8. package/dist/cjs/sqm-portal-footer.cjs.entry.js +1 -1
  9. package/dist/cjs/sqm-portal-profile.cjs.entry.js +1 -1
  10. package/dist/cjs/sqm-portal-reset-password.cjs.entry.js +3 -4
  11. package/dist/cjs/sqm-portal-verify-email.cjs.entry.js +3 -4
  12. package/dist/cjs/sqm-referral-table_11.cjs.entry.js +1 -1
  13. package/dist/cjs/sqm-rewards-table_9.cjs.entry.js +1 -1
  14. package/dist/cjs/sqm-stencilbook.cjs.entry.js +4 -4
  15. package/dist/cjs/sqm-tabs.cjs.entry.js +1 -1
  16. package/dist/cjs/{utils-01dbfd4a.js → utils-8ef4fe4a.js} +9 -0
  17. package/dist/collection/components/sqm-checkbox-field/sqm-checkbox-field.js +1 -1
  18. package/dist/collection/components/sqm-checkbox-field/useCheckboxField.js +2 -2
  19. package/dist/collection/components/sqm-dropdown-field/sqm-dropdown-field.js +1 -1
  20. package/dist/collection/components/sqm-dropdown-field/useDropdownField.js +2 -2
  21. package/dist/collection/components/sqm-name-fields/sqm-name-fields.js +1 -1
  22. package/dist/collection/components/sqm-name-fields/useNameFields.js +2 -2
  23. package/dist/collection/components/sqm-portal-login/usePortalLogin.js +4 -5
  24. package/dist/collection/components/sqm-portal-register/useValidationState.js +2 -2
  25. package/dist/collection/components/sqm-portal-reset-password/usePortalResetPassword.js +3 -4
  26. package/dist/collection/components/sqm-portal-verify-email/usePortalVerifyEmail.js +3 -4
  27. package/dist/collection/utils/utils.js +8 -0
  28. package/dist/esm/{ShadowViewAddon-e42c07c6.js → ShadowViewAddon-b98faaf1.js} +1 -1
  29. package/dist/esm/sqm-big-stat_34.entry.js +16 -21
  30. package/dist/esm/sqm-empty_5.entry.js +1 -1
  31. package/dist/esm/sqm-hero.entry.js +1 -1
  32. package/dist/esm/sqm-navigation-sidebar-item.entry.js +1 -1
  33. package/dist/esm/sqm-popup-container.entry.js +1 -1
  34. package/dist/esm/sqm-portal-footer.entry.js +1 -1
  35. package/dist/esm/sqm-portal-profile.entry.js +1 -1
  36. package/dist/esm/sqm-portal-reset-password.entry.js +3 -4
  37. package/dist/esm/sqm-portal-verify-email.entry.js +3 -4
  38. package/dist/esm/sqm-referral-table_11.entry.js +1 -1
  39. package/dist/esm/sqm-rewards-table_9.entry.js +1 -1
  40. package/dist/esm/sqm-stencilbook.entry.js +4 -4
  41. package/dist/esm/sqm-tabs.entry.js +1 -1
  42. package/dist/esm/{utils-1d345130.js → utils-d7bbb0e2.js} +9 -1
  43. package/dist/esm-es5/{ShadowViewAddon-e42c07c6.js → ShadowViewAddon-b98faaf1.js} +1 -1
  44. package/dist/esm-es5/sqm-big-stat_34.entry.js +1 -1
  45. package/dist/esm-es5/sqm-empty_5.entry.js +1 -1
  46. package/dist/esm-es5/sqm-hero.entry.js +1 -1
  47. package/dist/esm-es5/sqm-navigation-sidebar-item.entry.js +1 -1
  48. package/dist/esm-es5/sqm-popup-container.entry.js +1 -1
  49. package/dist/esm-es5/sqm-portal-footer.entry.js +1 -1
  50. package/dist/esm-es5/sqm-portal-profile.entry.js +1 -1
  51. package/dist/esm-es5/sqm-portal-reset-password.entry.js +1 -1
  52. package/dist/esm-es5/sqm-portal-verify-email.entry.js +1 -1
  53. package/dist/esm-es5/sqm-referral-table_11.entry.js +1 -1
  54. package/dist/esm-es5/sqm-rewards-table_9.entry.js +1 -1
  55. package/dist/esm-es5/sqm-stencilbook.entry.js +1 -1
  56. package/dist/esm-es5/sqm-tabs.entry.js +1 -1
  57. package/dist/esm-es5/{utils-1d345130.js → utils-d7bbb0e2.js} +1 -1
  58. package/dist/mint-components/mint-components.esm.js +1 -1
  59. package/dist/mint-components/p-33707867.system.entry.js +1 -0
  60. package/dist/mint-components/{p-57fc3f18.entry.js → p-342bfc16.entry.js} +1 -1
  61. package/dist/mint-components/{p-01baf2e6.entry.js → p-35a26fcd.entry.js} +1 -1
  62. package/dist/mint-components/{p-b593cb86.entry.js → p-36c073ce.entry.js} +1 -1
  63. package/dist/mint-components/p-436da6b8.system.js +1 -1
  64. package/dist/mint-components/{p-2d07b528.system.entry.js → p-50019ebe.system.entry.js} +1 -1
  65. package/dist/mint-components/p-52ca31c9.entry.js +150 -0
  66. package/dist/mint-components/{p-777b4178.system.entry.js → p-58442d48.system.entry.js} +1 -1
  67. package/dist/mint-components/{p-87a0f6ff.system.entry.js → p-67958347.system.entry.js} +1 -1
  68. package/dist/mint-components/{p-6c9bd397.system.js → p-842aa194.system.js} +1 -1
  69. package/dist/mint-components/{p-81571092.system.entry.js → p-85771eab.system.entry.js} +1 -1
  70. package/dist/mint-components/{p-9875ace8.entry.js → p-8894c616.entry.js} +1 -1
  71. package/dist/mint-components/p-8a1a1fb4.system.entry.js +1 -0
  72. package/dist/mint-components/{p-4e05c65a.js → p-9c5f124f.js} +1 -1
  73. package/dist/mint-components/p-a624b8d7.system.entry.js +1 -0
  74. package/dist/mint-components/p-a92677a0.system.js +1 -0
  75. package/dist/mint-components/{p-ddafff46.entry.js → p-b1766f84.entry.js} +1 -1
  76. package/dist/mint-components/p-b176c55c.entry.js +9 -0
  77. package/dist/mint-components/{p-510b0ce1.entry.js → p-c5f46105.entry.js} +1 -1
  78. package/dist/mint-components/{p-0db65ced.system.entry.js → p-c712f1ca.system.entry.js} +1 -1
  79. package/dist/mint-components/{p-081b8938.system.entry.js → p-d3e114bb.system.entry.js} +1 -1
  80. package/dist/mint-components/p-d4cc87d9.entry.js +1 -0
  81. package/dist/mint-components/p-d5bc4139.entry.js +1 -0
  82. package/dist/mint-components/p-e17c7323.system.entry.js +1 -0
  83. package/dist/mint-components/{p-138dcf89.system.entry.js → p-e3a7bab7.system.entry.js} +1 -1
  84. package/dist/mint-components/{p-3ab9f1ae.system.entry.js → p-e60132f2.system.entry.js} +1 -1
  85. package/dist/mint-components/{p-c888a6a8.entry.js → p-e7561cbf.entry.js} +1 -1
  86. package/dist/mint-components/{p-c94a507b.entry.js → p-f209785c.entry.js} +1 -1
  87. package/dist/mint-components/{p-2c98a3fb.system.entry.js → p-f69ecdf7.system.entry.js} +1 -1
  88. package/dist/mint-components/{p-55358561.js → p-f702ffef.js} +1 -1
  89. package/dist/mint-components/{p-47cf728e.entry.js → p-fe887951.entry.js} +1 -1
  90. package/dist/types/components/sqm-checkbox-field/sqm-checkbox-field-view.d.ts +2 -1
  91. package/dist/types/components/sqm-checkbox-field/useCheckboxField.d.ts +1 -5
  92. package/dist/types/components/sqm-dropdown-field/sqm-dropdown-field-view.d.ts +2 -1
  93. package/dist/types/components/sqm-dropdown-field/useDropdownField.d.ts +1 -5
  94. package/dist/types/components/sqm-name-fields/sqm-name-fields-view.d.ts +2 -1
  95. package/dist/types/components/sqm-name-fields/useNameFields.d.ts +1 -5
  96. package/dist/types/components/sqm-portal-register/useValidationState.d.ts +1 -0
  97. package/dist/types/utils/utils.d.ts +1 -0
  98. package/grapesjs/grapesjs.js +1 -1
  99. package/package.json +2 -2
  100. package/dist/mint-components/p-471ed708.system.entry.js +0 -1
  101. package/dist/mint-components/p-4ab34bd0.system.entry.js +0 -1
  102. package/dist/mint-components/p-55d9ba7f.system.entry.js +0 -1
  103. package/dist/mint-components/p-5784d5aa.entry.js +0 -150
  104. package/dist/mint-components/p-771cf678.entry.js +0 -1
  105. package/dist/mint-components/p-a0692a19.system.entry.js +0 -1
  106. package/dist/mint-components/p-bd7879fc.entry.js +0 -9
  107. package/dist/mint-components/p-c17c4a4d.entry.js +0 -1
  108. package/dist/mint-components/p-c3f300e8.system.js +0 -1
@@ -1 +1 @@
1
- var __assign=this&&this.__assign||function(){__assign=Object.assign||function(t){for(var e,n=1,r=arguments.length;n<r;n++){e=arguments[n];for(var i in e)if(Object.prototype.hasOwnProperty.call(e,i))t[i]=e[i]}return t};return __assign.apply(this,arguments)};import{h,r as registerInstance,c as Host}from"./index-17b4da69.js";import{m as h$1}from"./stencil-hooks.module-acc8a613.js";import"./extends-c31f1eff.js";import{c as createStyleSheet}from"./JSS-418cab16.js";import{g as getProps}from"./utils-1d345130.js";import{P as PortalContainerView}from"./sqm-portal-container-view-34f26e2a.js";import{P as PortalSectionView}from"./sqm-portal-section-view-c8d1c727.js";function EmptyStateView(t){var e=t.emptyStateHeader,n=t.emptyStateImage,r=t.emptyStateText;return h("sqm-portal-container",{padding:"xxxx-large",gap:"medium"},h("sqm-image",{"image-url":n}),h("sqm-titled-section",{"label-margin":"xxx-small","text-align":"center"},h("sqm-text",{slot:"label"},h("h4",null,e)),h("sqm-text",{slot:"content"},r)))}var HeroImage=function(){function t(t){registerInstance(this,t)}t.prototype.render=function(){return h(Host,{slot:"empty"},h(EmptyStateView,{emptyStateImage:this.emptyStateImage,emptyStateHeader:this.emptyStateHeader,emptyStateText:this.emptyStateText}))};return t}();function ImageView(t){var e={Container:{display:"flex",width:"100%",justifyContent:t.alignment||"center",background:t.backgroundColor||""},Image:{minHeight:t.minHeight||"100%",width:"100%",maxWidth:"max-content",objectFit:"cover"}};var n=createStyleSheet(e);var r=n.toString();var i="\n :host{\n display: block; \n }\n ";return h("div",null,h("style",{type:"text/css"},r,i),h("div",{class:n.classes.Container},h("img",{src:t.imageUrl,class:n.classes.Image})))}var Image=function(){function t(t){registerInstance(this,t);this.alignment="center"}t.prototype.render=function(){return h(ImageView,Object.assign({},getProps(this)))};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%";h$1(this)}t.prototype.disconnectedCallback=function(){};t.prototype.render=function(){return h(PortalContainerView,Object.assign({},getProps(this)),h("slot",null))};return t}();var vanillaStyle="\n sqm-text {\n display: block;\n }\n\n sqm-text h1 {\n font-size: var(--sl-font-size-xxx-large);\n font-weight: var(--sl-font-weight-semibold);\n color: var(--sl-color-neutral-800);\n margin: 0;\n }\n\n sqm-text h2 {\n font-size: var(--sl-font-size-xx-large);\n font-weight: var(--sl-font-weight-semibold);\n color: var(--sl-color-neutral-800);\n margin: 0;\n }\n\n sqm-text h3 {\n font-size: var(--sl-font-size-x-large);\n font-weight: var(--sl-font-weight-semibold);\n color: var(--sl-color-neutral-800);\n margin: 0;\n }\n\n sqm-text h4 {\n font-size: var(--sl-font-size-large);\n font-weight: var(--sl-font-weight-semibold);\n color: var(--sl-color-neutral-800);\n margin: 0;\n }\n\n sqm-text p {\n font-size: var(--sl-font-size-medium);\n font-weight: var(--sl-font-weight-normal);\n color: var(--sl-color-neutral-800);\n margin: 0;\n }\n\n sqm-text sub {\n font-size: var(--sl-font-size-small);\n font-weight: var(--sl-font-weight-normal);\n color: var(--sl-color-neutral-400);\n margin: 0;\n }\n";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(){return h("div",null,h("style",null,vanillaStyle),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{HeroImage as sqm_empty,Image as sqm_image,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,r=arguments.length;n<r;n++){e=arguments[n];for(var i in e)if(Object.prototype.hasOwnProperty.call(e,i))t[i]=e[i]}return t};return __assign.apply(this,arguments)};import{h,r as registerInstance,c as Host}from"./index-17b4da69.js";import{m as h$1}from"./stencil-hooks.module-acc8a613.js";import"./extends-c31f1eff.js";import{c as createStyleSheet}from"./JSS-418cab16.js";import{g as getProps}from"./utils-d7bbb0e2.js";import{P as PortalContainerView}from"./sqm-portal-container-view-34f26e2a.js";import{P as PortalSectionView}from"./sqm-portal-section-view-c8d1c727.js";function EmptyStateView(t){var e=t.emptyStateHeader,n=t.emptyStateImage,r=t.emptyStateText;return h("sqm-portal-container",{padding:"xxxx-large",gap:"medium"},h("sqm-image",{"image-url":n}),h("sqm-titled-section",{"label-margin":"xxx-small","text-align":"center"},h("sqm-text",{slot:"label"},h("h4",null,e)),h("sqm-text",{slot:"content"},r)))}var HeroImage=function(){function t(t){registerInstance(this,t)}t.prototype.render=function(){return h(Host,{slot:"empty"},h(EmptyStateView,{emptyStateImage:this.emptyStateImage,emptyStateHeader:this.emptyStateHeader,emptyStateText:this.emptyStateText}))};return t}();function ImageView(t){var e={Container:{display:"flex",width:"100%",justifyContent:t.alignment||"center",background:t.backgroundColor||""},Image:{minHeight:t.minHeight||"100%",width:"100%",maxWidth:"max-content",objectFit:"cover"}};var n=createStyleSheet(e);var r=n.toString();var i="\n :host{\n display: block; \n }\n ";return h("div",null,h("style",{type:"text/css"},r,i),h("div",{class:n.classes.Container},h("img",{src:t.imageUrl,class:n.classes.Image})))}var Image=function(){function t(t){registerInstance(this,t);this.alignment="center"}t.prototype.render=function(){return h(ImageView,Object.assign({},getProps(this)))};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%";h$1(this)}t.prototype.disconnectedCallback=function(){};t.prototype.render=function(){return h(PortalContainerView,Object.assign({},getProps(this)),h("slot",null))};return t}();var vanillaStyle="\n sqm-text {\n display: block;\n }\n\n sqm-text h1 {\n font-size: var(--sl-font-size-xxx-large);\n font-weight: var(--sl-font-weight-semibold);\n color: var(--sl-color-neutral-800);\n margin: 0;\n }\n\n sqm-text h2 {\n font-size: var(--sl-font-size-xx-large);\n font-weight: var(--sl-font-weight-semibold);\n color: var(--sl-color-neutral-800);\n margin: 0;\n }\n\n sqm-text h3 {\n font-size: var(--sl-font-size-x-large);\n font-weight: var(--sl-font-weight-semibold);\n color: var(--sl-color-neutral-800);\n margin: 0;\n }\n\n sqm-text h4 {\n font-size: var(--sl-font-size-large);\n font-weight: var(--sl-font-weight-semibold);\n color: var(--sl-color-neutral-800);\n margin: 0;\n }\n\n sqm-text p {\n font-size: var(--sl-font-size-medium);\n font-weight: var(--sl-font-weight-normal);\n color: var(--sl-color-neutral-800);\n margin: 0;\n }\n\n sqm-text sub {\n font-size: var(--sl-font-size-small);\n font-weight: var(--sl-font-weight-normal);\n color: var(--sl-color-neutral-400);\n margin: 0;\n }\n";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(){return h("div",null,h("style",null,vanillaStyle),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{HeroImage as sqm_empty,Image as sqm_image,PortalContainer as sqm_portal_container,Text as sqm_text,TitledSection as sqm_titled_section};
@@ -1 +1 @@
1
- var __assign=this&&this.__assign||function(){__assign=Object.assign||function(s){for(var r,t=1,o=arguments.length;t<o;t++){r=arguments[t];for(var e in r)if(Object.prototype.hasOwnProperty.call(r,e))s[e]=r[e]}return s};return __assign.apply(this,arguments)};import{r as registerInstance,h as h$1}from"./index-17b4da69.js";import{m as h}from"./stencil-hooks.module-acc8a613.js";import"./use-callback-7e0bfd3b.js";import"./extends-c31f1eff.js";import"./JSS-418cab16.js";import{g as getProps}from"./utils-1d345130.js";import{H as HeroView}from"./sqm-hero-view-99b40ec1.js";var Hero=function(){function s(s){registerInstance(this,s);this.columns=1;this.background="var(--sl-color-gray-50)";this.paddingSize="large";this.wrapDirection="wrap";h(this)}s.prototype.disconnectedCallback=function(){};s.prototype.render=function(){var s={states:__assign({},getProps(this)),content:{primaryColumn:h$1("slot",null),secondaryColumn:h$1("slot",{name:"secondary-column"})}};return h$1(HeroView,Object.assign({},s))};return s}();export{Hero as sqm_hero};
1
+ var __assign=this&&this.__assign||function(){__assign=Object.assign||function(s){for(var r,t=1,e=arguments.length;t<e;t++){r=arguments[t];for(var o in r)if(Object.prototype.hasOwnProperty.call(r,o))s[o]=r[o]}return s};return __assign.apply(this,arguments)};import{r as registerInstance,h as h$1}from"./index-17b4da69.js";import{m as h}from"./stencil-hooks.module-acc8a613.js";import"./use-callback-7e0bfd3b.js";import"./extends-c31f1eff.js";import"./JSS-418cab16.js";import{g as getProps}from"./utils-d7bbb0e2.js";import{H as HeroView}from"./sqm-hero-view-99b40ec1.js";var Hero=function(){function s(s){registerInstance(this,s);this.columns=1;this.background="var(--sl-color-gray-50)";this.paddingSize="large";this.wrapDirection="wrap";h(this)}s.prototype.disconnectedCallback=function(){};s.prototype.render=function(){var s={states:__assign({},getProps(this)),content:{primaryColumn:h$1("slot",null),secondaryColumn:h$1("slot",{name:"secondary-column"})}};return h$1(HeroView,Object.assign({},s))};return s}();export{Hero as sqm_hero};
@@ -1 +1 @@
1
- import{r as registerInstance,h as h$1}from"./index-17b4da69.js";import{m as h}from"./stencil-hooks.module-acc8a613.js";import"./use-callback-7e0bfd3b.js";import{l as ln,j as jn}from"./index.module-f5e17a4e.js";import"./extends-c31f1eff.js";import{c as cjs}from"./cjs-bdfb4486.js";import"./mixins-59fd94b7.js";import"./JSS-418cab16.js";import{g as getProps}from"./utils-1d345130.js";import{N as NavigationSidebarItemView}from"./sqm-navigation-sidebar-item-view-73f753fa.js";function useNavigationSidebarItem(e){var a=ln();return{states:{active:a.pathname===e.path},data:{label:e.label,icon:e.icon,path:e.path}}}var NavigationSidebarItem=function(){function e(e){registerInstance(this,e);h(this)}e.prototype.disconnectedCallback=function(){};e.prototype.render=function(){var e=jn()?useSidebarItemDemo(getProps(this)):useNavigationSidebarItem(getProps(this));return h$1(NavigationSidebarItemView,Object.assign({},e))};return e}();function useSidebarItemDemo(e){return cjs({states:{active:false},data:{label:e.label||"Dashboard",icon:e.icon||"house"}},e.demoData||{},{arrayMerge:function(e,a){return a}})}export{NavigationSidebarItem as sqm_navigation_sidebar_item};
1
+ import{r as registerInstance,h as h$1}from"./index-17b4da69.js";import{m as h}from"./stencil-hooks.module-acc8a613.js";import"./use-callback-7e0bfd3b.js";import{l as ln,j as jn}from"./index.module-f5e17a4e.js";import"./extends-c31f1eff.js";import{c as cjs}from"./cjs-bdfb4486.js";import"./mixins-59fd94b7.js";import"./JSS-418cab16.js";import{g as getProps}from"./utils-d7bbb0e2.js";import{N as NavigationSidebarItemView}from"./sqm-navigation-sidebar-item-view-73f753fa.js";function useNavigationSidebarItem(e){var a=ln();return{states:{active:a.pathname===e.path},data:{label:e.label,icon:e.icon,path:e.path}}}var NavigationSidebarItem=function(){function e(e){registerInstance(this,e);h(this)}e.prototype.disconnectedCallback=function(){};e.prototype.render=function(){var e=jn()?useSidebarItemDemo(getProps(this)):useNavigationSidebarItem(getProps(this));return h$1(NavigationSidebarItemView,Object.assign({},e))};return e}();function useSidebarItemDemo(e){return cjs({states:{active:false},data:{label:e.label||"Dashboard",icon:e.icon||"house"}},e.demoData||{},{arrayMerge:function(e,a){return a}})}export{NavigationSidebarItem as sqm_navigation_sidebar_item};
@@ -1 +1 @@
1
- var __assign=this&&this.__assign||function(){__assign=Object.assign||function(t){for(var s,e=1,n=arguments.length;e<n;e++){s=arguments[e];for(var o in s)if(Object.prototype.hasOwnProperty.call(s,o))t[o]=s[o]}return t};return __assign.apply(this,arguments)};import{h,c as Host,r as registerInstance}from"./index-17b4da69.js";import{m as h$1}from"./stencil-hooks.module-acc8a613.js";import"./use-callback-7e0bfd3b.js";import{R as Rn}from"./index.module-f5e17a4e.js";import"./extends-c31f1eff.js";import{g as getProps}from"./utils-1d345130.js";var PopupContainerView=function(t){var s=t.states,e=t.callbacks;var n=s.styles;return h(Host,{class:"squatch-container"},h("div",{style:{padding:t.states.styles.padding}},n.closeButton&&h("span",{class:"close squatch-header-close","data-close-panel":"#squatch-panel",onClick:function(){return e.closePopup()}},n.closeButtonText),h("slot",null),n.poweredBy?h("a",{class:"sqh-attribution",href:"https://www.saasquatch.com/?utm_source=app&utm_medium=user-widget&utm_campaign=referral-widget",target:"_blank"},"Powered By"):""))};function usePopupContainer(t){var s=Rn();function e(){var t;if(Rn()==="POPUP"){(t=window.frameElement["squatchJsApi"])===null||t===void 0?void 0:t.close()}}var n=t.popupPadding?t.popupPadding==="none"?"0":"var(--sl-spacing-"+t.popupPadding+")":"var(--sl-spacing-medium)";var o=t.embedPadding?t.embedPadding==="none"?"0":"var(--sl-spacing-"+t.embedPadding+")":"0";var a=Rn()==="POPUP"?n:o;return{states:{showCloseButton:t.closeButton&&s==="POPUP",styles:__assign(__assign({},t),{padding:a,closeButtonText:t.closeButtonText?t.closeButtonText:"X"})},data:{},callbacks:{closePopup:e}}}var sqmPopupContainerCss=".squatch-header-close{position:absolute;right:20px;top:10px;cursor:pointer}.squatch-container{background-color:var(--widget-background-color);display:block}";var PopupContainer=function(){function t(t){registerInstance(this,t);h$1(this)}t.prototype.disconnectedCallback=function(){};t.prototype.render=function(){var t=getProps(this);return h(PopupContainerView,Object.assign({},usePopupContainer(t)))};return t}();PopupContainer.style=sqmPopupContainerCss;export{PopupContainer as sqm_popup_container};
1
+ var __assign=this&&this.__assign||function(){__assign=Object.assign||function(t){for(var s,e=1,n=arguments.length;e<n;e++){s=arguments[e];for(var o in s)if(Object.prototype.hasOwnProperty.call(s,o))t[o]=s[o]}return t};return __assign.apply(this,arguments)};import{h,c as Host,r as registerInstance}from"./index-17b4da69.js";import{m as h$1}from"./stencil-hooks.module-acc8a613.js";import"./use-callback-7e0bfd3b.js";import{R as Rn}from"./index.module-f5e17a4e.js";import"./extends-c31f1eff.js";import{g as getProps}from"./utils-d7bbb0e2.js";var PopupContainerView=function(t){var s=t.states,e=t.callbacks;var n=s.styles;return h(Host,{class:"squatch-container"},h("div",{style:{padding:t.states.styles.padding}},n.closeButton&&h("span",{class:"close squatch-header-close","data-close-panel":"#squatch-panel",onClick:function(){return e.closePopup()}},n.closeButtonText),h("slot",null),n.poweredBy?h("a",{class:"sqh-attribution",href:"https://www.saasquatch.com/?utm_source=app&utm_medium=user-widget&utm_campaign=referral-widget",target:"_blank"},"Powered By"):""))};function usePopupContainer(t){var s=Rn();function e(){var t;if(Rn()==="POPUP"){(t=window.frameElement["squatchJsApi"])===null||t===void 0?void 0:t.close()}}var n=t.popupPadding?t.popupPadding==="none"?"0":"var(--sl-spacing-"+t.popupPadding+")":"var(--sl-spacing-medium)";var o=t.embedPadding?t.embedPadding==="none"?"0":"var(--sl-spacing-"+t.embedPadding+")":"0";var a=Rn()==="POPUP"?n:o;return{states:{showCloseButton:t.closeButton&&s==="POPUP",styles:__assign(__assign({},t),{padding:a,closeButtonText:t.closeButtonText?t.closeButtonText:"X"})},data:{},callbacks:{closePopup:e}}}var sqmPopupContainerCss=".squatch-header-close{position:absolute;right:20px;top:10px;cursor:pointer}.squatch-container{background-color:var(--widget-background-color);display:block}";var PopupContainer=function(){function t(t){registerInstance(this,t);h$1(this)}t.prototype.disconnectedCallback=function(){};t.prototype.render=function(){var t=getProps(this);return h(PopupContainerView,Object.assign({},usePopupContainer(t)))};return t}();PopupContainer.style=sqmPopupContainerCss;export{PopupContainer as sqm_popup_container};
@@ -1 +1 @@
1
- import{r as registerInstance,h as h$1}from"./index-17b4da69.js";import{m as h}from"./stencil-hooks.module-acc8a613.js";import"./global-15cdf41a.js";import"./use-callback-7e0bfd3b.js";import"./index.module-f5e17a4e.js";import"./extends-c31f1eff.js";import"./JSS-418cab16.js";import{g as getProps}from"./utils-1d345130.js";import{P as PortalFooterView}from"./sqm-portal-footer-view-d06c4b78.js";var PortalFooter=function(){function t(t){registerInstance(this,t);this.ignored=true;this.supportEmail="support@example.com";this.supportText="For program support, contact {email}";this.showPoweredBy=true;this.poweredByLink="https://saasquatch.com";this.paddingTop="large";this.paddingRight="large";this.paddingBottom="large";this.paddingLeft="large";h(this)}t.prototype.disconnectedCallback=function(){};t.prototype.render=function(){return h$1(PortalFooterView,Object.assign({},getProps(this)))};Object.defineProperty(t,"assetsDirs",{get:function(){return["../../assets"]},enumerable:false,configurable:true});return t}();export{PortalFooter as sqm_portal_footer};
1
+ import{r as registerInstance,h as h$1}from"./index-17b4da69.js";import{m as h}from"./stencil-hooks.module-acc8a613.js";import"./global-15cdf41a.js";import"./use-callback-7e0bfd3b.js";import"./index.module-f5e17a4e.js";import"./extends-c31f1eff.js";import"./JSS-418cab16.js";import{g as getProps}from"./utils-d7bbb0e2.js";import{P as PortalFooterView}from"./sqm-portal-footer-view-d06c4b78.js";var PortalFooter=function(){function t(t){registerInstance(this,t);this.ignored=true;this.supportEmail="support@example.com";this.supportText="For program support, contact {email}";this.showPoweredBy=true;this.poweredByLink="https://saasquatch.com";this.paddingTop="large";this.paddingRight="large";this.paddingBottom="large";this.paddingLeft="large";h(this)}t.prototype.disconnectedCallback=function(){};t.prototype.render=function(){return h$1(PortalFooterView,Object.assign({},getProps(this)))};Object.defineProperty(t,"assetsDirs",{get:function(){return["../../assets"]},enumerable:false,configurable:true});return t}();export{PortalFooter as sqm_portal_footer};
@@ -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)};import{r as registerInstance,h as h$1}from"./index-17b4da69.js";import{k as useState,e as useEffect,m as h}from"./stencil-hooks.module-acc8a613.js";import"./global-15cdf41a.js";import"./use-callback-7e0bfd3b.js";import{d as dist,i as ie,b as sn,q as qe,j as jn}from"./index.module-f5e17a4e.js";import"./extends-c31f1eff.js";import{c as cjs}from"./cjs-bdfb4486.js";import"./JSS-418cab16.js";import{g as getProps}from"./utils-1d345130.js";import"./sqm-text-span-view-020db63f.js";import"./sqm-portal-container-view-34f26e2a.js";import{P as PortalProfileView}from"./sqm-portal-profile-view-28c39970.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=ie();var a=useState(false),n=a[0],r=a[1];var i=useState(undefined),s=i[0],o=i[1];var l=useState(defaultFormState),u=l[0],d=l[1];var m=sn(GET_USER,{},!(t===null||t===void 0?void 0:t.jwt));var f=qe(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,a,n;return __assign(__assign({},e),{error:(n=(a=(t=v===null||v===void 0?void 0:v.errors)===null||t===void 0?void 0:t.response)===null||a===void 0?void 0:a.errors)===null||n===void 0?void 0:n[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)r(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 e,t;if((e=v===null||v===void 0?void 0:v.errors)===null||e===void 0?void 0:e.message){d(__assign(__assign({},(t=m.data)===null||t===void 0?void 0:t.viewer),{error:"Network request failed."}))}}),[v===null||v===void 0?void 0:v.errors]);var g=function(){r(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 e={};if(!u.firstName){e["firstName"]={message:"Field can't be empty"}}if(!u.lastName){e["lastName"]={message:"Field can't be empty"}}if(e!=={}){d((function(e){return __assign(__assign({},e),{error:"Please correct the errors below to update your profile."})}))}d((function(t){return __assign(__assign({},t),{errors:e})}))};return{states:{success:n,loading:(m===null||m===void 0?void 0:m.loading)||v.loading,submitDisabled:false,showCountry:e.showCountry,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,a=t.name,n=t.value;d((function(e){var t;return __assign(__assign({},e),(t={},t[a]=n,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.showCountry=true;h(this)}e.prototype.disconnectedCallback=function(){};e.prototype.render=function(){var e=jn()?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:true,user:{id:"01",accountId:"111100000",firstName:"Joe",lastName:"Smith",email:"jsmith@gmail.com",countryCode:"CA"},text:{firstnametext:"First Name",lastnametext:"Last Name",emailtext:"Email",countrytext:"Country",editProfileHeader:"Edit your profile",editProfileSubHeader:"Personal Information",submitChangeButtonText:"Submit Changes"},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,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)};import{r as registerInstance,h as h$1}from"./index-17b4da69.js";import{k as useState,e as useEffect,m as h}from"./stencil-hooks.module-acc8a613.js";import"./global-15cdf41a.js";import"./use-callback-7e0bfd3b.js";import{d as dist,i as ie,b as sn,q as qe,j as jn}from"./index.module-f5e17a4e.js";import"./extends-c31f1eff.js";import{c as cjs}from"./cjs-bdfb4486.js";import"./JSS-418cab16.js";import{g as getProps}from"./utils-d7bbb0e2.js";import"./sqm-text-span-view-020db63f.js";import"./sqm-portal-container-view-34f26e2a.js";import{P as PortalProfileView}from"./sqm-portal-profile-view-28c39970.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=ie();var a=useState(false),n=a[0],r=a[1];var i=useState(undefined),s=i[0],o=i[1];var l=useState(defaultFormState),u=l[0],d=l[1];var m=sn(GET_USER,{},!(t===null||t===void 0?void 0:t.jwt));var f=qe(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,a,n;return __assign(__assign({},e),{error:(n=(a=(t=v===null||v===void 0?void 0:v.errors)===null||t===void 0?void 0:t.response)===null||a===void 0?void 0:a.errors)===null||n===void 0?void 0:n[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)r(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 e,t;if((e=v===null||v===void 0?void 0:v.errors)===null||e===void 0?void 0:e.message){d(__assign(__assign({},(t=m.data)===null||t===void 0?void 0:t.viewer),{error:"Network request failed."}))}}),[v===null||v===void 0?void 0:v.errors]);var g=function(){r(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 e={};if(!u.firstName){e["firstName"]={message:"Field can't be empty"}}if(!u.lastName){e["lastName"]={message:"Field can't be empty"}}if(e!=={}){d((function(e){return __assign(__assign({},e),{error:"Please correct the errors below to update your profile."})}))}d((function(t){return __assign(__assign({},t),{errors:e})}))};return{states:{success:n,loading:(m===null||m===void 0?void 0:m.loading)||v.loading,submitDisabled:false,showCountry:e.showCountry,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,a=t.name,n=t.value;d((function(e){var t;return __assign(__assign({},e),(t={},t[a]=n,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.showCountry=true;h(this)}e.prototype.disconnectedCallback=function(){};e.prototype.render=function(){var e=jn()?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:true,user:{id:"01",accountId:"111100000",firstName:"Joe",lastName:"Smith",email:"jsmith@gmail.com",countryCode:"CA"},text:{firstnametext:"First Name",lastnametext:"Last Name",emailtext:"Email",countrytext:"Country",editProfileHeader:"Edit your profile",editProfileSubHeader:"Personal Information",submitChangeButtonText:"Submit Changes"},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
- var __awaiter=this&&this.__awaiter||function(e,t,s,r){function o(e){return e instanceof s?e:new s((function(t){t(e)}))}return new(s||(s=Promise))((function(s,a){function n(e){try{d(r.next(e))}catch(e){a(e)}}function i(e){try{d(r["throw"](e))}catch(e){a(e)}}function d(e){e.done?s(e.value):o(e.value).then(n,i)}d((r=r.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var s={label:0,sent:function(){if(a[0]&1)throw a[1];return a[1]},trys:[],ops:[]},r,o,a,n;return n={next:i(0),throw:i(1),return:i(2)},typeof Symbol==="function"&&(n[Symbol.iterator]=function(){return this}),n;function i(e){return function(t){return d([e,t])}}function d(n){if(r)throw new TypeError("Generator is already executing.");while(s)try{if(r=1,o&&(a=n[0]&2?o["return"]:n[0]?o["throw"]||((a=o["return"])&&a.call(o),0):o.next)&&!(a=a.call(o,n[1])).done)return a;if(o=0,a)n=[n[0]&2,a.value];switch(n[0]){case 0:case 1:a=n;break;case 4:s.label++;return{value:n[1],done:false};case 5:s.label++;o=n[1];n=[0];continue;case 7:n=s.ops.pop();s.trys.pop();continue;default:if(!(a=s.trys,a=a.length>0&&a[a.length-1])&&(n[0]===6||n[0]===2)){s=0;continue}if(n[0]===3&&(!a||n[1]>a[0]&&n[1]<a[3])){s.label=n[1];break}if(n[0]===6&&s.label<a[1]){s.label=a[1];a=n;break}if(a&&s.label<a[2]){s.label=a[2];s.ops.push(n);break}if(a[2])s.ops.pop();s.trys.pop();continue}n=t.call(e,s)}catch(e){n=[6,e];o=0}finally{r=a=0}if(n[0]&5)throw n[1];return{value:n[0]?n[1]:void 0,done:true}}};import{r as registerInstance,h as h$1}from"./index-17b4da69.js";import{k as useState,e as useEffect,m as h}from"./stencil-hooks.module-acc8a613.js";import"./use-callback-7e0bfd3b.js";import{N as Ne,V as Ve,c as dn,j as jn}from"./index.module-f5e17a4e.js";import"./extends-c31f1eff.js";import{j as jsonpointer}from"./jsonpointer-388a7082.js";import{c as cjs}from"./cjs-bdfb4486.js";import"./mixins-59fd94b7.js";import"./JSS-418cab16.js";import"./sqm-text-span-view-020db63f.js";import{P as PortalResetPasswordView}from"./sqm-portal-reset-password-view-e0436989.js";function usePortalResetPassword(e){var t=this;var s,r,o,a,n,i;var d=useState(false),u=d[0],l=d[1];var c=useState(""),f=c[0],w=c[1];var p=Ne(),v=p[0],P=p[1];var h=Ve(),m=h[0],b=h[1];var g=new URLSearchParams(window.location.search);var x=g.get("oobCode");g.delete("oobCode");var y=g.get("nextPage");var j=function(e){return __awaiter(t,void 0,void 0,(function(){var t,s;return __generator(this,(function(r){switch(r.label){case 0:w("");t=e.detail.formData;t===null||t===void 0?void 0:t.forEach((function(e,s){jsonpointer.set(t,s,e)}));s={oobCode:x,password:t.password};if(t.password!==t.confirmPassword){w("Passwords do not match.");return[2]}return[4,m(s)];case 1:r.sent();return[2]}}))}))};var _=function(){g.delete("nextPage");dn.push({pathname:y||e.nextPage,search:g.toString()&&"?"+g.toString()})};var R=function(){dn.push({pathname:e.failedPage,search:g.toString()&&"?"+g.toString()})};useEffect((function(){var e;if((e=b.data)===null||e===void 0?void 0:e.resetManagedIdentityPassword){l(true);setTimeout((function(){_()}),5e3)}}),[(s=b.data)===null||s===void 0?void 0:s.resetManagedIdentityPassword]);useEffect((function(){v({oobCode:x})}),[x]);useEffect((function(){var e;if((e=P===null||P===void 0?void 0:P.errors)===null||e===void 0?void 0:e.message){w("Network request failed.")}}),[P===null||P===void 0?void 0:P.errors]);return{states:{loading:b.loading,reset:u,confirmPassword:e.confirmPassword,error:((n=(a=(o=(r=b.errors)===null||r===void 0?void 0:r.response)===null||o===void 0?void 0:o.errors)===null||a===void 0?void 0:a[0])===null||n===void 0?void 0:n.message)||f,oobCodeValidating:P.loading,oobCodeValid:(i=P.data)===null||i===void 0?void 0:i.verifyManagedIdentityPasswordResetCode.success,content:{passwordResetHeader:e.passwordResetHeader,resetPasswordHeader:e.resetPasswordHeader,continueButtonText:e.continueButtonText,resetPasswordButtonText:e.resetPasswordButtonText,confirmPasswordFieldLabel:e.confirmPasswordFieldLabel,passwordFieldLabel:e.passwordFieldLabel}},callbacks:{submit:j,failed:R,gotoNextPage:_}}}var PortalResetPassword=function(){function e(e){registerInstance(this,e);this.ignored=true;this.nextPage="/";this.failedPage="/";this.confirmPassword=false;this.resetPasswordHeader="Reset your password";this.passwordResetHeader="Password reset";this.resetPasswordButtonText="Reset Password";this.continueButtonText="Continue";this.confirmPasswordFieldLabel="Confirm Password";this.passwordFieldLabel="New Password";h(this)}e.prototype.disconnectedCallback=function(){};e.prototype.render=function(){var e=jn()?usePortalResetPasswordDemo(this):usePortalResetPassword(this),t=e.states,s=e.callbacks;return h$1(PortalResetPasswordView,{states:t,callbacks:s})};return e}();function usePortalResetPasswordDemo(e){var t=this;return cjs({states:{error:"",loading:false,reset:false,confirmPassword:true,oobCodeValidating:false,oobCodeValid:true,content:{passwordResetHeader:"Password reset",resetPasswordHeader:"Reset your password",continueButtonText:"Continue",resetPasswordButtonText:"Reset Password",confirmPasswordFieldLabel:"Confirm Password",passwordFieldLabel:"New Password"}},callbacks:{submit:function(e){return __awaiter(t,void 0,void 0,(function(){return __generator(this,(function(e){console.log("submit");return[2]}))}))},failed:function(){},gotoNextPage:function(){}}},e.demoData||{},{arrayMerge:function(e,t){return t}})}export{PortalResetPassword as sqm_portal_reset_password};
1
+ var __awaiter=this&&this.__awaiter||function(e,t,s,r){function o(e){return e instanceof s?e:new s((function(t){t(e)}))}return new(s||(s=Promise))((function(s,a){function n(e){try{d(r.next(e))}catch(e){a(e)}}function i(e){try{d(r["throw"](e))}catch(e){a(e)}}function d(e){e.done?s(e.value):o(e.value).then(n,i)}d((r=r.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var s={label:0,sent:function(){if(a[0]&1)throw a[1];return a[1]},trys:[],ops:[]},r,o,a,n;return n={next:i(0),throw:i(1),return:i(2)},typeof Symbol==="function"&&(n[Symbol.iterator]=function(){return this}),n;function i(e){return function(t){return d([e,t])}}function d(n){if(r)throw new TypeError("Generator is already executing.");while(s)try{if(r=1,o&&(a=n[0]&2?o["return"]:n[0]?o["throw"]||((a=o["return"])&&a.call(o),0):o.next)&&!(a=a.call(o,n[1])).done)return a;if(o=0,a)n=[n[0]&2,a.value];switch(n[0]){case 0:case 1:a=n;break;case 4:s.label++;return{value:n[1],done:false};case 5:s.label++;o=n[1];n=[0];continue;case 7:n=s.ops.pop();s.trys.pop();continue;default:if(!(a=s.trys,a=a.length>0&&a[a.length-1])&&(n[0]===6||n[0]===2)){s=0;continue}if(n[0]===3&&(!a||n[1]>a[0]&&n[1]<a[3])){s.label=n[1];break}if(n[0]===6&&s.label<a[1]){s.label=a[1];a=n;break}if(a&&s.label<a[2]){s.label=a[2];s.ops.push(n);break}if(a[2])s.ops.pop();s.trys.pop();continue}n=t.call(e,s)}catch(e){n=[6,e];o=0}finally{r=a=0}if(n[0]&5)throw n[1];return{value:n[0]?n[1]:void 0,done:true}}};import{r as registerInstance,h as h$1}from"./index-17b4da69.js";import{k as useState,e as useEffect,m as h}from"./stencil-hooks.module-acc8a613.js";import"./use-callback-7e0bfd3b.js";import{N as Ne,V as Ve,c as dn,j as jn}from"./index.module-f5e17a4e.js";import"./extends-c31f1eff.js";import{j as jsonpointer}from"./jsonpointer-388a7082.js";import{c as cjs}from"./cjs-bdfb4486.js";import"./mixins-59fd94b7.js";import"./JSS-418cab16.js";import{s as sanitizeUrlPath}from"./utils-d7bbb0e2.js";import"./sqm-text-span-view-020db63f.js";import{P as PortalResetPasswordView}from"./sqm-portal-reset-password-view-e0436989.js";function usePortalResetPassword(e){var t=this;var s,r,o,a,n,i;var d=useState(false),l=d[0],u=d[1];var c=useState(""),f=c[0],w=c[1];var p=Ne(),P=p[0],v=p[1];var h=Ve(),m=h[0],b=h[1];var g=new URLSearchParams(window.location.search);var x=g.get("oobCode");g.delete("oobCode");var y=g.get("nextPage");var j=function(e){return __awaiter(t,void 0,void 0,(function(){var t,s;return __generator(this,(function(r){switch(r.label){case 0:w("");t=e.detail.formData;t===null||t===void 0?void 0:t.forEach((function(e,s){jsonpointer.set(t,s,e)}));s={oobCode:x,password:t.password};if(t.password!==t.confirmPassword){w("Passwords do not match.");return[2]}return[4,m(s)];case 1:r.sent();return[2]}}))}))};var _=function(){g.delete("nextPage");var t=sanitizeUrlPath(y||e.nextPage);dn.push(t.href)};var R=function(){dn.push({pathname:e.failedPage,search:g.toString()&&"?"+g.toString()})};useEffect((function(){var e;if((e=b.data)===null||e===void 0?void 0:e.resetManagedIdentityPassword){u(true);setTimeout((function(){_()}),5e3)}}),[(s=b.data)===null||s===void 0?void 0:s.resetManagedIdentityPassword]);useEffect((function(){P({oobCode:x})}),[x]);useEffect((function(){var e;if((e=v===null||v===void 0?void 0:v.errors)===null||e===void 0?void 0:e.message){w("Network request failed.")}}),[v===null||v===void 0?void 0:v.errors]);return{states:{loading:b.loading,reset:l,confirmPassword:e.confirmPassword,error:((n=(a=(o=(r=b.errors)===null||r===void 0?void 0:r.response)===null||o===void 0?void 0:o.errors)===null||a===void 0?void 0:a[0])===null||n===void 0?void 0:n.message)||f,oobCodeValidating:v.loading,oobCodeValid:(i=v.data)===null||i===void 0?void 0:i.verifyManagedIdentityPasswordResetCode.success,content:{passwordResetHeader:e.passwordResetHeader,resetPasswordHeader:e.resetPasswordHeader,continueButtonText:e.continueButtonText,resetPasswordButtonText:e.resetPasswordButtonText,confirmPasswordFieldLabel:e.confirmPasswordFieldLabel,passwordFieldLabel:e.passwordFieldLabel}},callbacks:{submit:j,failed:R,gotoNextPage:_}}}var PortalResetPassword=function(){function e(e){registerInstance(this,e);this.ignored=true;this.nextPage="/";this.failedPage="/";this.confirmPassword=false;this.resetPasswordHeader="Reset your password";this.passwordResetHeader="Password reset";this.resetPasswordButtonText="Reset Password";this.continueButtonText="Continue";this.confirmPasswordFieldLabel="Confirm Password";this.passwordFieldLabel="New Password";h(this)}e.prototype.disconnectedCallback=function(){};e.prototype.render=function(){var e=jn()?usePortalResetPasswordDemo(this):usePortalResetPassword(this),t=e.states,s=e.callbacks;return h$1(PortalResetPasswordView,{states:t,callbacks:s})};return e}();function usePortalResetPasswordDemo(e){var t=this;return cjs({states:{error:"",loading:false,reset:false,confirmPassword:true,oobCodeValidating:false,oobCodeValid:true,content:{passwordResetHeader:"Password reset",resetPasswordHeader:"Reset your password",continueButtonText:"Continue",resetPasswordButtonText:"Reset Password",confirmPasswordFieldLabel:"Confirm Password",passwordFieldLabel:"New Password"}},callbacks:{submit:function(e){return __awaiter(t,void 0,void 0,(function(){return __generator(this,(function(e){console.log("submit");return[2]}))}))},failed:function(){},gotoNextPage:function(){}}},e.demoData||{},{arrayMerge:function(e,t){return t}})}export{PortalResetPassword as sqm_portal_reset_password};
@@ -1 +1 @@
1
- var __awaiter=this&&this.__awaiter||function(e,t,a,i){function r(e){return e instanceof a?e:new a((function(t){t(e)}))}return new(a||(a=Promise))((function(a,n){function o(e){try{l(i.next(e))}catch(e){n(e)}}function s(e){try{l(i["throw"](e))}catch(e){n(e)}}function l(e){e.done?a(e.value):r(e.value).then(o,s)}l((i=i.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var a={label:0,sent:function(){if(n[0]&1)throw n[1];return n[1]},trys:[],ops:[]},i,r,n,o;return o={next:s(0),throw:s(1),return:s(2)},typeof Symbol==="function"&&(o[Symbol.iterator]=function(){return this}),o;function s(e){return function(t){return l([e,t])}}function l(o){if(i)throw new TypeError("Generator is already executing.");while(a)try{if(i=1,r&&(n=o[0]&2?r["return"]:o[0]?r["throw"]||((n=r["return"])&&n.call(r),0):r.next)&&!(n=n.call(r,o[1])).done)return n;if(r=0,n)o=[o[0]&2,n.value];switch(o[0]){case 0:case 1:n=o;break;case 4:a.label++;return{value:o[1],done:false};case 5:a.label++;r=o[1];o=[0];continue;case 7:o=a.ops.pop();a.trys.pop();continue;default:if(!(n=a.trys,n=n.length>0&&n[n.length-1])&&(o[0]===6||o[0]===2)){a=0;continue}if(o[0]===3&&(!n||o[1]>n[0]&&o[1]<n[3])){a.label=o[1];break}if(o[0]===6&&a.label<n[1]){a.label=n[1];n=o;break}if(n&&a.label<n[2]){a.label=n[2];a.ops.push(o);break}if(n[2])a.ops.pop();a.trys.pop();continue}o=t.call(e,a)}catch(e){o=[6,e];r=0}finally{i=n=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-17b4da69.js";import{k as useState,e as useEffect,m as h}from"./stencil-hooks.module-acc8a613.js";import"./use-callback-7e0bfd3b.js";import{i as ie,K as Ke,c as dn,j as jn}from"./index.module-f5e17a4e.js";import"./extends-c31f1eff.js";import{c as cjs}from"./cjs-bdfb4486.js";import"./mixins-59fd94b7.js";import"./JSS-418cab16.js";import"./sqm-text-span-view-020db63f.js";import{P as PortalVerifyEmailView}from"./sqm-portal-verify-email-view-c489166b.js";function usePortalVerifyEmail(e){var t=this;var a=e.nextPage,i=e.failedPage;var r,n,o,s,l;var u=useState(false),f=u[0],c=u[1];var d=useState(true),v=d[0],m=d[1];var h=ie();var p=Ke(),g=p[0],b=p[1],y=b.loading,w=b.data,P=b.errors;var x=useState(""),E=x[0],j=x[1];var _=new URLSearchParams(window.location.search);var k=_.get("oobCode");var S=_.get("nextPage");_.delete("oobCode");var V=function(){return dn.push({pathname:i,search:_.toString()&&"?"+_.toString()})};var I=function(){_.delete("nextPage");return dn.push({pathname:S||a,search:_.toString()&&"?"+_.toString()})};var C=function(){return __awaiter(t,void 0,void 0,(function(){return __generator(this,(function(e){switch(e.label){case 0:if(!k)return[3,2];j("");return[4,g({oobCode:k})];case 1:e.sent();e.label=2;case 2:return[2]}}))}))};useEffect((function(){var e;if((e=w===null||w===void 0?void 0:w.verifyManagedIdentityEmail)===null||e===void 0?void 0:e.success){c(true)}}),[(r=w===null||w===void 0?void 0:w.verifyManagedIdentityEmail)===null||r===void 0?void 0:r.success]);useEffect((function(){C()}),[]);useEffect((function(){var e,t;if((e=h===null||h===void 0?void 0:h.managedIdentity)===null||e===void 0?void 0:e.emailVerified){m(false);setTimeout((function(){I()}),3e3)}else if(!k||((t=w===null||w===void 0?void 0:w.verifyManagedIdentityEmail)===null||t===void 0?void 0:t.success)===false){m(false)}else if(!h){m(false);setTimeout((function(){I()}),3e3)}}),[(n=h===null||h===void 0?void 0:h.managedIdentity)===null||n===void 0?void 0:n.emailVerified]);useEffect((function(){if(P===null||P===void 0?void 0:P.message){j("Network request failed.")}}),[P]);return{states:{loading:y||v,error:((l=(s=(o=P===null||P===void 0?void 0:P.response)===null||o===void 0?void 0:o.errors)===null||s===void 0?void 0:s[0])===null||l===void 0?void 0:l.message)||E,verified:f},data:{oobCode:k},callbacks:{failed:V,gotoNextPage:I}}}var PortalVerifyEmail=function(){function e(e){registerInstance(this,e);this.ignored=true;this.nextPage="/";this.failedPage="/";h(this)}e.prototype.disconnectedCallback=function(){};e.prototype.render=function(){var e=jn()?usePortalVerifyEmailDemo(this):usePortalVerifyEmail(this),t=e.states,a=e.data,i=e.callbacks;return h$1(PortalVerifyEmailView,{states:t,data:a,callbacks:i})};return e}();function usePortalVerifyEmailDemo(e){return cjs({states:{error:"",loading:false,verified:true},data:{oobCode:"code"},callbacks:{failed:function(){console.log("failed")},gotoNextPage:function(){}}},e.demoData||{},{arrayMerge:function(e,t){return t}})}export{PortalVerifyEmail as sqm_portal_verify_email};
1
+ var __awaiter=this&&this.__awaiter||function(e,t,i,a){function r(e){return e instanceof i?e:new i((function(t){t(e)}))}return new(i||(i=Promise))((function(i,n){function o(e){try{l(a.next(e))}catch(e){n(e)}}function s(e){try{l(a["throw"](e))}catch(e){n(e)}}function l(e){e.done?i(e.value):r(e.value).then(o,s)}l((a=a.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var i={label:0,sent:function(){if(n[0]&1)throw n[1];return n[1]},trys:[],ops:[]},a,r,n,o;return o={next:s(0),throw:s(1),return:s(2)},typeof Symbol==="function"&&(o[Symbol.iterator]=function(){return this}),o;function s(e){return function(t){return l([e,t])}}function l(o){if(a)throw new TypeError("Generator is already executing.");while(i)try{if(a=1,r&&(n=o[0]&2?r["return"]:o[0]?r["throw"]||((n=r["return"])&&n.call(r),0):r.next)&&!(n=n.call(r,o[1])).done)return n;if(r=0,n)o=[o[0]&2,n.value];switch(o[0]){case 0:case 1:n=o;break;case 4:i.label++;return{value:o[1],done:false};case 5:i.label++;r=o[1];o=[0];continue;case 7:o=i.ops.pop();i.trys.pop();continue;default:if(!(n=i.trys,n=n.length>0&&n[n.length-1])&&(o[0]===6||o[0]===2)){i=0;continue}if(o[0]===3&&(!n||o[1]>n[0]&&o[1]<n[3])){i.label=o[1];break}if(o[0]===6&&i.label<n[1]){i.label=n[1];n=o;break}if(n&&i.label<n[2]){i.label=n[2];i.ops.push(o);break}if(n[2])i.ops.pop();i.trys.pop();continue}o=t.call(e,i)}catch(e){o=[6,e];r=0}finally{a=n=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-17b4da69.js";import{k as useState,e as useEffect,m as h}from"./stencil-hooks.module-acc8a613.js";import"./use-callback-7e0bfd3b.js";import{i as ie,K as Ke,c as dn,j as jn}from"./index.module-f5e17a4e.js";import"./extends-c31f1eff.js";import{c as cjs}from"./cjs-bdfb4486.js";import"./mixins-59fd94b7.js";import"./JSS-418cab16.js";import{s as sanitizeUrlPath}from"./utils-d7bbb0e2.js";import"./sqm-text-span-view-020db63f.js";import{P as PortalVerifyEmailView}from"./sqm-portal-verify-email-view-c489166b.js";function usePortalVerifyEmail(e){var t=this;var i=e.nextPage,a=e.failedPage;var r,n,o,s,l;var u=useState(false),f=u[0],c=u[1];var d=useState(true),v=d[0],m=d[1];var h=ie();var p=Ke(),b=p[0],g=p[1],y=g.loading,w=g.data,P=g.errors;var j=useState(""),x=j[0],E=j[1];var _=new URLSearchParams(window.location.search);var k=_.get("oobCode");var V=_.get("nextPage");_.delete("oobCode");var S=function(){return dn.push({pathname:a,search:_.toString()&&"?"+_.toString()})};var I=function(){_.delete("nextPage");var e=sanitizeUrlPath(V||i);dn.push(e.href)};var C=function(){return __awaiter(t,void 0,void 0,(function(){return __generator(this,(function(e){switch(e.label){case 0:if(!k)return[3,2];E("");return[4,b({oobCode:k})];case 1:e.sent();e.label=2;case 2:return[2]}}))}))};useEffect((function(){var e;if((e=w===null||w===void 0?void 0:w.verifyManagedIdentityEmail)===null||e===void 0?void 0:e.success){c(true)}}),[(r=w===null||w===void 0?void 0:w.verifyManagedIdentityEmail)===null||r===void 0?void 0:r.success]);useEffect((function(){C()}),[]);useEffect((function(){var e,t;if((e=h===null||h===void 0?void 0:h.managedIdentity)===null||e===void 0?void 0:e.emailVerified){m(false);setTimeout((function(){I()}),3e3)}else if(!k||((t=w===null||w===void 0?void 0:w.verifyManagedIdentityEmail)===null||t===void 0?void 0:t.success)===false){m(false)}else if(!h){m(false);setTimeout((function(){I()}),3e3)}}),[(n=h===null||h===void 0?void 0:h.managedIdentity)===null||n===void 0?void 0:n.emailVerified]);useEffect((function(){if(P===null||P===void 0?void 0:P.message){E("Network request failed.")}}),[P]);return{states:{loading:y||v,error:((l=(s=(o=P===null||P===void 0?void 0:P.response)===null||o===void 0?void 0:o.errors)===null||s===void 0?void 0:s[0])===null||l===void 0?void 0:l.message)||x,verified:f},data:{oobCode:k},callbacks:{failed:S,gotoNextPage:I}}}var PortalVerifyEmail=function(){function e(e){registerInstance(this,e);this.ignored=true;this.nextPage="/";this.failedPage="/";h(this)}e.prototype.disconnectedCallback=function(){};e.prototype.render=function(){var e=jn()?usePortalVerifyEmailDemo(this):usePortalVerifyEmail(this),t=e.states,i=e.data,a=e.callbacks;return h$1(PortalVerifyEmailView,{states:t,data:i,callbacks:a})};return e}();function usePortalVerifyEmailDemo(e){return cjs({states:{error:"",loading:false,verified:true},data:{oobCode:"code"},callbacks:{failed:function(){console.log("failed")},gotoNextPage:function(){}}},e.demoData||{},{arrayMerge:function(e,t){return t}})}export{PortalVerifyEmail as sqm_portal_verify_email};
@@ -1 +1 @@
1
- var __assign=this&&this.__assign||function(){__assign=Object.assign||function(e){for(var t,r=1,a=arguments.length;r<a;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,a){function n(e){return e instanceof r?e:new r((function(t){t(e)}))}return new(r||(r=Promise))((function(r,s){function l(e){try{o(a.next(e))}catch(e){s(e)}}function i(e){try{o(a["throw"](e))}catch(e){s(e)}}function o(e){e.done?r(e.value):n(e.value).then(l,i)}o((a=a.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var r={label:0,sent:function(){if(s[0]&1)throw s[1];return s[1]},trys:[],ops:[]},a,n,s,l;return l={next:i(0),throw:i(1),return:i(2)},typeof Symbol==="function"&&(l[Symbol.iterator]=function(){return this}),l;function i(e){return function(t){return o([e,t])}}function o(l){if(a)throw new TypeError("Generator is already executing.");while(r)try{if(a=1,n&&(s=l[0]&2?n["return"]:l[0]?n["throw"]||((s=n["return"])&&s.call(n),0):n.next)&&!(s=s.call(n,l[1])).done)return s;if(n=0,s)l=[l[0]&2,s.value];switch(l[0]){case 0:case 1:s=l;break;case 4:r.label++;return{value:l[1],done:false};case 5:r.label++;n=l[1];l=[0];continue;case 7:l=r.ops.pop();r.trys.pop();continue;default:if(!(s=r.trys,s=s.length>0&&s[s.length-1])&&(l[0]===6||l[0]===2)){r=0;continue}if(l[0]===3&&(!s||l[1]>s[0]&&l[1]<s[3])){r.label=l[1];break}if(l[0]===6&&r.label<s[1]){r.label=s[1];s=l;break}if(s&&r.label<s[2]){r.label=s[2];r.ops.push(l);break}if(s[2])r.ops.pop();r.trys.pop();continue}l=t.call(e,r)}catch(e){l=[6,e];n=0}finally{a=s=0}if(l[0]&5)throw l[1];return{value:l[0]?l[1]:void 0,done:true}}};var __spreadArrays=this&&this.__spreadArrays||function(){for(var e=0,t=0,r=arguments.length;t<r;t++)e+=arguments[t].length;for(var a=Array(e),n=0,t=0;t<r;t++)for(var s=arguments[t],l=0,i=s.length;l<i;l++,n++)a[n]=s[l];return a};import{r as registerInstance,h as h$1,g as getElement,c as Host}from"./index-17b4da69.js";import{m as h,u as useReducer,i as useMemo,e as useEffect}from"./stencil-hooks.module-acc8a613.js";import{i as intl}from"./global-15cdf41a.js";import"./use-callback-7e0bfd3b.js";import{j as jn}from"./index.module-f5e17a4e.js";import"./extends-c31f1eff.js";import{c as cjs}from"./cjs-bdfb4486.js";import"./mixins-59fd94b7.js";import{c as createStyleSheet}from"./JSS-418cab16.js";import{G as GenericTableView}from"./GenericTableView-8dc8ae86.js";import{a as useRequestRerender,u as useRerenderListener}from"./re-render-8f0a7ab1.js";import{u as useChildElements}from"./useChildElements-3ffd7077.js";import{l as luxon}from"./luxon-f44215d9.js";import{u as useReferralTable,t as tryMethod}from"./useReferralTable-d8a7e3be.js";import{l as luxonLocale}from"./utils-1d345130.js";import{T as TextSpanView}from"./sqm-text-span-view-020db63f.js";var mockReferralData=function(e){if(e===void 0){e=4}var t=__spreadArrays(Array(e)).map((function(){return getMockData()}));return{totalCount:6,count:e,referredByReferral:{dateConverted:null,dateReferralStarted:1643912659850,referrerUser:{firstName:"John",lastName:"Snow",rewards:[]}},data:t}};var statuses=[["AVAILABLE"],["PENDING"],["CANCELLED"],["EXPIRED"],["REDEEMED"]];var firstNames=["Rajesh","Pierre","Ji-Ho","Chinua","Charleston","Sally","Gael","Jill","Jane","Khadija"];var lastNames=["Smith","Parker","Kent","Chew","Stark","Banner","Jones","Odinson","Pym","Rogers"];var getMockData=function(){return{id:"5cae6b0fcc540e209db45b53",referredUser:{id:"5cae6b0ce4b0d81c67b78e82",accountId:"SPX1MZBIPTFL3E1H",firstName:firstNames[Math.floor(Math.random()*firstNames.length)],lastName:lastNames[Math.floor(Math.random()*lastNames.length)],email:"example.uexwltgh@mailosaur.io",programGoals:[]},shareLinkUsed:null,referralCodeUsed:"JIMBONEUTRON2",moderationStatus:"PENDING",dateConverted:Math.floor(Math.random()*10)>=5?luxon.DateTime.now().minus({days:6}).toMillis():null,dateFraudChecksCompleted:null,dateModerated:1558730033306,dateModified:1554934543447,dateReferralEnded:null,dateReferralPaid:null,dateReferralStarted:luxon.DateTime.now().minus({days:8}).toMillis(),dateUserModified:null,programId:"sam-partner-test-2",program:{id:"sam-partner-test-2",name:"Partner Program 2.0"},rewards:Math.floor(Math.random()*10)>=5?[{id:"5cae6b16cc540e209db45cfa",type:"CREDIT",value:1,unit:"POINT",name:"Partner Reward",dateGiven:1554934550726,dateExpires:null,dateCancelled:null,dateRedeemed:1637004373582,dateScheduledFor:null,fuelTankCode:null,fuelTankType:null,currency:null,prettyValue:"1 Point",statuses:statuses[Math.floor(Math.random()*statuses.length)],globalRewardKey:null,programRewardKey:"partnerReward",rewardRedemptionTransactions:{data:[{exchangedRewards:{data:[{prettyValue:"CAD10.00 Visa* Prepaid Card CAD",type:"INTEGRATION",fuelTankCode:null,globalRewardKey:"gc1"}]}}]}}]:[],childNodes:{data:[{data:{id:"5cae6b16cc540e209db45cb3",statuses:statuses[Math.floor(Math.random()*statuses.length)],type:"PCT_DISCOUNT",value:50},depth:1},{data:{id:"5cae6b16cc540e209db45cfa",statuses:statuses[Math.floor(Math.random()*statuses.length)],type:"CREDIT",value:1},depth:1}]}}};var ReferralTable=function(){function e(e){registerInstance(this,e);this.perPage=4;this.showLabels=true;this.prevLabel="Prev";this.moreLabel="Next";this.showReferrer=false;this.hiddenColumns="0";this.smBreakpoint=599;this.mdBreakpoint=799;h(this)}e.prototype.disconnectedCallback=function(){};e.prototype.render=function(){var e=h$1(EmptySlot,null);var t=h$1(LoadingSlot,null);var r=jn()?useReferralTableDemo(this,e,t):useReferralTable(this,e,t),a=r.states,n=r.data,s=r.callbacks,l=r.elements;useRequestRerender([this.showReferrer,this.perPage]);return h$1(GenericTableView,{states:a,data:n,callbacks:s,elements:l})};return e}();function EmptySlot(){return h$1("slot",{name:"empty"},h$1("sqm-empty",{"empty-state-image":"https://res.cloudinary.com/saasquatch/image/upload/v1644000223/squatch-assets/empty_referral2.png","empty-state-header":"View your referral details","empty-state-text":"Refer a friend to view the status of your referrals and rewards earned"}))}function LoadingSlot(){return h$1("slot",{name:"loading"},h$1(LoadingRow,null),h$1(LoadingRow,null),h$1(LoadingRow,null),h$1(LoadingRow,null))}function LoadingRow(){return h$1("sqm-table-row",null,h$1("sqm-table-cell",{colspan:5},h$1("sl-skeleton",null)))}function useReferralTableDemo(e,t,r){var a=useReducer((function(e,t){return __assign(__assign({},e),t)}),{columns:[],rows:[],loading:false,page:0}),n=a[0],s=a[1];var l=useRerenderListener();var i=useMemo((function(){return mockReferralData(e.perPage)}),[e.perPage]);var o=useChildElements();function u(t){return __awaiter(this,void 0,void 0,(function(){var r,a,n,l,o,u,d,c,f,h,p,m,v,g;var _=this;return __generator(this,(function(T){switch(T.label){case 0:n=i===null||i===void 0?void 0:i.referredByReferral;l=e.showReferrer&&!!((r=i===null||i===void 0?void 0:i.referredByReferral)===null||r===void 0?void 0:r.dateReferralStarted);if(l){a=i.data.slice(0,e.perPage-1)}else{a=i.data.slice(0,e.perPage)}o=t.filter((function(e){return e.slot!=="loading"&&e.slot!=="empty"}));u=o===null||o===void 0?void 0:o.map((function(e){return __awaiter(_,void 0,void 0,(function(){return __generator(this,(function(t){return[2,tryMethod(e,(function(){return e.renderLabel()}))]}))}))}));if(!l)return[3,2];c=o===null||o===void 0?void 0:o.map((function(e){return __awaiter(_,void 0,void 0,(function(){return __generator(this,(function(t){return[2,tryMethod(e,(function t(){return e.renderCell(n,e)}))]}))}))}));return[4,Promise.all(c)];case 1:d=T.sent();T.label=2;case 2:f=a===null||a===void 0?void 0:a.map((function(e){return __awaiter(_,void 0,void 0,(function(){var t,r;var a=this;return __generator(this,(function(n){switch(n.label){case 0:t=o===null||o===void 0?void 0:o.map((function(t){return __awaiter(a,void 0,void 0,(function(){return __generator(this,(function(r){return[2,tryMethod(t,(function(){return t.renderCell(e,undefined)}))]}))}))}));return[4,Promise.all(t)];case 1:r=n.sent();return[2,r]}}))}))}));p=f;if(!p)return[3,4];m=[[d]];return[4,Promise.all(f)];case 3:p=__spreadArrays.apply(void 0,m.concat([T.sent()])).filter((function(e){return e}));T.label=4;case 4:h=p;s({rows:h});g=u;if(!g)return[3,6];return[4,Promise.all(u)];case 5:g=T.sent();T.label=6;case 6:v=g;s({columns:v,loading:false,page:0});return[2]}}))}))}useEffect((function(){s({loading:true});(i===null||i===void 0?void 0:i.data)&&u(o)}),[i===null||i===void 0?void 0:i.data,o,l]);var d=cjs({states:{hasPrev:false,hasNext:false,loading:false,show:"rows"},callbacks:{prevPage:function(){return console.log("Prev")},nextPage:function(){return console.log("Next")}},data:{textOverrides:{showLabels:e.showLabels,prevLabel:e.prevLabel,moreLabel:e.moreLabel},hiddenColumns:e.hiddenColumns,referralData:[],mdBreakpoint:799,smBreakpoint:599},elements:{columns:n.columns,rows:n.rows,emptyElement:t,loadingElement:r}},e.demoData||{},{arrayMerge:function(e,t){return t}});return d}var ReferralTableCell=function(){function e(e){registerInstance(this,e);this.ignored=true;h(this)}e.prototype.disconnectedCallback=function(){};e.prototype.render=function(){return h$1("div",{innerHTML:this.innerTemplate})};return e}();var ReferralTableGenericColumn=function(){function e(e){registerInstance(this,e);h(this)}e.prototype.disconnectedCallback=function(){};e.prototype.renderCell=function(e){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){return[2,h$1("sqm-referral-table-cell",{"inner-template":getElement(this).innerHTML})]}))}))};e.prototype.renderLabel=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){return[2,Promise.resolve(this.columnTitle)]}))}))};e.prototype.render=function(){useRequestRerender([this.columnTitle]);return h$1(Host,{style:{display:"none"}},h$1("slot",null))};return e}();var ReferralTableDateCell=function(){function e(e){registerInstance(this,e);this.ignored=true;this.locale="en";h(this)}e.prototype.disconnectedCallback=function(){};e.prototype.render=function(){var e;var t=!this.date?"-":(e=luxon.DateTime.fromMillis(this.date))===null||e===void 0?void 0:e.setLocale(luxonLocale(this.locale)).toLocaleString(luxon.DateTime.DATE_MED);return t};return e}();var ReferralTableDateColumn=function(){function e(e){registerInstance(this,e);this.columnTitle="Date converted";this.dateShown="dateConverted";h(this)}e.prototype.disconnectedCallback=function(){};e.prototype.renderCell=function(e,t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(r){return[2,h$1("sqm-referral-table-date-cell",{date:e[this.dateShown],locale:t})]}))}))};e.prototype.renderLabel=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){return[2,this.columnTitle]}))}))};e.prototype.renderReferrerCell=function(e){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){return[2,h$1("sqm-referral-table-date-cell",{date:e[this.dateShown]})]}))}))};e.prototype.render=function(){useRequestRerender([this.dateShown,this.columnTitle]);return h$1(Host,{style:{display:"none"}})};return e}();var ReferralTableRewardsCell=function(){function e(e){registerInstance(this,e);this.locale="en"}e.prototype.render=function(){var e=this;var t;intl.locale=this.locale;var r={"@keyframes slideRight":{from:{opacity:0},to:{opacity:1}},DetailsContainer:{width:"100%",display:"flex","align-items":"center","justify-content":"space-between","margin-right":"var(--sl-spacing-small)","flex-wrap":"wrap"},Details:{"padding-bottom":"var(--sl-spacing-small)","max-width":"500px","&::part(header)":{padding:"var(--sl-spacing-x-small)",cursor:""+(this.hideDetails?"default":"pointer")},"&::part(content)":{padding:"var(--sl-spacing-x-small) var(--sl-spacing-medium)"},"&::part(base)":{opacity:"1"},"&::part(summary-icon)":{display:""+(this.hideDetails?"none":"flex")},"&::part(summary-icon[open])":{transform:"rotate(-90deg)",background:"red"}},BadgeContainer:{"& > :not(:last-child)":{"margin-right":"var(--sl-spacing-x-small)"}},BoldText:{"font-weight":"var(--sl-font-weight-semibold)"},StatusBadge:{paddingLeft:"var(--sl-spacing-xxx-small)","&::part(base)":{textAlign:"center",maxWidth:"170px",whiteSpace:"pre-line"}},RedeemBadge:{paddingLeft:"var(--sl-spacing-xxx-small)","&::part(base)":{background:"var(--sl-color-blue-600)"}}};var a=createStyleSheet(r);var n=a.toString();var s=function(e){var t=["REDEEMED","CANCELLED","EXPIRED","PENDING","AVAILABLE"];if(e.length===1)return e[0];return t.find((function(t){return e.includes(t)&&t}))};var l=function(e){switch(e){case"REDEEMED":return"primary";case"EXPIRED":return"danger";case"CANCELLED":return"danger";case"PENDING":return"warning";case"AVAILABLE":return"success"}};var i=function(t){return luxon.DateTime.fromMillis(t).setLocale(luxonLocale(e.locale)).toRelative().replace("in","").trim()};return(t=this.rewards)===null||t===void 0?void 0:t.map((function(t){var r=s(t.statuses);var o=l(r);var u=intl.formatMessage({id:"statusShortMessage",defaultMessage:e.statusText},{status:r});var d=intl.formatMessage({id:"statusLongMessage",defaultMessage:e.statusLongText},{status:r});return h$1("sl-details",{class:a.classes.Details,disabled:e.hideDetails},h$1("style",{type:"text/css"},n),h$1("div",{slot:"summary",class:a.classes.DetailsContainer},h$1(TextSpanView,{type:"p"},h$1("span",{class:a.classes.BoldText},t.prettyValue)),h$1("div",{class:a.classes.BadgeContainer},r==="PENDING"&&t.dateScheduledFor?h$1("sl-badge",{class:o==="primary"?a.classes.RedeemBadge:a.classes.StatusBadge,type:o,pill:true},intl.formatMessage({id:"pendingForText",defaultMessage:e.pendingForText},{status:u,date:i(t.dateScheduledFor)})):h$1("sl-badge",{class:o==="primary"?a.classes.RedeemBadge:a.classes.StatusBadge,type:o,pill:true},u),t.dateExpires&&r==="AVAILABLE"&&h$1("sl-badge",{class:o==="primary"?a.classes.RedeemBadge:a.classes.StatusBadge,type:"info",pill:true},e.expiringText," "+i(t.dateExpires)))),h$1("div",null,t.dateGiven&&h$1("div",null,h$1(TextSpanView,{type:"p"},e.rewardReceivedText," ",h$1("span",{class:a.classes.BoldText},luxon.DateTime.fromMillis(t.dateGiven).setLocale(luxonLocale(e.locale)).toLocaleString(luxon.DateTime.DATE_MED)))),r==="EXPIRED"&&t.dateExpires&&h$1("div",null,h$1(TextSpanView,{type:"p"},d," ",h$1("span",{class:a.classes.BoldText},luxon.DateTime.fromMillis(t.dateExpires).setLocale(luxonLocale(e.locale)).toLocaleString(luxon.DateTime.DATE_MED)))),r==="CANCELLED"&&t.dateCancelled&&h$1("div",null,h$1(TextSpanView,{type:"p"},d," ",h$1("span",{class:a.classes.BoldText},luxon.DateTime.fromMillis(t.dateCancelled).setLocale(luxonLocale(e.locale)).toLocaleString(luxon.DateTime.DATE_MED)))),r==="PENDING"&&t.dateScheduledFor&&h$1("div",null,h$1(TextSpanView,{type:"p"},d," ",h$1("span",{class:a.classes.BoldText},luxon.DateTime.fromMillis(t.dateScheduledFor).setLocale(luxonLocale(e.locale)).toLocaleString(luxon.DateTime.DATE_MED))))," ",r==="AVAILABLE"&&t.dateExpires&&h$1("div",null,h$1(TextSpanView,{type:"p"},d," ",h$1("span",{class:a.classes.BoldText},luxon.DateTime.fromMillis(t.dateExpires).setLocale(luxonLocale(e.locale)).toLocaleString(luxon.DateTime.DATE_MED)))),t.fuelTankCode&&h$1("div",null,e.fuelTankText," ",h$1("span",{class:a.classes.BoldText},t.fuelTankCode))))}))};return e}();var ReferralTableRewardsColumn=function(){function e(e){registerInstance(this,e);this.columnTitle="Rewards";this.statusText="{status, select, AVAILABLE {Available} CANCELLED {Cancelled} PENDING {Pending} EXPIRED {Expired} REDEEMED {Redeemed} other {Not available} }";this.statusLongText="{status, select, AVAILABLE {Reward expiring on} CANCELLED {Reward cancelled on} PENDING {Available on} EXPIRED {Reward expired on} other {Not available} }";this.fuelTankText="Your code is";this.rewardReceivedText="Reward received on";this.expiringText="Expiring in";this.pendingForText="{status} for {date}";this.hideDetails=false;h(this)}e.prototype.disconnectedCallback=function(){};e.prototype.renderCell=function(e,t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(r){return[2,h$1("sqm-referral-table-rewards-cell",{rewards:e.rewards,statusText:this.statusText,statusLongText:this.statusLongText,fuelTankText:this.fuelTankText,rewardReceivedText:this.rewardReceivedText,expiringText:this.expiringText,pendingForText:this.pendingForText,hideDetails:this.hideDetails,locale:t})]}))}))};e.prototype.renderLabel=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){return[2,this.columnTitle]}))}))};e.prototype.renderReferrerCell=function(e){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){return[2,h$1("sqm-referral-table-rewards-cell",{rewards:e.rewards})]}))}))};e.prototype.render=function(){useRequestRerender([this.columnTitle,this.statusText,this.statusLongText,this.fuelTankText,this.rewardReceivedText,this.expiringText,this.pendingForText,this.hideDetails]);return h$1(Host,{style:{display:"none"}})};return e}();var style={Badge:{"&::part(base)":{fontSize:"var(--sl-font-size-small)",padding:"4px 8px",whiteSpace:"pre-line"}}};var sheet=createStyleSheet(style);var styleString=sheet.toString();var ReferralTableStatusCell=function(){function e(e){registerInstance(this,e)}e.prototype.render=function(){return h$1("div",null,h$1("style",{type:"text/css"},styleString),h$1("sl-badge",{pill:true,type:this.converted?"success":"warning",class:sheet.classes.Badge},this.statusText))};return e}();var ReferralTableStatusColumn=function(){function e(e){registerInstance(this,e);this.columnTitle="Status";this.convertedStatusText="Converted";this.inProgressStatusText="In Progress";h(this)}e.prototype.disconnectedCallback=function(){};e.prototype.renderCell=function(e){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(r){t=e.dateConverted?this.convertedStatusText:this.inProgressStatusText;return[2,h$1("sqm-referral-table-status-cell",{"status-text":t,converted:e.dateConverted?true:false})]}))}))};e.prototype.renderLabel=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){return[2,this.columnTitle]}))}))};e.prototype.renderReferrerCell=function(e){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(r){t=e.dateConverted?this.convertedStatusText:this.inProgressStatusText;return[2,h$1("sqm-referral-table-status-cell",{"status-text":t,converted:e.dateConverted?true:false})]}))}))};e.prototype.render=function(){useRequestRerender([this.columnTitle,this.convertedStatusText,this.inProgressStatusText]);return h$1(Host,{style:{display:"none"}})};return e}();var ReferralTableUserCell=function(){function e(e){registerInstance(this,e)}e.prototype.render=function(){return this.name};return e}();var ReferralTableUserColumn=function(){function e(e){registerInstance(this,e);this.columnTitle="Customer";this.anonymousUser="Anonymous User";this.deletedUser="Deleted User";h(this)}e.prototype.disconnectedCallback=function(){};e.prototype.renderCell=function(e){return __awaiter(this,void 0,void 0,(function(){var t,r,a,n,s,l,i,o,u;return __generator(this,(function(d){if(!(e===null||e===void 0?void 0:e.referredUser)&&!(e===null||e===void 0?void 0:e.referrerUser)){u=this.deletedUser}else if(!((t=e===null||e===void 0?void 0:e.referredUser)===null||t===void 0?void 0:t.firstName)&&!((r=e===null||e===void 0?void 0:e.referredUser)===null||r===void 0?void 0:r.lastName)&&!((a=e===null||e===void 0?void 0:e.referrerUser)===null||a===void 0?void 0:a.firstName)&&!((n=e===null||e===void 0?void 0:e.referrerUser)===null||n===void 0?void 0:n.lastName)){u=this.anonymousUser}else if(e===null||e===void 0?void 0:e.referrerUser){u=((s=e===null||e===void 0?void 0:e.referrerUser)===null||s===void 0?void 0:s.firstName)+" "+((l=e===null||e===void 0?void 0:e.referrerUser)===null||l===void 0?void 0:l.lastName)}else{u=((i=e===null||e===void 0?void 0:e.referredUser)===null||i===void 0?void 0:i.firstName)+" "+((o=e===null||e===void 0?void 0:e.referredUser)===null||o===void 0?void 0:o.lastName)}return[2,h$1("sqm-referral-table-user-cell",{name:u})]}))}))};e.prototype.renderLabel=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){return[2,this.columnTitle]}))}))};e.prototype.renderReferrerCell=function(e){return __awaiter(this,void 0,void 0,(function(){var t,r,a,n,s;return __generator(this,(function(l){if(!e){s=this.deletedUser}else if(!((t=e===null||e===void 0?void 0:e.referrerUser)===null||t===void 0?void 0:t.firstName)&&!((r=e.referrerUser)===null||r===void 0?void 0:r.lastName)){s=this.anonymousUser}else{s=((a=e===null||e===void 0?void 0:e.referrerUser)===null||a===void 0?void 0:a.firstName)+" "+((n=e===null||e===void 0?void 0:e.referrerUser)===null||n===void 0?void 0:n.lastName)}return[2,h$1("sqm-referral-table-user-cell",{name:s})]}))}))};e.prototype.render=function(){useRequestRerender([this.deletedUser,this.anonymousUser,this.columnTitle]);return h$1(Host,{style:{display:"none"}})};return e}();export{ReferralTable as sqm_referral_table,ReferralTableCell as sqm_referral_table_cell,ReferralTableGenericColumn as sqm_referral_table_column,ReferralTableDateCell as sqm_referral_table_date_cell,ReferralTableDateColumn as sqm_referral_table_date_column,ReferralTableRewardsCell as sqm_referral_table_rewards_cell,ReferralTableRewardsColumn as sqm_referral_table_rewards_column,ReferralTableStatusCell as sqm_referral_table_status_cell,ReferralTableStatusColumn as sqm_referral_table_status_column,ReferralTableUserCell as sqm_referral_table_user_cell,ReferralTableUserColumn as sqm_referral_table_user_column};
1
+ var __assign=this&&this.__assign||function(){__assign=Object.assign||function(e){for(var t,r=1,a=arguments.length;r<a;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,a){function n(e){return e instanceof r?e:new r((function(t){t(e)}))}return new(r||(r=Promise))((function(r,s){function l(e){try{o(a.next(e))}catch(e){s(e)}}function i(e){try{o(a["throw"](e))}catch(e){s(e)}}function o(e){e.done?r(e.value):n(e.value).then(l,i)}o((a=a.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var r={label:0,sent:function(){if(s[0]&1)throw s[1];return s[1]},trys:[],ops:[]},a,n,s,l;return l={next:i(0),throw:i(1),return:i(2)},typeof Symbol==="function"&&(l[Symbol.iterator]=function(){return this}),l;function i(e){return function(t){return o([e,t])}}function o(l){if(a)throw new TypeError("Generator is already executing.");while(r)try{if(a=1,n&&(s=l[0]&2?n["return"]:l[0]?n["throw"]||((s=n["return"])&&s.call(n),0):n.next)&&!(s=s.call(n,l[1])).done)return s;if(n=0,s)l=[l[0]&2,s.value];switch(l[0]){case 0:case 1:s=l;break;case 4:r.label++;return{value:l[1],done:false};case 5:r.label++;n=l[1];l=[0];continue;case 7:l=r.ops.pop();r.trys.pop();continue;default:if(!(s=r.trys,s=s.length>0&&s[s.length-1])&&(l[0]===6||l[0]===2)){r=0;continue}if(l[0]===3&&(!s||l[1]>s[0]&&l[1]<s[3])){r.label=l[1];break}if(l[0]===6&&r.label<s[1]){r.label=s[1];s=l;break}if(s&&r.label<s[2]){r.label=s[2];r.ops.push(l);break}if(s[2])r.ops.pop();r.trys.pop();continue}l=t.call(e,r)}catch(e){l=[6,e];n=0}finally{a=s=0}if(l[0]&5)throw l[1];return{value:l[0]?l[1]:void 0,done:true}}};var __spreadArrays=this&&this.__spreadArrays||function(){for(var e=0,t=0,r=arguments.length;t<r;t++)e+=arguments[t].length;for(var a=Array(e),n=0,t=0;t<r;t++)for(var s=arguments[t],l=0,i=s.length;l<i;l++,n++)a[n]=s[l];return a};import{r as registerInstance,h as h$1,g as getElement,c as Host}from"./index-17b4da69.js";import{m as h,u as useReducer,i as useMemo,e as useEffect}from"./stencil-hooks.module-acc8a613.js";import{i as intl}from"./global-15cdf41a.js";import"./use-callback-7e0bfd3b.js";import{j as jn}from"./index.module-f5e17a4e.js";import"./extends-c31f1eff.js";import{c as cjs}from"./cjs-bdfb4486.js";import"./mixins-59fd94b7.js";import{c as createStyleSheet}from"./JSS-418cab16.js";import{G as GenericTableView}from"./GenericTableView-8dc8ae86.js";import{a as useRequestRerender,u as useRerenderListener}from"./re-render-8f0a7ab1.js";import{u as useChildElements}from"./useChildElements-3ffd7077.js";import{l as luxon}from"./luxon-f44215d9.js";import{u as useReferralTable,t as tryMethod}from"./useReferralTable-d8a7e3be.js";import{l as luxonLocale}from"./utils-d7bbb0e2.js";import{T as TextSpanView}from"./sqm-text-span-view-020db63f.js";var mockReferralData=function(e){if(e===void 0){e=4}var t=__spreadArrays(Array(e)).map((function(){return getMockData()}));return{totalCount:6,count:e,referredByReferral:{dateConverted:null,dateReferralStarted:1643912659850,referrerUser:{firstName:"John",lastName:"Snow",rewards:[]}},data:t}};var statuses=[["AVAILABLE"],["PENDING"],["CANCELLED"],["EXPIRED"],["REDEEMED"]];var firstNames=["Rajesh","Pierre","Ji-Ho","Chinua","Charleston","Sally","Gael","Jill","Jane","Khadija"];var lastNames=["Smith","Parker","Kent","Chew","Stark","Banner","Jones","Odinson","Pym","Rogers"];var getMockData=function(){return{id:"5cae6b0fcc540e209db45b53",referredUser:{id:"5cae6b0ce4b0d81c67b78e82",accountId:"SPX1MZBIPTFL3E1H",firstName:firstNames[Math.floor(Math.random()*firstNames.length)],lastName:lastNames[Math.floor(Math.random()*lastNames.length)],email:"example.uexwltgh@mailosaur.io",programGoals:[]},shareLinkUsed:null,referralCodeUsed:"JIMBONEUTRON2",moderationStatus:"PENDING",dateConverted:Math.floor(Math.random()*10)>=5?luxon.DateTime.now().minus({days:6}).toMillis():null,dateFraudChecksCompleted:null,dateModerated:1558730033306,dateModified:1554934543447,dateReferralEnded:null,dateReferralPaid:null,dateReferralStarted:luxon.DateTime.now().minus({days:8}).toMillis(),dateUserModified:null,programId:"sam-partner-test-2",program:{id:"sam-partner-test-2",name:"Partner Program 2.0"},rewards:Math.floor(Math.random()*10)>=5?[{id:"5cae6b16cc540e209db45cfa",type:"CREDIT",value:1,unit:"POINT",name:"Partner Reward",dateGiven:1554934550726,dateExpires:null,dateCancelled:null,dateRedeemed:1637004373582,dateScheduledFor:null,fuelTankCode:null,fuelTankType:null,currency:null,prettyValue:"1 Point",statuses:statuses[Math.floor(Math.random()*statuses.length)],globalRewardKey:null,programRewardKey:"partnerReward",rewardRedemptionTransactions:{data:[{exchangedRewards:{data:[{prettyValue:"CAD10.00 Visa* Prepaid Card CAD",type:"INTEGRATION",fuelTankCode:null,globalRewardKey:"gc1"}]}}]}}]:[],childNodes:{data:[{data:{id:"5cae6b16cc540e209db45cb3",statuses:statuses[Math.floor(Math.random()*statuses.length)],type:"PCT_DISCOUNT",value:50},depth:1},{data:{id:"5cae6b16cc540e209db45cfa",statuses:statuses[Math.floor(Math.random()*statuses.length)],type:"CREDIT",value:1},depth:1}]}}};var ReferralTable=function(){function e(e){registerInstance(this,e);this.perPage=4;this.showLabels=true;this.prevLabel="Prev";this.moreLabel="Next";this.showReferrer=false;this.hiddenColumns="0";this.smBreakpoint=599;this.mdBreakpoint=799;h(this)}e.prototype.disconnectedCallback=function(){};e.prototype.render=function(){var e=h$1(EmptySlot,null);var t=h$1(LoadingSlot,null);var r=jn()?useReferralTableDemo(this,e,t):useReferralTable(this,e,t),a=r.states,n=r.data,s=r.callbacks,l=r.elements;useRequestRerender([this.showReferrer,this.perPage]);return h$1(GenericTableView,{states:a,data:n,callbacks:s,elements:l})};return e}();function EmptySlot(){return h$1("slot",{name:"empty"},h$1("sqm-empty",{"empty-state-image":"https://res.cloudinary.com/saasquatch/image/upload/v1644000223/squatch-assets/empty_referral2.png","empty-state-header":"View your referral details","empty-state-text":"Refer a friend to view the status of your referrals and rewards earned"}))}function LoadingSlot(){return h$1("slot",{name:"loading"},h$1(LoadingRow,null),h$1(LoadingRow,null),h$1(LoadingRow,null),h$1(LoadingRow,null))}function LoadingRow(){return h$1("sqm-table-row",null,h$1("sqm-table-cell",{colspan:5},h$1("sl-skeleton",null)))}function useReferralTableDemo(e,t,r){var a=useReducer((function(e,t){return __assign(__assign({},e),t)}),{columns:[],rows:[],loading:false,page:0}),n=a[0],s=a[1];var l=useRerenderListener();var i=useMemo((function(){return mockReferralData(e.perPage)}),[e.perPage]);var o=useChildElements();function u(t){return __awaiter(this,void 0,void 0,(function(){var r,a,n,l,o,u,d,c,f,h,p,m,v,g;var _=this;return __generator(this,(function(b){switch(b.label){case 0:n=i===null||i===void 0?void 0:i.referredByReferral;l=e.showReferrer&&!!((r=i===null||i===void 0?void 0:i.referredByReferral)===null||r===void 0?void 0:r.dateReferralStarted);if(l){a=i.data.slice(0,e.perPage-1)}else{a=i.data.slice(0,e.perPage)}o=t.filter((function(e){return e.slot!=="loading"&&e.slot!=="empty"}));u=o===null||o===void 0?void 0:o.map((function(e){return __awaiter(_,void 0,void 0,(function(){return __generator(this,(function(t){return[2,tryMethod(e,(function(){return e.renderLabel()}))]}))}))}));if(!l)return[3,2];c=o===null||o===void 0?void 0:o.map((function(e){return __awaiter(_,void 0,void 0,(function(){return __generator(this,(function(t){return[2,tryMethod(e,(function t(){return e.renderCell(n,e)}))]}))}))}));return[4,Promise.all(c)];case 1:d=b.sent();b.label=2;case 2:f=a===null||a===void 0?void 0:a.map((function(e){return __awaiter(_,void 0,void 0,(function(){var t,r;var a=this;return __generator(this,(function(n){switch(n.label){case 0:t=o===null||o===void 0?void 0:o.map((function(t){return __awaiter(a,void 0,void 0,(function(){return __generator(this,(function(r){return[2,tryMethod(t,(function(){return t.renderCell(e,undefined)}))]}))}))}));return[4,Promise.all(t)];case 1:r=n.sent();return[2,r]}}))}))}));p=f;if(!p)return[3,4];m=[[d]];return[4,Promise.all(f)];case 3:p=__spreadArrays.apply(void 0,m.concat([b.sent()])).filter((function(e){return e}));b.label=4;case 4:h=p;s({rows:h});g=u;if(!g)return[3,6];return[4,Promise.all(u)];case 5:g=b.sent();b.label=6;case 6:v=g;s({columns:v,loading:false,page:0});return[2]}}))}))}useEffect((function(){s({loading:true});(i===null||i===void 0?void 0:i.data)&&u(o)}),[i===null||i===void 0?void 0:i.data,o,l]);var d=cjs({states:{hasPrev:false,hasNext:false,loading:false,show:"rows"},callbacks:{prevPage:function(){return console.log("Prev")},nextPage:function(){return console.log("Next")}},data:{textOverrides:{showLabels:e.showLabels,prevLabel:e.prevLabel,moreLabel:e.moreLabel},hiddenColumns:e.hiddenColumns,referralData:[],mdBreakpoint:799,smBreakpoint:599},elements:{columns:n.columns,rows:n.rows,emptyElement:t,loadingElement:r}},e.demoData||{},{arrayMerge:function(e,t){return t}});return d}var ReferralTableCell=function(){function e(e){registerInstance(this,e);this.ignored=true;h(this)}e.prototype.disconnectedCallback=function(){};e.prototype.render=function(){return h$1("div",{innerHTML:this.innerTemplate})};return e}();var ReferralTableGenericColumn=function(){function e(e){registerInstance(this,e);h(this)}e.prototype.disconnectedCallback=function(){};e.prototype.renderCell=function(e){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){return[2,h$1("sqm-referral-table-cell",{"inner-template":getElement(this).innerHTML})]}))}))};e.prototype.renderLabel=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){return[2,Promise.resolve(this.columnTitle)]}))}))};e.prototype.render=function(){useRequestRerender([this.columnTitle]);return h$1(Host,{style:{display:"none"}},h$1("slot",null))};return e}();var ReferralTableDateCell=function(){function e(e){registerInstance(this,e);this.ignored=true;this.locale="en";h(this)}e.prototype.disconnectedCallback=function(){};e.prototype.render=function(){var e;var t=!this.date?"-":(e=luxon.DateTime.fromMillis(this.date))===null||e===void 0?void 0:e.setLocale(luxonLocale(this.locale)).toLocaleString(luxon.DateTime.DATE_MED);return t};return e}();var ReferralTableDateColumn=function(){function e(e){registerInstance(this,e);this.columnTitle="Date converted";this.dateShown="dateConverted";h(this)}e.prototype.disconnectedCallback=function(){};e.prototype.renderCell=function(e,t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(r){return[2,h$1("sqm-referral-table-date-cell",{date:e[this.dateShown],locale:t})]}))}))};e.prototype.renderLabel=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){return[2,this.columnTitle]}))}))};e.prototype.renderReferrerCell=function(e){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){return[2,h$1("sqm-referral-table-date-cell",{date:e[this.dateShown]})]}))}))};e.prototype.render=function(){useRequestRerender([this.dateShown,this.columnTitle]);return h$1(Host,{style:{display:"none"}})};return e}();var ReferralTableRewardsCell=function(){function e(e){registerInstance(this,e);this.locale="en"}e.prototype.render=function(){var e=this;var t;intl.locale=this.locale;var r={"@keyframes slideRight":{from:{opacity:0},to:{opacity:1}},DetailsContainer:{width:"100%",display:"flex","align-items":"center","justify-content":"space-between","margin-right":"var(--sl-spacing-small)","flex-wrap":"wrap"},Details:{"padding-bottom":"var(--sl-spacing-small)","max-width":"500px","&::part(header)":{padding:"var(--sl-spacing-x-small)",cursor:""+(this.hideDetails?"default":"pointer")},"&::part(content)":{padding:"var(--sl-spacing-x-small) var(--sl-spacing-medium)"},"&::part(base)":{opacity:"1"},"&::part(summary-icon)":{display:""+(this.hideDetails?"none":"flex")},"&::part(summary-icon[open])":{transform:"rotate(-90deg)",background:"red"}},BadgeContainer:{"& > :not(:last-child)":{"margin-right":"var(--sl-spacing-x-small)"}},BoldText:{"font-weight":"var(--sl-font-weight-semibold)"},StatusBadge:{paddingLeft:"var(--sl-spacing-xxx-small)","&::part(base)":{textAlign:"center",maxWidth:"170px",whiteSpace:"pre-line"}},RedeemBadge:{paddingLeft:"var(--sl-spacing-xxx-small)","&::part(base)":{background:"var(--sl-color-blue-600)"}}};var a=createStyleSheet(r);var n=a.toString();var s=function(e){var t=["REDEEMED","CANCELLED","EXPIRED","PENDING","AVAILABLE"];if(e.length===1)return e[0];return t.find((function(t){return e.includes(t)&&t}))};var l=function(e){switch(e){case"REDEEMED":return"primary";case"EXPIRED":return"danger";case"CANCELLED":return"danger";case"PENDING":return"warning";case"AVAILABLE":return"success"}};var i=function(t){return luxon.DateTime.fromMillis(t).setLocale(luxonLocale(e.locale)).toRelative().replace("in","").trim()};return(t=this.rewards)===null||t===void 0?void 0:t.map((function(t){var r=s(t.statuses);var o=l(r);var u=intl.formatMessage({id:"statusShortMessage",defaultMessage:e.statusText},{status:r});var d=intl.formatMessage({id:"statusLongMessage",defaultMessage:e.statusLongText},{status:r});return h$1("sl-details",{class:a.classes.Details,disabled:e.hideDetails},h$1("style",{type:"text/css"},n),h$1("div",{slot:"summary",class:a.classes.DetailsContainer},h$1(TextSpanView,{type:"p"},h$1("span",{class:a.classes.BoldText},t.prettyValue)),h$1("div",{class:a.classes.BadgeContainer},r==="PENDING"&&t.dateScheduledFor?h$1("sl-badge",{class:o==="primary"?a.classes.RedeemBadge:a.classes.StatusBadge,type:o,pill:true},intl.formatMessage({id:"pendingForText",defaultMessage:e.pendingForText},{status:u,date:i(t.dateScheduledFor)})):h$1("sl-badge",{class:o==="primary"?a.classes.RedeemBadge:a.classes.StatusBadge,type:o,pill:true},u),t.dateExpires&&r==="AVAILABLE"&&h$1("sl-badge",{class:o==="primary"?a.classes.RedeemBadge:a.classes.StatusBadge,type:"info",pill:true},e.expiringText," "+i(t.dateExpires)))),h$1("div",null,t.dateGiven&&h$1("div",null,h$1(TextSpanView,{type:"p"},e.rewardReceivedText," ",h$1("span",{class:a.classes.BoldText},luxon.DateTime.fromMillis(t.dateGiven).setLocale(luxonLocale(e.locale)).toLocaleString(luxon.DateTime.DATE_MED)))),r==="EXPIRED"&&t.dateExpires&&h$1("div",null,h$1(TextSpanView,{type:"p"},d," ",h$1("span",{class:a.classes.BoldText},luxon.DateTime.fromMillis(t.dateExpires).setLocale(luxonLocale(e.locale)).toLocaleString(luxon.DateTime.DATE_MED)))),r==="CANCELLED"&&t.dateCancelled&&h$1("div",null,h$1(TextSpanView,{type:"p"},d," ",h$1("span",{class:a.classes.BoldText},luxon.DateTime.fromMillis(t.dateCancelled).setLocale(luxonLocale(e.locale)).toLocaleString(luxon.DateTime.DATE_MED)))),r==="PENDING"&&t.dateScheduledFor&&h$1("div",null,h$1(TextSpanView,{type:"p"},d," ",h$1("span",{class:a.classes.BoldText},luxon.DateTime.fromMillis(t.dateScheduledFor).setLocale(luxonLocale(e.locale)).toLocaleString(luxon.DateTime.DATE_MED))))," ",r==="AVAILABLE"&&t.dateExpires&&h$1("div",null,h$1(TextSpanView,{type:"p"},d," ",h$1("span",{class:a.classes.BoldText},luxon.DateTime.fromMillis(t.dateExpires).setLocale(luxonLocale(e.locale)).toLocaleString(luxon.DateTime.DATE_MED)))),t.fuelTankCode&&h$1("div",null,e.fuelTankText," ",h$1("span",{class:a.classes.BoldText},t.fuelTankCode))))}))};return e}();var ReferralTableRewardsColumn=function(){function e(e){registerInstance(this,e);this.columnTitle="Rewards";this.statusText="{status, select, AVAILABLE {Available} CANCELLED {Cancelled} PENDING {Pending} EXPIRED {Expired} REDEEMED {Redeemed} other {Not available} }";this.statusLongText="{status, select, AVAILABLE {Reward expiring on} CANCELLED {Reward cancelled on} PENDING {Available on} EXPIRED {Reward expired on} other {Not available} }";this.fuelTankText="Your code is";this.rewardReceivedText="Reward received on";this.expiringText="Expiring in";this.pendingForText="{status} for {date}";this.hideDetails=false;h(this)}e.prototype.disconnectedCallback=function(){};e.prototype.renderCell=function(e,t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(r){return[2,h$1("sqm-referral-table-rewards-cell",{rewards:e.rewards,statusText:this.statusText,statusLongText:this.statusLongText,fuelTankText:this.fuelTankText,rewardReceivedText:this.rewardReceivedText,expiringText:this.expiringText,pendingForText:this.pendingForText,hideDetails:this.hideDetails,locale:t})]}))}))};e.prototype.renderLabel=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){return[2,this.columnTitle]}))}))};e.prototype.renderReferrerCell=function(e){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){return[2,h$1("sqm-referral-table-rewards-cell",{rewards:e.rewards})]}))}))};e.prototype.render=function(){useRequestRerender([this.columnTitle,this.statusText,this.statusLongText,this.fuelTankText,this.rewardReceivedText,this.expiringText,this.pendingForText,this.hideDetails]);return h$1(Host,{style:{display:"none"}})};return e}();var style={Badge:{"&::part(base)":{fontSize:"var(--sl-font-size-small)",padding:"4px 8px",whiteSpace:"pre-line"}}};var sheet=createStyleSheet(style);var styleString=sheet.toString();var ReferralTableStatusCell=function(){function e(e){registerInstance(this,e)}e.prototype.render=function(){return h$1("div",null,h$1("style",{type:"text/css"},styleString),h$1("sl-badge",{pill:true,type:this.converted?"success":"warning",class:sheet.classes.Badge},this.statusText))};return e}();var ReferralTableStatusColumn=function(){function e(e){registerInstance(this,e);this.columnTitle="Status";this.convertedStatusText="Converted";this.inProgressStatusText="In Progress";h(this)}e.prototype.disconnectedCallback=function(){};e.prototype.renderCell=function(e){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(r){t=e.dateConverted?this.convertedStatusText:this.inProgressStatusText;return[2,h$1("sqm-referral-table-status-cell",{"status-text":t,converted:e.dateConverted?true:false})]}))}))};e.prototype.renderLabel=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){return[2,this.columnTitle]}))}))};e.prototype.renderReferrerCell=function(e){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(r){t=e.dateConverted?this.convertedStatusText:this.inProgressStatusText;return[2,h$1("sqm-referral-table-status-cell",{"status-text":t,converted:e.dateConverted?true:false})]}))}))};e.prototype.render=function(){useRequestRerender([this.columnTitle,this.convertedStatusText,this.inProgressStatusText]);return h$1(Host,{style:{display:"none"}})};return e}();var ReferralTableUserCell=function(){function e(e){registerInstance(this,e)}e.prototype.render=function(){return this.name};return e}();var ReferralTableUserColumn=function(){function e(e){registerInstance(this,e);this.columnTitle="Customer";this.anonymousUser="Anonymous User";this.deletedUser="Deleted User";h(this)}e.prototype.disconnectedCallback=function(){};e.prototype.renderCell=function(e){return __awaiter(this,void 0,void 0,(function(){var t,r,a,n,s,l,i,o,u;return __generator(this,(function(d){if(!(e===null||e===void 0?void 0:e.referredUser)&&!(e===null||e===void 0?void 0:e.referrerUser)){u=this.deletedUser}else if(!((t=e===null||e===void 0?void 0:e.referredUser)===null||t===void 0?void 0:t.firstName)&&!((r=e===null||e===void 0?void 0:e.referredUser)===null||r===void 0?void 0:r.lastName)&&!((a=e===null||e===void 0?void 0:e.referrerUser)===null||a===void 0?void 0:a.firstName)&&!((n=e===null||e===void 0?void 0:e.referrerUser)===null||n===void 0?void 0:n.lastName)){u=this.anonymousUser}else if(e===null||e===void 0?void 0:e.referrerUser){u=((s=e===null||e===void 0?void 0:e.referrerUser)===null||s===void 0?void 0:s.firstName)+" "+((l=e===null||e===void 0?void 0:e.referrerUser)===null||l===void 0?void 0:l.lastName)}else{u=((i=e===null||e===void 0?void 0:e.referredUser)===null||i===void 0?void 0:i.firstName)+" "+((o=e===null||e===void 0?void 0:e.referredUser)===null||o===void 0?void 0:o.lastName)}return[2,h$1("sqm-referral-table-user-cell",{name:u})]}))}))};e.prototype.renderLabel=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){return[2,this.columnTitle]}))}))};e.prototype.renderReferrerCell=function(e){return __awaiter(this,void 0,void 0,(function(){var t,r,a,n,s;return __generator(this,(function(l){if(!e){s=this.deletedUser}else if(!((t=e===null||e===void 0?void 0:e.referrerUser)===null||t===void 0?void 0:t.firstName)&&!((r=e.referrerUser)===null||r===void 0?void 0:r.lastName)){s=this.anonymousUser}else{s=((a=e===null||e===void 0?void 0:e.referrerUser)===null||a===void 0?void 0:a.firstName)+" "+((n=e===null||e===void 0?void 0:e.referrerUser)===null||n===void 0?void 0:n.lastName)}return[2,h$1("sqm-referral-table-user-cell",{name:s})]}))}))};e.prototype.render=function(){useRequestRerender([this.deletedUser,this.anonymousUser,this.columnTitle]);return h$1(Host,{style:{display:"none"}})};return e}();export{ReferralTable as sqm_referral_table,ReferralTableCell as sqm_referral_table_cell,ReferralTableGenericColumn as sqm_referral_table_column,ReferralTableDateCell as sqm_referral_table_date_cell,ReferralTableDateColumn as sqm_referral_table_date_column,ReferralTableRewardsCell as sqm_referral_table_rewards_cell,ReferralTableRewardsColumn as sqm_referral_table_rewards_column,ReferralTableStatusCell as sqm_referral_table_status_cell,ReferralTableStatusColumn as sqm_referral_table_status_column,ReferralTableUserCell as sqm_referral_table_user_cell,ReferralTableUserColumn as sqm_referral_table_user_column};
@@ -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,a=arguments.length;r<a;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,a){function n(e){return e instanceof r?e:new r((function(t){t(e)}))}return new(r||(r=Promise))((function(r,l){function s(e){try{o(a.next(e))}catch(e){l(e)}}function i(e){try{o(a["throw"](e))}catch(e){l(e)}}function o(e){e.done?r(e.value):n(e.value).then(s,i)}o((a=a.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var r={label:0,sent:function(){if(l[0]&1)throw l[1];return l[1]},trys:[],ops:[]},a,n,l,s;return s={next:i(0),throw:i(1),return:i(2)},typeof Symbol==="function"&&(s[Symbol.iterator]=function(){return this}),s;function i(e){return function(t){return o([e,t])}}function o(s){if(a)throw new TypeError("Generator is already executing.");while(r)try{if(a=1,n&&(l=s[0]&2?n["return"]:s[0]?n["throw"]||((l=n["return"])&&l.call(n),0):n.next)&&!(l=l.call(n,s[1])).done)return l;if(n=0,l)s=[s[0]&2,l.value];switch(s[0]){case 0:case 1:l=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(!(l=r.trys,l=l.length>0&&l[l.length-1])&&(s[0]===6||s[0]===2)){r=0;continue}if(s[0]===3&&(!l||s[1]>l[0]&&s[1]<l[3])){r.label=s[1];break}if(s[0]===6&&r.label<l[1]){r.label=l[1];l=s;break}if(l&&r.label<l[2]){r.label=l[2];r.ops.push(s);break}if(l[2])r.ops.pop();r.trys.pop();continue}s=t.call(e,r)}catch(e){s=[6,e];n=0}finally{a=l=0}if(s[0]&5)throw s[1];return{value:s[0]?s[1]:void 0,done:true}}};var __spreadArrays=this&&this.__spreadArrays||function(){for(var e=0,t=0,r=arguments.length;t<r;t++)e+=arguments[t].length;for(var a=Array(e),n=0,t=0;t<r;t++)for(var l=arguments[t],s=0,i=l.length;s<i;s++,n++)a[n]=l[s];return a};import{h,r as registerInstance,c as Host}from"./index-17b4da69.js";import{b as browser,u as useReducer,e as useEffect,m as h$1,i as useMemo}from"./stencil-hooks.module-acc8a613.js";import{i as intl}from"./global-15cdf41a.js";import"./use-callback-7e0bfd3b.js";import{d as dist,i as ie,M,A as An,a as mn,j as jn}from"./index.module-f5e17a4e.js";import"./extends-c31f1eff.js";import{c as cjs}from"./cjs-bdfb4486.js";import"./mixins-59fd94b7.js";import{c as createStyleSheet}from"./JSS-418cab16.js";import{G as GenericTableView}from"./GenericTableView-8dc8ae86.js";import{u as useRerenderListener,a as useRequestRerender}from"./re-render-8f0a7ab1.js";import{u as useChildElements}from"./useChildElements-3ffd7077.js";import{l as luxon}from"./luxon-f44215d9.js";import{g as generateUserError}from"./useReferralTable-d8a7e3be.js";import{l as luxonLocale}from"./utils-1d345130.js";var mockRewardData=function(e){if(e===void 0){e=4}var t=__spreadArrays(Array(e)).map((function(){return getMockData()}));return{data:t}};var units=["POINT","TICKET","GIFT"];var prettyValues=["Points","Tickets","Gifts"];var statuses=["AVAILABLE","PENDING","CANCELLED","EXPIRED","REDEEMED"];var pendingReasons=["US_TAX","SCHEDULED","UNHANDLED_ERROR"];var getMockData=function(){var e=false;var t=0;var r;var a;var n;var l;var s=luxon.DateTime.now();var i=Math.floor(Math.random()*3);var o=statuses[Math.floor(Math.random()*5)];var d=units[i];var u=prettyValues[i];var c=Math.floor(Math.random()*100)+2;if(o==="AVAILABLE"){t=Math.floor(Math.random()*c);l=Math.floor(Math.random()*10)<3?s.plus({days:7}).toMillis():null}else if(o==="EXPIRED"){e=true;t=Math.floor(Math.random()*c);l=s.minus({days:1}).toMillis()}else if(o==="PENDING"){var p=pendingReasons[Math.floor(Math.random()*3)];r=[p];if(p==="SCHEDULED"){a=s.plus({days:6}).toMillis()}}else if(o==="REDEEMED"){e=true}else{e=true;n=s.minus({days:2}).toMillis()}var h=Math.floor(Math.random()*3);return{id:"61f7878e096c9265de88b46f",type:"CREDIT",value:c,unit:d,name:null,dateGiven:s.minus({days:3}).toMillis(),dateExpires:l,dateCancelled:n,dateRedeemed:o==="REDEEMED"?s.plus({days:2}).toMillis():null,dateScheduledFor:a,fuelTankCode:null,fuelTankType:null,currency:null,prettyValue:c+" "+u,prettyValueNumber:""+c,prettyAvailableNumber:e?"0":""+(c-t),prettyRedeemedNumber:e&&!t?"0":""+t,programId:h===1?"program-id":null,program:{name:"My Program"},statuses:[o],pendingReasons:r,globalRewardKey:null,programRewardKey:null,rewardSource:h===1?"AUTOMATED":"MANUAL",prettyRedeemedCredit:t+" "+u,prettyAssignedCredit:c+" "+u,prettyAvailableValue:e?"0 "+u:c-t+" "+u,exchangedRewardRedemptionTransaction:h===2?{id:"61f7878e096c9265de88b414",creditRedeemed:50,prettyRedeemedCredit:"50 Tokens",unit:"TOKEN",dateRedeemed:1643612046258}:null,referral:null,rewardRedemptionTransactions:{data:[]}}};var debug=browser("sq:useRewardsTable");var CSS_NAMESPACE="sqm-rewards-table";var GET_REWARDS=dist.gql(templateObject_1||(templateObject_1=__makeTemplateObject(['\n query getRewards(\n $limit: Int!\n $offset: Int!\n $rewardFilter: RewardFilterInput\n $locale: RSLocale\n ) {\n viewer {\n ... on User {\n id\n rewards(\n limit: $limit\n offset: $offset\n filter: $rewardFilter\n sortBy: { field: "dateCreated", order: DESC }\n ) {\n totalCount\n count\n data {\n meta {\n message\n }\n id\n type\n value\n unit\n name\n dateGiven\n dateCreated\n dateExpires\n dateCancelled\n dateRedeemed\n dateScheduledFor\n fuelTankCode\n fuelTankType\n currency\n prettyValue(locale: $locale)\n prettyValueNumber: prettyValue(\n formatType: NUMBER_FORMATTED\n locale: $locale\n )\n prettyAvailableNumber: prettyAvailableValue(\n formatType: NUMBER_FORMATTED\n locale: $locale\n )\n prettyRedeemedNumber: prettyRedeemedCredit(\n formatType: NUMBER_FORMATTED\n locale: $locale\n )\n programId\n program {\n name\n }\n statuses\n pendingReasons\n globalRewardKey\n programRewardKey\n rewardSource\n prettyRedeemedCredit(locale: $locale)\n prettyAssignedCredit(locale: $locale)\n prettyAvailableValue(locale: $locale)\n exchangedRewardRedemptionTransaction {\n id\n creditRedeemed\n prettyRedeemedCredit(locale: $locale)\n unit\n dateRedeemed\n }\n referral {\n id\n referrerUser {\n id\n firstName\n lastName\n }\n referredUser {\n id\n firstName\n lastName\n }\n }\n rewardRedemptionTransactions {\n data {\n exchangedRewards {\n data {\n prettyValue(locale: $locale)\n type\n fuelTankCode\n globalRewardKey\n }\n }\n }\n }\n }\n }\n }\n }\n }\n'],['\n query getRewards(\n $limit: Int!\n $offset: Int!\n $rewardFilter: RewardFilterInput\n $locale: RSLocale\n ) {\n viewer {\n ... on User {\n id\n rewards(\n limit: $limit\n offset: $offset\n filter: $rewardFilter\n sortBy: { field: "dateCreated", order: DESC }\n ) {\n totalCount\n count\n data {\n meta {\n message\n }\n id\n type\n value\n unit\n name\n dateGiven\n dateCreated\n dateExpires\n dateCancelled\n dateRedeemed\n dateScheduledFor\n fuelTankCode\n fuelTankType\n currency\n prettyValue(locale: $locale)\n prettyValueNumber: prettyValue(\n formatType: NUMBER_FORMATTED\n locale: $locale\n )\n prettyAvailableNumber: prettyAvailableValue(\n formatType: NUMBER_FORMATTED\n locale: $locale\n )\n prettyRedeemedNumber: prettyRedeemedCredit(\n formatType: NUMBER_FORMATTED\n locale: $locale\n )\n programId\n program {\n name\n }\n statuses\n pendingReasons\n globalRewardKey\n programRewardKey\n rewardSource\n prettyRedeemedCredit(locale: $locale)\n prettyAssignedCredit(locale: $locale)\n prettyAvailableValue(locale: $locale)\n exchangedRewardRedemptionTransaction {\n id\n creditRedeemed\n prettyRedeemedCredit(locale: $locale)\n unit\n dateRedeemed\n }\n referral {\n id\n referrerUser {\n id\n firstName\n lastName\n }\n referredUser {\n id\n firstName\n lastName\n }\n }\n rewardRedemptionTransactions {\n data {\n exchangedRewards {\n data {\n prettyValue(locale: $locale)\n type\n fuelTankCode\n globalRewardKey\n }\n }\n }\n }\n }\n }\n }\n }\n }\n'])));function useRewardsTable(e,t,r){var a,n;var l=ie();var s=M();var i=An();var o=(a=e.programId)!==null&&a!==void 0?a:s;var d=__assign({userId_eq:l===null||l===void 0?void 0:l.id,accountId_eq:l===null||l===void 0?void 0:l.accountId},o?o==="classic"?{programId_exists:false}:{programId_eq:o}:{});var u=useReducer((function(e,t){return __assign(__assign({},e),t)}),{columns:[],rows:[],loading:false,page:0}),c=u[0],p=u[1];var h=mn(GET_REWARDS,(function(e){var t;return(t=e===null||e===void 0?void 0:e.viewer)===null||t===void 0?void 0:t.rewards}),{limit:e.perPage,offset:0},{rewardFilter:d,locale:i},!(l===null||l===void 0?void 0:l.jwt)),f=h.envelope,m=h.states,v=h.callbacks;var g=useRerenderListener();var w=useChildElements();var y=f===null||f===void 0?void 0:f.data;function b(e){return __awaiter(this,void 0,void 0,(function(){var t,r,a,n,l,s,o;var d=this;return __generator(this,(function(u){switch(u.label){case 0:t=e.filter((function(e){return e.slot!=="loading"&&e.slot!=="empty"}));r=t===null||t===void 0?void 0:t.map((function(e){return __awaiter(d,void 0,void 0,(function(){return __generator(this,(function(t){return[2,tryMethod(e,(function(){return e.renderLabel()}))]}))}))}));a=y===null||y===void 0?void 0:y.map((function(e){return __awaiter(d,void 0,void 0,(function(){var r,a;var n=this;return __generator(this,(function(l){switch(l.label){case 0:r=t===null||t===void 0?void 0:t.map((function(t){return __awaiter(n,void 0,void 0,(function(){return __generator(this,(function(r){return[2,tryMethod(t,(function(){return t.renderCell(e,i)}))]}))}))}));return[4,Promise.all(r)];case 1:a=l.sent();return[2,a]}}))}))}));l=a;if(!l)return[3,2];return[4,Promise.all(a)];case 1:l=u.sent().filter((function(e){return e}));u.label=2;case 2:n=l;p({rows:n});o=r;if(!o)return[3,4];return[4,Promise.all(r)];case 3:o=u.sent();u.label=4;case 4:s=o;p({columns:s,loading:false,page:m.currentPage});return[2]}}))}))}useEffect((function(){p({loading:true});f&&b(w)}),[f,w,g]);var T=!((n=c===null||c===void 0?void 0:c.rows)===null||n===void 0?void 0:n.length)&&!(y===null||y===void 0?void 0:y.length);var R=m.loading||c.loading?"loading":T?"empty":"rows";return{states:{hasNext:m.currentPage<m.pageCount-1,hasPrev:m.currentPage>0,show:R,namespace:CSS_NAMESPACE},data:{textOverrides:{showLabels:e.showLabels,prevLabel:e.prevLabel,moreLabel:e.moreLabel},hiddenColumns:e.hiddenColumns,smBreakpoint:e.smBreakpoint,mdBreakpoint:e.mdBreakpoint},elements:{columns:c.columns,rows:c.rows,emptyElement:t,loadingElement:r},callbacks:{nextPage:function(){v.setCurrentPage(m.currentPage+1)},prevPage:function(){v.setCurrentPage(m.currentPage-1)}}}}function tryMethod(e,t){return __awaiter(this,void 0,void 0,(function(){var r,a,n,l;return __generator(this,(function(s){switch(s.label){case 0:r=e.tagName.toLowerCase();return[4,customElements.whenDefined(r)];case 1:s.sent();try{a=t()}catch(e){debug("label promise failed",e);return[2,h("span",null)]}s.label=2;case 2:s.trys.push([2,4,,5]);return[4,a];case 3:return[2,s.sent()];case 4:n=s.sent();debug("Error rendering label",n);l=generateUserError(n);return[2,h("details",null,h("summary",null,"Error"),l)];case 5:return[2]}}))}))}var RewardsTable=function(){function e(e){registerInstance(this,e);this.perPage=4;this.showLabels=true;this.prevLabel="Prev";this.moreLabel="Next";this.hiddenColumns="0";this.smBreakpoint=599;this.mdBreakpoint=799;h$1(this)}e.prototype.disconnectedCallback=function(){};e.prototype.render=function(){var e=h(EmptySlot,null);var t=h(LoadingSlot,null);var r=jn()?useRewardsTableDemo(this,e,t):useRewardsTable(this,e,t),a=r.states,n=r.data,l=r.callbacks,s=r.elements;useRequestRerender([this.perPage]);return h(GenericTableView,{states:a,data:n,callbacks:l,elements:s})};return e}();function EmptySlot(){return h("slot",{name:"empty"},h("sqm-empty",{"empty-state-image":"https://res.cloudinary.com/saasquatch/image/upload/v1644360953/squatch-assets/empty_reward2.png","empty-state-header":"View your rewards","empty-state-text":"Refer friends and complete tasks to view the details of your rewards"}))}function LoadingSlot(){return h("slot",{name:"loading"},h(LoadingRow,null),h(LoadingRow,null),h(LoadingRow,null),h(LoadingRow,null))}function LoadingRow(){return h("sqm-table-row",null,h("sqm-table-cell",{colspan:5},h("sl-skeleton",null)))}function useRewardsTableDemo(e,t,r){var a=useReducer((function(e,t){return __assign(__assign({},e),t)}),{columns:[],rows:[],loading:false,page:0}),n=a[0],l=a[1];var s=useRerenderListener();var i=useMemo((function(){return mockRewardData(e.perPage)}),[e.perPage]).data;var o=useChildElements();function d(t){return __awaiter(this,void 0,void 0,(function(){var r,a,n,s,o,d,u,c;var p=this;return __generator(this,(function(h){switch(h.label){case 0:r=i;r=i.slice(0,e.perPage);a=t.filter((function(e){return e.slot!=="loading"&&e.slot!=="empty"}));n=a===null||a===void 0?void 0:a.map((function(e){return __awaiter(p,void 0,void 0,(function(){return __generator(this,(function(t){return[2,tryMethod(e,(function(){return e.renderLabel()}))]}))}))}));s=r===null||r===void 0?void 0:r.map((function(e){return __awaiter(p,void 0,void 0,(function(){var t,r;var n=this;return __generator(this,(function(l){switch(l.label){case 0:t=a===null||a===void 0?void 0:a.map((function(t){return __awaiter(n,void 0,void 0,(function(){return __generator(this,(function(r){return[2,tryMethod(t,(function(){return t.renderCell(e,undefined)}))]}))}))}));return[4,Promise.all(t)];case 1:r=l.sent();return[2,r]}}))}))}));d=s;if(!d)return[3,2];return[4,Promise.all(s)];case 1:d=h.sent().filter((function(e){return e}));h.label=2;case 2:o=d;l({rows:o});c=n;if(!c)return[3,4];return[4,Promise.all(n)];case 3:c=h.sent();h.label=4;case 4:u=c;l({columns:u,loading:false,page:0});return[2]}}))}))}useEffect((function(){l({loading:true});i&&d(o)}),[i,o,s]);var u=cjs({states:{hasPrev:false,hasNext:false,loading:false,show:"rows"},callbacks:{prevPage:function(){return console.log("Prev")},nextPage:function(){return console.log("Next")}},data:{textOverrides:{showLabels:e.showLabels,prevLabel:e.prevLabel,moreLabel:e.moreLabel},referralData:[],mdBreakpoint:799,smBreakpoint:599},elements:{columns:n.columns,rows:n.rows,emptyElement:t,loadingElement:r}},e.demoData||{},{arrayMerge:function(e,t){return t}});return u}var RewardTableDateCell=function(){function e(e){registerInstance(this,e);this.ignored=true;this.locale="en";h$1(this)}e.prototype.disconnectedCallback=function(){};e.prototype.render=function(){var e,t;var r=!this.date?"-":(t=(e=luxon.DateTime.fromMillis(this.date))===null||e===void 0?void 0:e.setLocale(luxonLocale(this.locale)))===null||t===void 0?void 0:t.toLocaleString(luxon.DateTime.DATE_MED);return r};return e}();var RewardTableDateColumn=function(){function e(e){registerInstance(this,e);this.columnTitle="Date received";this.dateShown="dateGiven";h$1(this)}e.prototype.disconnectedCallback=function(){};e.prototype.renderCell=function(e,t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(r){return[2,h("sqm-rewards-table-date-cell",{date:e[this.dateShown],locale:t})]}))}))};e.prototype.renderLabel=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){return[2,this.columnTitle]}))}))};e.prototype.render=function(){useRequestRerender([this.dateShown,this.columnTitle]);return h(Host,{style:{display:"none"}})};return e}();var style={DetailsContainer:{width:"100%",display:"flex","align-items":"center","justify-content":"space-between","margin-right":"var(--sl-spacing-small)","flex-wrap":"wrap"},Details:{"padding-bottom":"var(--sl-spacing-small)","max-width":"500px","padding-right":"var(--sl-spacing-x-small)","&::part(header)":{padding:"var(--sl-spacing-x-small)",cursor:"default"},"&::part(content)":{padding:"var(--sl-spacing-x-small) var(--sl-spacing-medium)"},"&::part(base)":{opacity:"1"},"&::part(summary-icon)":{display:"flex"}},BadgeContainer:{"& > :not(:last-child)":{"margin-right":"var(--sl-spacing-x-small)"}},BoldText:{"font-weight":"var(--sl-font-weight-semibold)"},StatusBadge:{paddingLeft:"var(--sl-spacing-xxx-small)","&::part(base)":{textAlign:"center",maxWidth:"170px",whiteSpace:"pre-line"}},Fueltank:{"& .code":{display:"flex",cursor:"pointer",userSelect:"none",color:"var(--sl-color-neutral-500)","&:hover":{color:"var(--sl-color-sky-500)"}},"& .text":{maxWidth:"90%",overflow:"hidden",textOverflow:"ellipsis",color:"inherit",fontSize:"var(--sl-font-size-small)",fontWeight:"var(--sl-font-weight-bold)"},"& .icon":{position:"relative",top:"1px",marginLeft:"var(--sl-spacing-x-small)",color:"inherit"}}};var sheet=createStyleSheet(style);var styleString=sheet.toString();var RewardTableRewardsCell=function(){function e(e){registerInstance(this,e)}e.prototype.render=function(){var e=this;intl.locale=this.locale;var t=function(t){var r=t.reward;var a;var n=r.unit==="CENTS"?r.prettyValue.replace(/USD/gi,"$"):(a=r.prettyValue)!==null&&a!==void 0?a:"-";var l=r.prettyValueNumber==="1"||r.dateRedeemed&&r.prettyAvailableNumber==="0";if(r.type==="FUELTANK"){return h("div",{class:sheet.classes.Fueltank},r.prettyValue,r.fuelTankCode&&h("div",{class:"code",onClick:function(){return navigator.clipboard.writeText(r.fuelTankCode)}},h("sl-tooltip",{trigger:"click",placement:"top",distance:5,skidding:11,content:e.copyText,"onSl-show":function(e){return setTimeout((function(){return e.path[0].hide()}),1e3)}},h("span",{class:"text"},r.fuelTankCode),h("span",{class:"icon"},h("sl-icon",{name:"files"})))))}if(r.type==="CREDIT"&&!l){var s=parseFloat(r.prettyValueNumber)-parseFloat(r.prettyRedeemedNumber);var i=Math.round(s/parseFloat(r.prettyValueNumber)*100);var o=r.statuses.includes("EXPIRED")||r.statuses.includes("CANCELLED")?h("div",null,intl.formatMessage({id:"redeemedText",defaultMessage:e.redeemedText},{redeemedAmount:r.prettyRedeemedCredit})):h("div",null,intl.formatMessage({id:"availableText",defaultMessage:e.availableText},{availableAmount:r.statuses.includes("PENDING")?r.prettyAssignedCredit:r.prettyAvailableValue}));var d={Progress:{height:"3px",width:"100%",margin:"var(--sl-spacing-xx-small) 0",background:"var(--sl-color-neutral-200)","&:after":{content:'""',display:"block",background:"var(--sl-color-primary-300)",borderRadius:"100px",width:i+"%",height:"100%"}},Container:{display:"inline-block",verticalAlign:"top",width:"150px",whiteSpace:"break",overflow:"hidden",textOverflow:"ellipsis"},Text:{fontSize:"var(--sl-font-size-medium)",color:"var(--sl-color-gray-800)"},Subtext:{fontSize:"var(--sl-font-size-small)",color:"var(--sl-color-neutral-500)"}};var u=createStyleSheet(d);var c=u.toString();return h("div",null,h("style",{type:"text/css"},c),h("div",{class:u.classes.Container},h("span",null,n+" "),h("br",null)," ",h("div",{class:u.classes.Progress}),h("span",{class:u.classes.Subtext},o)))}return h("div",null,n)};return h("div",{style:{display:"contents"}},h("style",{type:"text/css"},styleString),h(t,{reward:this.reward}))};return e}();var RewardsTableColumn=function(){function e(e){registerInstance(this,e);this.columnTitle="Reward";this.redeemedText="{redeemedAmount} redeemed";this.availableText="{availableAmount} remaining";this.copyText="Copied!";h$1(this)}e.prototype.disconnectedCallback=function(){};e.prototype.renderCell=function(e,t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(r){return[2,h("sqm-rewards-table-reward-cell",{reward:e,redeemedText:this.redeemedText,availableText:this.availableText,copyText:this.copyText,locale:t})]}))}))};e.prototype.renderLabel=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){return[2,this.columnTitle]}))}))};e.prototype.render=function(){useRequestRerender([this.columnTitle,this.redeemedText,this.availableText,this.copyText]);return h(Host,{style:{display:"none"}})};return e}();var RewardTableSourceCell=function(){function e(e){registerInstance(this,e);this.locale="en"}e.prototype.render=function(){var e=this;intl.locale=this.locale;var t=function(t){var r=t.reward;var a;return h("span",null,intl.formatMessage({id:"rewardSourceText",defaultMessage:e.rewardSourceText},{rewardSource:r.rewardSource,programName:(a=r===null||r===void 0?void 0:r.program)===null||a===void 0?void 0:a.name}))};var r=21;var a=function(t){var a=t.reward;var n;var l=h("div",null,h("span",{style:{fontSize:"var(--sl-font-size-small)",color:"var(--sl-color-neutral-500)"}},e.rewardExchangeText),h("br",null),(n=a.exchangedRewardRedemptionTransaction)===null||n===void 0?void 0:n.prettyRedeemedCredit," → ",a.prettyValue);return a.exchangedRewardRedemptionTransaction.prettyRedeemedCredit.length+a.prettyValue.length<r?l:h("div",{style:{display:"inline-block",verticalAlign:"top"}},l)};var n=function(t){if(!t)return e.deletedUserText;if(!t.firstName&&!t.lastName)return e.anonymousUserText;if(!t.firstName)return""+t.lastName;if(!t.lastName)return""+t.firstName;return t.firstName+" "+t.lastName};var l=function(){return e.reward.rewardSource==="FRIEND_SIGNUP"||e.reward.rewardSource==="REFERRED"?h("div",null,h("div",{style:{fontSize:"var(--sl-font-size-small)",color:"var(--sl-color-neutral-500)"}},intl.formatMessage({id:"referralText",defaultMessage:e.referralText},{rewardSource:e.reward.rewardSource})),h("div",null,e.reward.rewardSource=="FRIEND_SIGNUP"?n(e.reward.referral.referredUser):n(e.reward.referral.referrerUser))):e.reward.exchangedRewardRedemptionTransaction?h(a,{reward:e.reward}):h(t,{reward:e.reward})};return h(l,null)};return e}();var RewardTableUserColumn=function(){function e(e){registerInstance(this,e);this.columnTitle="Source";this.anonymousUser="Anonymous User";this.deletedUser="Deleted User";this.rewardExchangeText="Reward Exchange";this.referralText="{rewardSource, select, FRIEND_SIGNUP {Referral to} REFERRED {Referred by} other {}}";this.rewardSourceText="{rewardSource, select, MANUAL {Manual} AUTOMATED {{programName}} other {}}";h$1(this)}e.prototype.disconnectedCallback=function(){};e.prototype.renderCell=function(e,t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(r){return[2,h("sqm-rewards-table-source-cell",{reward:e,anonymousUserText:this.anonymousUser,deletedUserText:this.deletedUser,rewardExchangeText:this.rewardExchangeText,referralText:this.referralText,rewardSourceText:this.rewardSourceText,locale:t})]}))}))};e.prototype.renderLabel=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){return[2,this.columnTitle]}))}))};e.prototype.render=function(){useRequestRerender([this.deletedUser,this.anonymousUser,this.columnTitle,this.rewardExchangeText,this.referralText,this.rewardSourceText]);return h(Host,{style:{display:"none"}})};return e}();var style$1={Badge:{"&::part(base)":{fontSize:"var(--sl-font-size-small)",padding:"4px 8px",paddingLeft:"10px",whiteSpace:"pre-line"}},RedeemBadge:{"&::part(base)":{fontSize:"var(--sl-font-size-small)",padding:"4px 8px",background:"var(--sl-color-blue-600)"}},Date:{fontSize:"var(--sl-font-size-small)",color:"var(--sl-color-neutral-500)",margin:"0"}};var sheet$1=createStyleSheet(style$1);var styleString$1=sheet$1.toString();var RewardTableStatusCell=function(){function e(e){registerInstance(this,e);this.expiryText="Expires";this.locale="en";this.pendingUsTax="W-9 required";this.pendingScheduled="Until";this.pendingUnhandled="Fulfillment error"}e.prototype.rewardStatus=function(e){if(e.dateCancelled)return"CANCELLED";if(e.statuses&&e.statuses.includes("EXPIRED"))return"EXPIRED";if(e.statuses&&e.statuses.includes("PENDING"))return"PENDING";if(e.type==="CREDIT"){if(e.statuses.includes("REDEEMED"))return"REDEEMED";return"AVAILABLE"}if(e.type==="PCT_DISCOUNT"){if(e.statuses.includes("AVAILABLE"))return"AVAILABLE"}if(e.type==="INTEGRATION"||e.type==="FUELTANK"){if(e.statuses&&e.statuses.includes("PENDING"))return"PENDING";if(e.statuses&&e.statuses.includes("CANCELLED"))return"CANCELLED";if(e.statuses.includes("AVAILABLE"))return"AVAILABLE"}return""};e.prototype.render=function(){var e;intl.locale=this.locale;var t=this.rewardStatus(this.reward);var r=intl.formatMessage({id:"statusMessage",defaultMessage:this.statusText},{status:t});var a=t==="AVAILABLE"?"success":t==="REDEEMED"?"primary":t==="PENDING"?"warning":"danger";var n=this.reward.dateCancelled||this.reward.dateExpires||this.reward.dateRedeemed||"";var l=n&&""+(t==="AVAILABLE"&&this.reward.dateExpires?this.expiryText+" ":"")+((e=luxon.DateTime.fromMillis(n))===null||e===void 0?void 0:e.setLocale(luxonLocale(luxonLocale(this.locale))).toLocaleString(luxon.DateTime.DATE_MED));var s=t==="PENDING"?i(this):null;return h("div",{style:{display:"contents"}},h("style",{type:"text/css"},styleString$1),h("sl-badge",{type:a,pill:true,class:t==="REDEEMED"?sheet$1.classes.RedeemBadge:sheet$1.classes.Badge},r),h("p",{class:sheet$1.classes.Date},s||l));function i(e){var t;var r={US_TAX:e.pendingUsTax,SCHEDULED:e.reward.dateScheduledFor&&e.pendingScheduled+" "+((t=luxon.DateTime.fromMillis(e.reward.dateScheduledFor))===null||t===void 0?void 0:t.setLocale(luxonLocale(luxonLocale(e.locale||"en"))).toLocaleString(luxon.DateTime.DATE_MED)),UNHANDLED_ERROR:e.pendingUnhandled};return[e.reward.pendingReasons].map((function(e){var t;return(t=r[e])!==null&&t!==void 0?t:e})).join(", ")}};return e}();var RewardTableStatusColumn=function(){function e(e){registerInstance(this,e);this.columnTitle="Status";this.statusText="{status, select, AVAILABLE {Available} CANCELLED {Cancelled} PENDING {Pending} EXPIRED {Expired} REDEEMED {Redeemed} other {Not available} }";this.expiryText="Expires on ";this.pendingUsTax="W-9 required";this.pendingScheduled="Until";this.pendingUnhandled="Fulfillment error";h$1(this)}e.prototype.disconnectedCallback=function(){};e.prototype.renderCell=function(e,t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(r){return[2,h("sqm-rewards-table-status-cell",{statusText:this.statusText,reward:e,expiryText:this.expiryText,pendingScheduled:this.pendingScheduled,pendingUsTax:this.pendingUsTax,pendingUnhandled:this.pendingUnhandled,locale:t})]}))}))};e.prototype.renderLabel=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){return[2,this.columnTitle]}))}))};e.prototype.render=function(){useRequestRerender([this.columnTitle,this.statusText,this.expiryText,this.pendingScheduled,this.pendingUsTax,this.pendingUnhandled]);return h(Host,{style:{display:"none"}})};return e}();export{RewardsTable as sqm_rewards_table,RewardTableDateCell as sqm_rewards_table_date_cell,RewardTableDateColumn as sqm_rewards_table_date_column,RewardTableRewardsCell as sqm_rewards_table_reward_cell,RewardsTableColumn as sqm_rewards_table_reward_column,RewardTableSourceCell as sqm_rewards_table_source_cell,RewardTableUserColumn as sqm_rewards_table_source_column,RewardTableStatusCell as sqm_rewards_table_status_cell,RewardTableStatusColumn as sqm_rewards_table_status_column};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,a=arguments.length;r<a;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,a){function n(e){return e instanceof r?e:new r((function(t){t(e)}))}return new(r||(r=Promise))((function(r,l){function s(e){try{o(a.next(e))}catch(e){l(e)}}function i(e){try{o(a["throw"](e))}catch(e){l(e)}}function o(e){e.done?r(e.value):n(e.value).then(s,i)}o((a=a.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var r={label:0,sent:function(){if(l[0]&1)throw l[1];return l[1]},trys:[],ops:[]},a,n,l,s;return s={next:i(0),throw:i(1),return:i(2)},typeof Symbol==="function"&&(s[Symbol.iterator]=function(){return this}),s;function i(e){return function(t){return o([e,t])}}function o(s){if(a)throw new TypeError("Generator is already executing.");while(r)try{if(a=1,n&&(l=s[0]&2?n["return"]:s[0]?n["throw"]||((l=n["return"])&&l.call(n),0):n.next)&&!(l=l.call(n,s[1])).done)return l;if(n=0,l)s=[s[0]&2,l.value];switch(s[0]){case 0:case 1:l=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(!(l=r.trys,l=l.length>0&&l[l.length-1])&&(s[0]===6||s[0]===2)){r=0;continue}if(s[0]===3&&(!l||s[1]>l[0]&&s[1]<l[3])){r.label=s[1];break}if(s[0]===6&&r.label<l[1]){r.label=l[1];l=s;break}if(l&&r.label<l[2]){r.label=l[2];r.ops.push(s);break}if(l[2])r.ops.pop();r.trys.pop();continue}s=t.call(e,r)}catch(e){s=[6,e];n=0}finally{a=l=0}if(s[0]&5)throw s[1];return{value:s[0]?s[1]:void 0,done:true}}};var __spreadArrays=this&&this.__spreadArrays||function(){for(var e=0,t=0,r=arguments.length;t<r;t++)e+=arguments[t].length;for(var a=Array(e),n=0,t=0;t<r;t++)for(var l=arguments[t],s=0,i=l.length;s<i;s++,n++)a[n]=l[s];return a};import{h,r as registerInstance,c as Host}from"./index-17b4da69.js";import{b as browser,u as useReducer,e as useEffect,m as h$1,i as useMemo}from"./stencil-hooks.module-acc8a613.js";import{i as intl}from"./global-15cdf41a.js";import"./use-callback-7e0bfd3b.js";import{d as dist,i as ie,M,A as An,a as mn,j as jn}from"./index.module-f5e17a4e.js";import"./extends-c31f1eff.js";import{c as cjs}from"./cjs-bdfb4486.js";import"./mixins-59fd94b7.js";import{c as createStyleSheet}from"./JSS-418cab16.js";import{G as GenericTableView}from"./GenericTableView-8dc8ae86.js";import{u as useRerenderListener,a as useRequestRerender}from"./re-render-8f0a7ab1.js";import{u as useChildElements}from"./useChildElements-3ffd7077.js";import{l as luxon}from"./luxon-f44215d9.js";import{g as generateUserError}from"./useReferralTable-d8a7e3be.js";import{l as luxonLocale}from"./utils-d7bbb0e2.js";var mockRewardData=function(e){if(e===void 0){e=4}var t=__spreadArrays(Array(e)).map((function(){return getMockData()}));return{data:t}};var units=["POINT","TICKET","GIFT"];var prettyValues=["Points","Tickets","Gifts"];var statuses=["AVAILABLE","PENDING","CANCELLED","EXPIRED","REDEEMED"];var pendingReasons=["US_TAX","SCHEDULED","UNHANDLED_ERROR"];var getMockData=function(){var e=false;var t=0;var r;var a;var n;var l;var s=luxon.DateTime.now();var i=Math.floor(Math.random()*3);var o=statuses[Math.floor(Math.random()*5)];var d=units[i];var u=prettyValues[i];var c=Math.floor(Math.random()*100)+2;if(o==="AVAILABLE"){t=Math.floor(Math.random()*c);l=Math.floor(Math.random()*10)<3?s.plus({days:7}).toMillis():null}else if(o==="EXPIRED"){e=true;t=Math.floor(Math.random()*c);l=s.minus({days:1}).toMillis()}else if(o==="PENDING"){var p=pendingReasons[Math.floor(Math.random()*3)];r=[p];if(p==="SCHEDULED"){a=s.plus({days:6}).toMillis()}}else if(o==="REDEEMED"){e=true}else{e=true;n=s.minus({days:2}).toMillis()}var h=Math.floor(Math.random()*3);return{id:"61f7878e096c9265de88b46f",type:"CREDIT",value:c,unit:d,name:null,dateGiven:s.minus({days:3}).toMillis(),dateExpires:l,dateCancelled:n,dateRedeemed:o==="REDEEMED"?s.plus({days:2}).toMillis():null,dateScheduledFor:a,fuelTankCode:null,fuelTankType:null,currency:null,prettyValue:c+" "+u,prettyValueNumber:""+c,prettyAvailableNumber:e?"0":""+(c-t),prettyRedeemedNumber:e&&!t?"0":""+t,programId:h===1?"program-id":null,program:{name:"My Program"},statuses:[o],pendingReasons:r,globalRewardKey:null,programRewardKey:null,rewardSource:h===1?"AUTOMATED":"MANUAL",prettyRedeemedCredit:t+" "+u,prettyAssignedCredit:c+" "+u,prettyAvailableValue:e?"0 "+u:c-t+" "+u,exchangedRewardRedemptionTransaction:h===2?{id:"61f7878e096c9265de88b414",creditRedeemed:50,prettyRedeemedCredit:"50 Tokens",unit:"TOKEN",dateRedeemed:1643612046258}:null,referral:null,rewardRedemptionTransactions:{data:[]}}};var debug=browser("sq:useRewardsTable");var CSS_NAMESPACE="sqm-rewards-table";var GET_REWARDS=dist.gql(templateObject_1||(templateObject_1=__makeTemplateObject(['\n query getRewards(\n $limit: Int!\n $offset: Int!\n $rewardFilter: RewardFilterInput\n $locale: RSLocale\n ) {\n viewer {\n ... on User {\n id\n rewards(\n limit: $limit\n offset: $offset\n filter: $rewardFilter\n sortBy: { field: "dateCreated", order: DESC }\n ) {\n totalCount\n count\n data {\n meta {\n message\n }\n id\n type\n value\n unit\n name\n dateGiven\n dateCreated\n dateExpires\n dateCancelled\n dateRedeemed\n dateScheduledFor\n fuelTankCode\n fuelTankType\n currency\n prettyValue(locale: $locale)\n prettyValueNumber: prettyValue(\n formatType: NUMBER_FORMATTED\n locale: $locale\n )\n prettyAvailableNumber: prettyAvailableValue(\n formatType: NUMBER_FORMATTED\n locale: $locale\n )\n prettyRedeemedNumber: prettyRedeemedCredit(\n formatType: NUMBER_FORMATTED\n locale: $locale\n )\n programId\n program {\n name\n }\n statuses\n pendingReasons\n globalRewardKey\n programRewardKey\n rewardSource\n prettyRedeemedCredit(locale: $locale)\n prettyAssignedCredit(locale: $locale)\n prettyAvailableValue(locale: $locale)\n exchangedRewardRedemptionTransaction {\n id\n creditRedeemed\n prettyRedeemedCredit(locale: $locale)\n unit\n dateRedeemed\n }\n referral {\n id\n referrerUser {\n id\n firstName\n lastName\n }\n referredUser {\n id\n firstName\n lastName\n }\n }\n rewardRedemptionTransactions {\n data {\n exchangedRewards {\n data {\n prettyValue(locale: $locale)\n type\n fuelTankCode\n globalRewardKey\n }\n }\n }\n }\n }\n }\n }\n }\n }\n'],['\n query getRewards(\n $limit: Int!\n $offset: Int!\n $rewardFilter: RewardFilterInput\n $locale: RSLocale\n ) {\n viewer {\n ... on User {\n id\n rewards(\n limit: $limit\n offset: $offset\n filter: $rewardFilter\n sortBy: { field: "dateCreated", order: DESC }\n ) {\n totalCount\n count\n data {\n meta {\n message\n }\n id\n type\n value\n unit\n name\n dateGiven\n dateCreated\n dateExpires\n dateCancelled\n dateRedeemed\n dateScheduledFor\n fuelTankCode\n fuelTankType\n currency\n prettyValue(locale: $locale)\n prettyValueNumber: prettyValue(\n formatType: NUMBER_FORMATTED\n locale: $locale\n )\n prettyAvailableNumber: prettyAvailableValue(\n formatType: NUMBER_FORMATTED\n locale: $locale\n )\n prettyRedeemedNumber: prettyRedeemedCredit(\n formatType: NUMBER_FORMATTED\n locale: $locale\n )\n programId\n program {\n name\n }\n statuses\n pendingReasons\n globalRewardKey\n programRewardKey\n rewardSource\n prettyRedeemedCredit(locale: $locale)\n prettyAssignedCredit(locale: $locale)\n prettyAvailableValue(locale: $locale)\n exchangedRewardRedemptionTransaction {\n id\n creditRedeemed\n prettyRedeemedCredit(locale: $locale)\n unit\n dateRedeemed\n }\n referral {\n id\n referrerUser {\n id\n firstName\n lastName\n }\n referredUser {\n id\n firstName\n lastName\n }\n }\n rewardRedemptionTransactions {\n data {\n exchangedRewards {\n data {\n prettyValue(locale: $locale)\n type\n fuelTankCode\n globalRewardKey\n }\n }\n }\n }\n }\n }\n }\n }\n }\n'])));function useRewardsTable(e,t,r){var a,n;var l=ie();var s=M();var i=An();var o=(a=e.programId)!==null&&a!==void 0?a:s;var d=__assign({userId_eq:l===null||l===void 0?void 0:l.id,accountId_eq:l===null||l===void 0?void 0:l.accountId},o?o==="classic"?{programId_exists:false}:{programId_eq:o}:{});var u=useReducer((function(e,t){return __assign(__assign({},e),t)}),{columns:[],rows:[],loading:false,page:0}),c=u[0],p=u[1];var h=mn(GET_REWARDS,(function(e){var t;return(t=e===null||e===void 0?void 0:e.viewer)===null||t===void 0?void 0:t.rewards}),{limit:e.perPage,offset:0},{rewardFilter:d,locale:i},!(l===null||l===void 0?void 0:l.jwt)),f=h.envelope,m=h.states,v=h.callbacks;var g=useRerenderListener();var w=useChildElements();var y=f===null||f===void 0?void 0:f.data;function b(e){return __awaiter(this,void 0,void 0,(function(){var t,r,a,n,l,s,o;var d=this;return __generator(this,(function(u){switch(u.label){case 0:t=e.filter((function(e){return e.slot!=="loading"&&e.slot!=="empty"}));r=t===null||t===void 0?void 0:t.map((function(e){return __awaiter(d,void 0,void 0,(function(){return __generator(this,(function(t){return[2,tryMethod(e,(function(){return e.renderLabel()}))]}))}))}));a=y===null||y===void 0?void 0:y.map((function(e){return __awaiter(d,void 0,void 0,(function(){var r,a;var n=this;return __generator(this,(function(l){switch(l.label){case 0:r=t===null||t===void 0?void 0:t.map((function(t){return __awaiter(n,void 0,void 0,(function(){return __generator(this,(function(r){return[2,tryMethod(t,(function(){return t.renderCell(e,i)}))]}))}))}));return[4,Promise.all(r)];case 1:a=l.sent();return[2,a]}}))}))}));l=a;if(!l)return[3,2];return[4,Promise.all(a)];case 1:l=u.sent().filter((function(e){return e}));u.label=2;case 2:n=l;p({rows:n});o=r;if(!o)return[3,4];return[4,Promise.all(r)];case 3:o=u.sent();u.label=4;case 4:s=o;p({columns:s,loading:false,page:m.currentPage});return[2]}}))}))}useEffect((function(){p({loading:true});f&&b(w)}),[f,w,g]);var T=!((n=c===null||c===void 0?void 0:c.rows)===null||n===void 0?void 0:n.length)&&!(y===null||y===void 0?void 0:y.length);var R=m.loading||c.loading?"loading":T?"empty":"rows";return{states:{hasNext:m.currentPage<m.pageCount-1,hasPrev:m.currentPage>0,show:R,namespace:CSS_NAMESPACE},data:{textOverrides:{showLabels:e.showLabels,prevLabel:e.prevLabel,moreLabel:e.moreLabel},hiddenColumns:e.hiddenColumns,smBreakpoint:e.smBreakpoint,mdBreakpoint:e.mdBreakpoint},elements:{columns:c.columns,rows:c.rows,emptyElement:t,loadingElement:r},callbacks:{nextPage:function(){v.setCurrentPage(m.currentPage+1)},prevPage:function(){v.setCurrentPage(m.currentPage-1)}}}}function tryMethod(e,t){return __awaiter(this,void 0,void 0,(function(){var r,a,n,l;return __generator(this,(function(s){switch(s.label){case 0:r=e.tagName.toLowerCase();return[4,customElements.whenDefined(r)];case 1:s.sent();try{a=t()}catch(e){debug("label promise failed",e);return[2,h("span",null)]}s.label=2;case 2:s.trys.push([2,4,,5]);return[4,a];case 3:return[2,s.sent()];case 4:n=s.sent();debug("Error rendering label",n);l=generateUserError(n);return[2,h("details",null,h("summary",null,"Error"),l)];case 5:return[2]}}))}))}var RewardsTable=function(){function e(e){registerInstance(this,e);this.perPage=4;this.showLabels=true;this.prevLabel="Prev";this.moreLabel="Next";this.hiddenColumns="0";this.smBreakpoint=599;this.mdBreakpoint=799;h$1(this)}e.prototype.disconnectedCallback=function(){};e.prototype.render=function(){var e=h(EmptySlot,null);var t=h(LoadingSlot,null);var r=jn()?useRewardsTableDemo(this,e,t):useRewardsTable(this,e,t),a=r.states,n=r.data,l=r.callbacks,s=r.elements;useRequestRerender([this.perPage]);return h(GenericTableView,{states:a,data:n,callbacks:l,elements:s})};return e}();function EmptySlot(){return h("slot",{name:"empty"},h("sqm-empty",{"empty-state-image":"https://res.cloudinary.com/saasquatch/image/upload/v1644360953/squatch-assets/empty_reward2.png","empty-state-header":"View your rewards","empty-state-text":"Refer friends and complete tasks to view the details of your rewards"}))}function LoadingSlot(){return h("slot",{name:"loading"},h(LoadingRow,null),h(LoadingRow,null),h(LoadingRow,null),h(LoadingRow,null))}function LoadingRow(){return h("sqm-table-row",null,h("sqm-table-cell",{colspan:5},h("sl-skeleton",null)))}function useRewardsTableDemo(e,t,r){var a=useReducer((function(e,t){return __assign(__assign({},e),t)}),{columns:[],rows:[],loading:false,page:0}),n=a[0],l=a[1];var s=useRerenderListener();var i=useMemo((function(){return mockRewardData(e.perPage)}),[e.perPage]).data;var o=useChildElements();function d(t){return __awaiter(this,void 0,void 0,(function(){var r,a,n,s,o,d,u,c;var p=this;return __generator(this,(function(h){switch(h.label){case 0:r=i;r=i.slice(0,e.perPage);a=t.filter((function(e){return e.slot!=="loading"&&e.slot!=="empty"}));n=a===null||a===void 0?void 0:a.map((function(e){return __awaiter(p,void 0,void 0,(function(){return __generator(this,(function(t){return[2,tryMethod(e,(function(){return e.renderLabel()}))]}))}))}));s=r===null||r===void 0?void 0:r.map((function(e){return __awaiter(p,void 0,void 0,(function(){var t,r;var n=this;return __generator(this,(function(l){switch(l.label){case 0:t=a===null||a===void 0?void 0:a.map((function(t){return __awaiter(n,void 0,void 0,(function(){return __generator(this,(function(r){return[2,tryMethod(t,(function(){return t.renderCell(e,undefined)}))]}))}))}));return[4,Promise.all(t)];case 1:r=l.sent();return[2,r]}}))}))}));d=s;if(!d)return[3,2];return[4,Promise.all(s)];case 1:d=h.sent().filter((function(e){return e}));h.label=2;case 2:o=d;l({rows:o});c=n;if(!c)return[3,4];return[4,Promise.all(n)];case 3:c=h.sent();h.label=4;case 4:u=c;l({columns:u,loading:false,page:0});return[2]}}))}))}useEffect((function(){l({loading:true});i&&d(o)}),[i,o,s]);var u=cjs({states:{hasPrev:false,hasNext:false,loading:false,show:"rows"},callbacks:{prevPage:function(){return console.log("Prev")},nextPage:function(){return console.log("Next")}},data:{textOverrides:{showLabels:e.showLabels,prevLabel:e.prevLabel,moreLabel:e.moreLabel},referralData:[],mdBreakpoint:799,smBreakpoint:599},elements:{columns:n.columns,rows:n.rows,emptyElement:t,loadingElement:r}},e.demoData||{},{arrayMerge:function(e,t){return t}});return u}var RewardTableDateCell=function(){function e(e){registerInstance(this,e);this.ignored=true;this.locale="en";h$1(this)}e.prototype.disconnectedCallback=function(){};e.prototype.render=function(){var e,t;var r=!this.date?"-":(t=(e=luxon.DateTime.fromMillis(this.date))===null||e===void 0?void 0:e.setLocale(luxonLocale(this.locale)))===null||t===void 0?void 0:t.toLocaleString(luxon.DateTime.DATE_MED);return r};return e}();var RewardTableDateColumn=function(){function e(e){registerInstance(this,e);this.columnTitle="Date received";this.dateShown="dateGiven";h$1(this)}e.prototype.disconnectedCallback=function(){};e.prototype.renderCell=function(e,t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(r){return[2,h("sqm-rewards-table-date-cell",{date:e[this.dateShown],locale:t})]}))}))};e.prototype.renderLabel=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){return[2,this.columnTitle]}))}))};e.prototype.render=function(){useRequestRerender([this.dateShown,this.columnTitle]);return h(Host,{style:{display:"none"}})};return e}();var style={DetailsContainer:{width:"100%",display:"flex","align-items":"center","justify-content":"space-between","margin-right":"var(--sl-spacing-small)","flex-wrap":"wrap"},Details:{"padding-bottom":"var(--sl-spacing-small)","max-width":"500px","padding-right":"var(--sl-spacing-x-small)","&::part(header)":{padding:"var(--sl-spacing-x-small)",cursor:"default"},"&::part(content)":{padding:"var(--sl-spacing-x-small) var(--sl-spacing-medium)"},"&::part(base)":{opacity:"1"},"&::part(summary-icon)":{display:"flex"}},BadgeContainer:{"& > :not(:last-child)":{"margin-right":"var(--sl-spacing-x-small)"}},BoldText:{"font-weight":"var(--sl-font-weight-semibold)"},StatusBadge:{paddingLeft:"var(--sl-spacing-xxx-small)","&::part(base)":{textAlign:"center",maxWidth:"170px",whiteSpace:"pre-line"}},Fueltank:{"& .code":{display:"flex",cursor:"pointer",userSelect:"none",color:"var(--sl-color-neutral-500)","&:hover":{color:"var(--sl-color-sky-500)"}},"& .text":{maxWidth:"90%",overflow:"hidden",textOverflow:"ellipsis",color:"inherit",fontSize:"var(--sl-font-size-small)",fontWeight:"var(--sl-font-weight-bold)"},"& .icon":{position:"relative",top:"1px",marginLeft:"var(--sl-spacing-x-small)",color:"inherit"}}};var sheet=createStyleSheet(style);var styleString=sheet.toString();var RewardTableRewardsCell=function(){function e(e){registerInstance(this,e)}e.prototype.render=function(){var e=this;intl.locale=this.locale;var t=function(t){var r=t.reward;var a;var n=r.unit==="CENTS"?r.prettyValue.replace(/USD/gi,"$"):(a=r.prettyValue)!==null&&a!==void 0?a:"-";var l=r.prettyValueNumber==="1"||r.dateRedeemed&&r.prettyAvailableNumber==="0";if(r.type==="FUELTANK"){return h("div",{class:sheet.classes.Fueltank},r.prettyValue,r.fuelTankCode&&h("div",{class:"code",onClick:function(){return navigator.clipboard.writeText(r.fuelTankCode)}},h("sl-tooltip",{trigger:"click",placement:"top",distance:5,skidding:11,content:e.copyText,"onSl-show":function(e){return setTimeout((function(){return e.path[0].hide()}),1e3)}},h("span",{class:"text"},r.fuelTankCode),h("span",{class:"icon"},h("sl-icon",{name:"files"})))))}if(r.type==="CREDIT"&&!l){var s=parseFloat(r.prettyValueNumber)-parseFloat(r.prettyRedeemedNumber);var i=Math.round(s/parseFloat(r.prettyValueNumber)*100);var o=r.statuses.includes("EXPIRED")||r.statuses.includes("CANCELLED")?h("div",null,intl.formatMessage({id:"redeemedText",defaultMessage:e.redeemedText},{redeemedAmount:r.prettyRedeemedCredit})):h("div",null,intl.formatMessage({id:"availableText",defaultMessage:e.availableText},{availableAmount:r.statuses.includes("PENDING")?r.prettyAssignedCredit:r.prettyAvailableValue}));var d={Progress:{height:"3px",width:"100%",margin:"var(--sl-spacing-xx-small) 0",background:"var(--sl-color-neutral-200)","&:after":{content:'""',display:"block",background:"var(--sl-color-primary-300)",borderRadius:"100px",width:i+"%",height:"100%"}},Container:{display:"inline-block",verticalAlign:"top",width:"150px",whiteSpace:"break",overflow:"hidden",textOverflow:"ellipsis"},Text:{fontSize:"var(--sl-font-size-medium)",color:"var(--sl-color-gray-800)"},Subtext:{fontSize:"var(--sl-font-size-small)",color:"var(--sl-color-neutral-500)"}};var u=createStyleSheet(d);var c=u.toString();return h("div",null,h("style",{type:"text/css"},c),h("div",{class:u.classes.Container},h("span",null,n+" "),h("br",null)," ",h("div",{class:u.classes.Progress}),h("span",{class:u.classes.Subtext},o)))}return h("div",null,n)};return h("div",{style:{display:"contents"}},h("style",{type:"text/css"},styleString),h(t,{reward:this.reward}))};return e}();var RewardsTableColumn=function(){function e(e){registerInstance(this,e);this.columnTitle="Reward";this.redeemedText="{redeemedAmount} redeemed";this.availableText="{availableAmount} remaining";this.copyText="Copied!";h$1(this)}e.prototype.disconnectedCallback=function(){};e.prototype.renderCell=function(e,t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(r){return[2,h("sqm-rewards-table-reward-cell",{reward:e,redeemedText:this.redeemedText,availableText:this.availableText,copyText:this.copyText,locale:t})]}))}))};e.prototype.renderLabel=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){return[2,this.columnTitle]}))}))};e.prototype.render=function(){useRequestRerender([this.columnTitle,this.redeemedText,this.availableText,this.copyText]);return h(Host,{style:{display:"none"}})};return e}();var RewardTableSourceCell=function(){function e(e){registerInstance(this,e);this.locale="en"}e.prototype.render=function(){var e=this;intl.locale=this.locale;var t=function(t){var r=t.reward;var a;return h("span",null,intl.formatMessage({id:"rewardSourceText",defaultMessage:e.rewardSourceText},{rewardSource:r.rewardSource,programName:(a=r===null||r===void 0?void 0:r.program)===null||a===void 0?void 0:a.name}))};var r=21;var a=function(t){var a=t.reward;var n;var l=h("div",null,h("span",{style:{fontSize:"var(--sl-font-size-small)",color:"var(--sl-color-neutral-500)"}},e.rewardExchangeText),h("br",null),(n=a.exchangedRewardRedemptionTransaction)===null||n===void 0?void 0:n.prettyRedeemedCredit," → ",a.prettyValue);return a.exchangedRewardRedemptionTransaction.prettyRedeemedCredit.length+a.prettyValue.length<r?l:h("div",{style:{display:"inline-block",verticalAlign:"top"}},l)};var n=function(t){if(!t)return e.deletedUserText;if(!t.firstName&&!t.lastName)return e.anonymousUserText;if(!t.firstName)return""+t.lastName;if(!t.lastName)return""+t.firstName;return t.firstName+" "+t.lastName};var l=function(){return e.reward.rewardSource==="FRIEND_SIGNUP"||e.reward.rewardSource==="REFERRED"?h("div",null,h("div",{style:{fontSize:"var(--sl-font-size-small)",color:"var(--sl-color-neutral-500)"}},intl.formatMessage({id:"referralText",defaultMessage:e.referralText},{rewardSource:e.reward.rewardSource})),h("div",null,e.reward.rewardSource=="FRIEND_SIGNUP"?n(e.reward.referral.referredUser):n(e.reward.referral.referrerUser))):e.reward.exchangedRewardRedemptionTransaction?h(a,{reward:e.reward}):h(t,{reward:e.reward})};return h(l,null)};return e}();var RewardTableUserColumn=function(){function e(e){registerInstance(this,e);this.columnTitle="Source";this.anonymousUser="Anonymous User";this.deletedUser="Deleted User";this.rewardExchangeText="Reward Exchange";this.referralText="{rewardSource, select, FRIEND_SIGNUP {Referral to} REFERRED {Referred by} other {}}";this.rewardSourceText="{rewardSource, select, MANUAL {Manual} AUTOMATED {{programName}} other {}}";h$1(this)}e.prototype.disconnectedCallback=function(){};e.prototype.renderCell=function(e,t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(r){return[2,h("sqm-rewards-table-source-cell",{reward:e,anonymousUserText:this.anonymousUser,deletedUserText:this.deletedUser,rewardExchangeText:this.rewardExchangeText,referralText:this.referralText,rewardSourceText:this.rewardSourceText,locale:t})]}))}))};e.prototype.renderLabel=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){return[2,this.columnTitle]}))}))};e.prototype.render=function(){useRequestRerender([this.deletedUser,this.anonymousUser,this.columnTitle,this.rewardExchangeText,this.referralText,this.rewardSourceText]);return h(Host,{style:{display:"none"}})};return e}();var style$1={Badge:{"&::part(base)":{fontSize:"var(--sl-font-size-small)",padding:"4px 8px",paddingLeft:"10px",whiteSpace:"pre-line"}},RedeemBadge:{"&::part(base)":{fontSize:"var(--sl-font-size-small)",padding:"4px 8px",background:"var(--sl-color-blue-600)"}},Date:{fontSize:"var(--sl-font-size-small)",color:"var(--sl-color-neutral-500)",margin:"0"}};var sheet$1=createStyleSheet(style$1);var styleString$1=sheet$1.toString();var RewardTableStatusCell=function(){function e(e){registerInstance(this,e);this.expiryText="Expires";this.locale="en";this.pendingUsTax="W-9 required";this.pendingScheduled="Until";this.pendingUnhandled="Fulfillment error"}e.prototype.rewardStatus=function(e){if(e.dateCancelled)return"CANCELLED";if(e.statuses&&e.statuses.includes("EXPIRED"))return"EXPIRED";if(e.statuses&&e.statuses.includes("PENDING"))return"PENDING";if(e.type==="CREDIT"){if(e.statuses.includes("REDEEMED"))return"REDEEMED";return"AVAILABLE"}if(e.type==="PCT_DISCOUNT"){if(e.statuses.includes("AVAILABLE"))return"AVAILABLE"}if(e.type==="INTEGRATION"||e.type==="FUELTANK"){if(e.statuses&&e.statuses.includes("PENDING"))return"PENDING";if(e.statuses&&e.statuses.includes("CANCELLED"))return"CANCELLED";if(e.statuses.includes("AVAILABLE"))return"AVAILABLE"}return""};e.prototype.render=function(){var e;intl.locale=this.locale;var t=this.rewardStatus(this.reward);var r=intl.formatMessage({id:"statusMessage",defaultMessage:this.statusText},{status:t});var a=t==="AVAILABLE"?"success":t==="REDEEMED"?"primary":t==="PENDING"?"warning":"danger";var n=this.reward.dateCancelled||this.reward.dateExpires||this.reward.dateRedeemed||"";var l=n&&""+(t==="AVAILABLE"&&this.reward.dateExpires?this.expiryText+" ":"")+((e=luxon.DateTime.fromMillis(n))===null||e===void 0?void 0:e.setLocale(luxonLocale(luxonLocale(this.locale))).toLocaleString(luxon.DateTime.DATE_MED));var s=t==="PENDING"?i(this):null;return h("div",{style:{display:"contents"}},h("style",{type:"text/css"},styleString$1),h("sl-badge",{type:a,pill:true,class:t==="REDEEMED"?sheet$1.classes.RedeemBadge:sheet$1.classes.Badge},r),h("p",{class:sheet$1.classes.Date},s||l));function i(e){var t;var r={US_TAX:e.pendingUsTax,SCHEDULED:e.reward.dateScheduledFor&&e.pendingScheduled+" "+((t=luxon.DateTime.fromMillis(e.reward.dateScheduledFor))===null||t===void 0?void 0:t.setLocale(luxonLocale(luxonLocale(e.locale||"en"))).toLocaleString(luxon.DateTime.DATE_MED)),UNHANDLED_ERROR:e.pendingUnhandled};return[e.reward.pendingReasons].map((function(e){var t;return(t=r[e])!==null&&t!==void 0?t:e})).join(", ")}};return e}();var RewardTableStatusColumn=function(){function e(e){registerInstance(this,e);this.columnTitle="Status";this.statusText="{status, select, AVAILABLE {Available} CANCELLED {Cancelled} PENDING {Pending} EXPIRED {Expired} REDEEMED {Redeemed} other {Not available} }";this.expiryText="Expires on ";this.pendingUsTax="W-9 required";this.pendingScheduled="Until";this.pendingUnhandled="Fulfillment error";h$1(this)}e.prototype.disconnectedCallback=function(){};e.prototype.renderCell=function(e,t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(r){return[2,h("sqm-rewards-table-status-cell",{statusText:this.statusText,reward:e,expiryText:this.expiryText,pendingScheduled:this.pendingScheduled,pendingUsTax:this.pendingUsTax,pendingUnhandled:this.pendingUnhandled,locale:t})]}))}))};e.prototype.renderLabel=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){return[2,this.columnTitle]}))}))};e.prototype.render=function(){useRequestRerender([this.columnTitle,this.statusText,this.expiryText,this.pendingScheduled,this.pendingUsTax,this.pendingUnhandled]);return h(Host,{style:{display:"none"}})};return e}();export{RewardsTable as sqm_rewards_table,RewardTableDateCell as sqm_rewards_table_date_cell,RewardTableDateColumn as sqm_rewards_table_date_column,RewardTableRewardsCell as sqm_rewards_table_reward_cell,RewardsTableColumn as sqm_rewards_table_reward_column,RewardTableSourceCell as sqm_rewards_table_source_cell,RewardTableUserColumn as sqm_rewards_table_source_column,RewardTableStatusCell as sqm_rewards_table_status_cell,RewardTableStatusColumn as sqm_rewards_table_status_column};var templateObject_1;