@saasquatch/mint-components 1.6.8 → 1.6.9

package/dist/esm-es5/sqm-portal-profile-view-1022dd7b.js

@@ -0,0 +1 @@
+import{h}from"./index-17b4da69.js";import{i as intl}from"./global-9992475a.js";import{c as createStyleSheet}from"./JSS-67b5cff8.js";import{T as TextSpanView}from"./sqm-text-span-view-8d140661.js";function PortalProfileView(e){var a,t,s,l,i;var r=e.states,o=e.callbacks;var n=r.text,d=r.formState;var m=d.errors,u=d.error;var p={Container:{display:"flex",flexDirection:"column",gap:"var(--sl-spacing-xxx-large)",padding:"var(--sl-spacing-xxx-large)"},FormStyle:{width:"100%",minWidth:"700px","& >*:not(:last-child)":{"margin-bottom":"32px"},"@media screen and (max-width: 1100px)":{minWidth:"100%"}},Error:{"&::part(erroralert-base)":{"margin-bottom":"32px"}},Success:{"&::part(successalert-base)":{"margin-bottom":"32px"}},NameInputStyle:{width:"50%","@media screen and (max-width: 860px)":{width:"100%","margin-right":"0"}},NameInputContainer:{display:"flex",gap:"32px",width:"100%","@media screen and (max-width: 860px)":{flexDirection:"column"}}};var c=createStyleSheet(p);var v=c.toString();var x=((a=r.user)===null||a===void 0?void 0:a.countryCode)?intl.formatDisplayName((t=r.user)===null||t===void 0?void 0:t.countryCode,{type:"region"}):"";return h("div",{class:c.classes.Container,part:"sqm-base"},h("style",{type:"text/css"},v),h(TextSpanView,Object.assign({},{type:"h1"}),n.editProfileHeader),h(TextSpanView,Object.assign({},{type:"h2"}),n.editProfileSubHeader),h("form",{class:c.classes.FormStyle,onSubmit:o.onSubmit},r.success&&h("sqm-form-message",{class:c.classes.Success,exportparts:"success-icon"},h("div",{part:"successalert-text"},"Your profile has been successfully updated.")),u&&h("sqm-form-message",{class:c.classes.Error,type:"error",exportparts:"erroralert-icon"},h("div",{part:"erroralert-text"},u)),h("div",{class:c.classes.NameInputContainer},h("sl-input",Object.assign({class:c.classes.NameInputStyle,exportparts:"label: input-label",value:(s=r.user)===null||s===void 0?void 0:s.firstName,onInput:o.onChange,label:n.firstnametext,disabled:r.loading},(m===null||m===void 0?void 0:m.firstName)&&(m===null||m===void 0?void 0:m.firstName.status)!=="valid"?{class:"ErrorStyles",helpText:"Cannot be empty"}:[],{id:"firstName",name:"firstName",error:(m===null||m===void 0?void 0:m.firstName)&&(m===null||m===void 0?void 0:m.firstName.status)!=="valid"?m===null||m===void 0?void 0:m.firstName.message:undefined})),h("sl-input",Object.assign({class:c.classes.NameInputStyle,exportparts:"label: input-label",value:(l=r.user)===null||l===void 0?void 0:l.lastName,onInput:o.onChange,label:n.lastnametext,disabled:r.loading,id:"lastName",name:"lastName"},(m===null||m===void 0?void 0:m.lastName)&&(m===null||m===void 0?void 0:m.lastName.status)!=="valid"?{class:"ErrorStyles",helpText:"Cannot be empty"}:[],{error:(m===null||m===void 0?void 0:m.lastName)&&(m===null||m===void 0?void 0:m.lastName.status)!=="valid"?m===null||m===void 0?void 0:m.lastName.message:undefined}))),h("sl-input",{label:n.emailtext,value:(i=r.user)===null||i===void 0?void 0:i.email,exportparts:"label: input-label",disabled:true}),r.showCountry&&h("sl-input",{label:n.countrytext,value:x,exportparts:"label: input-label",disabled:true}),h("sl-button",{type:"primary",loading:r.loading,disabled:r.submitDisabled,onClick:function(e){o.onSubmit(e)},submit:true},n.submitChangeButtonText)))}export{PortalProfileView as P};

package/dist/esm-es5/sqm-portal-profile.entry.js

@@ -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{i as useState,u as useEffect,m as h}from"./stencil-hooks.module-b48b45ec.js";import"./global-27ee1626.js";import"./use-callback-051c06c6.js";import{d as dist,N,a as dn,P as Pe,i as isDemo}from"./index.module-3c720e8f.js";import{c as cjs}from"./cjs-bdfb4486.js";import"./JSS-67b5cff8.js";import{g as getProps}from"./utils-334c1e34.js";import"./sqm-text-span-view-f1cacc75.js";import{P as PortalProfileView}from"./sqm-portal-profile-view-5e35bbe0.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=N();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=dn(GET_USER,{},!(t===null||t===void 0?void 0:t.jwt));var f=Pe(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.hideCountry,formState:u,user:s,text:{firstnametext:e.firstnametext,lastnametext:e.lastnametext,countrytext:e.countrytext,emailtext:e.emailtext,editProfileHeader:e.editProfileHeader,editProfileSubHeader:e.editProfileSubHeader,submitChangeButtonText:e.submitChangeButtonText}},callbacks:{onSubmit:g,onChange:function(e){var t=e.target,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.hideCountry=false;h(this)}e.prototype.disconnectedCallback=function(){};e.prototype.render=function(){var e=isDemo()?usePortalProfileDemo(getProps(this)):usePortalProfile(getProps(this));return h$1(PortalProfileView,Object.assign({},e))};return e}();function usePortalProfileDemo(e){return cjs({states:{success:false,loading:false,submitDisabled:false,showCountry:!e.hideCountry,user:{id:"01",accountId:"111100000",firstName:"Joe",lastName:"Smith",email:"jsmith@gmail.com",countryCode:"CA"},text:{firstnametext:e.firstnametext,lastnametext:e.lastnametext,emailtext:e.emailtext,countrytext:e.countrytext,editProfileHeader:e.editProfileHeader,editProfileSubHeader:e.editProfileSubHeader,submitChangeButtonText:e.submitChangeButtonText},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;
+var __makeTemplateObject=this&&this.__makeTemplateObject||function(e,t){if(Object.defineProperty){Object.defineProperty(e,"raw",{value:t})}else{e.raw=t}return e};var __assign=this&&this.__assign||function(){__assign=Object.assign||function(e){for(var t,n=1,a=arguments.length;n<a;n++){t=arguments[n];for(var r in t)if(Object.prototype.hasOwnProperty.call(t,r))e[r]=t[r]}return e};return __assign.apply(this,arguments)};import{r as registerInstance,h as h$1}from"./index-17b4da69.js";import{j as useState,f as useEffect,m as h}from"./stencil-hooks.module-14b87f98.js";import"./global-9992475a.js";import{d as dist,L,b as mn,I as Ie,i as isDemo}from"./index.module-bbce47bd.js";import{c as cjs}from"./cjs-bdfb4486.js";import"./JSS-67b5cff8.js";import{g as getProps}from"./utils-334c1e34.js";import"./sqm-text-span-view-8d140661.js";import{P as PortalProfileView}from"./sqm-portal-profile-view-1022dd7b.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=L();var n=useState(false),a=n[0],r=n[1];var i=useState(undefined),s=i[0],o=i[1];var l=useState(defaultFormState),u=l[0],d=l[1];var m=mn(GET_USER,{},!(t===null||t===void 0?void 0:t.jwt));var f=Ie(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,n,a;return __assign(__assign({},e),{error:(a=(n=(t=v===null||v===void 0?void 0:v.errors)===null||t===void 0?void 0:t.response)===null||n===void 0?void 0:n.errors)===null||a===void 0?void 0:a[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:a,loading:(m===null||m===void 0?void 0:m.loading)||v.loading,submitDisabled:false,showCountry:!e.hideCountry,formState:u,user:s,text:{firstnametext:e.firstnametext,lastnametext:e.lastnametext,countrytext:e.countrytext,emailtext:e.emailtext,editProfileHeader:e.editProfileHeader,editProfileSubHeader:e.editProfileSubHeader,submitChangeButtonText:e.submitChangeButtonText}},callbacks:{onSubmit:g,onChange:function(e){var t=e.target,n=t.name,a=t.value;d((function(e){var t;return __assign(__assign({},e),(t={},t[n]=a,t))}))}}}}var PortalProfile=function(){function e(e){registerInstance(this,e);this.ignored=true;this.firstnametext="First Name";this.lastnametext="Last Name";this.emailtext="Email";this.countrytext="Country";this.editProfileHeader="Edit your profile";this.editProfileSubHeader="Personal Information";this.submitChangeButtonText="Submit Changes";this.hideCountry=false;h(this)}e.prototype.disconnectedCallback=function(){};e.prototype.render=function(){var e=isDemo()?usePortalProfileDemo(getProps(this)):usePortalProfile(getProps(this));return h$1(PortalProfileView,Object.assign({},e))};return e}();function usePortalProfileDemo(e){return cjs({states:{success:false,loading:false,submitDisabled:false,showCountry:!e.hideCountry,user:{id:"01",accountId:"111100000",firstName:"Joe",lastName:"Smith",email:"jsmith@gmail.com",countryCode:"CA"},text:{firstnametext:e.firstnametext,lastnametext:e.lastnametext,emailtext:e.emailtext,countrytext:e.countrytext,editProfileHeader:e.editProfileHeader,editProfileSubHeader:e.editProfileSubHeader,submitChangeButtonText:e.submitChangeButtonText},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;

package/dist/esm-es5/sqm-portal-protected-route.entry.js

@@ -1 +1 @@
-import{r as registerInstance,h as h$1,c as Host}from"./index-17b4da69.js";import{u as useEffect,m as h}from"./stencil-hooks.module-b48b45ec.js";import"./use-callback-051c06c6.js";import{N,l as ln,f as fn,i as isDemo}from"./index.module-3c720e8f.js";function usePortalProtectedRoute(e){var t=e.requireEmailVerification,r=e.redirectTo,o=e.redirectToUnverified;var i;var n=N();var a=!!(n===null||n===void 0?void 0:n.jwt);var s=(i=n===null||n===void 0?void 0:n.managedIdentity)===null||i===void 0?void 0:i.emailVerified;var c=ln(),u=c.pathname,d=c.search;var l=new URLSearchParams;l.append("nextPage",""+u+d);useEffect((function(){if(!a){return fn.push({pathname:r,search:"?"+l.toString()})}if(t&&!s){return fn.push({pathname:o||r,search:"?"+l.toString()})}}),[]);return!!n}var PortalProtectedRoute=function(){function e(e){registerInstance(this,e);this.ignored=true;this.redirectTo="/";this.requireEmailVerification=false;this.redirectToUnverified="/emailVerification";h(this)}e.prototype.disconnectedCallback=function(){};e.prototype.render=function(){var e=isDemo()?usePortalProtectedRouteDemo():usePortalProtectedRoute(this);return h$1(Host,{style:{display:e?"contents":"none"}},h$1("slot",null))};return e}();function usePortalProtectedRouteDemo(e){return true}export{PortalProtectedRoute as sqm_portal_protected_route};
+import{r as registerInstance,h as h$1,c as Host}from"./index-17b4da69.js";import{f as useEffect,m as h}from"./stencil-hooks.module-14b87f98.js";import{L,v as vn,p as pn,i as isDemo}from"./index.module-bbce47bd.js";function usePortalProtectedRoute(e){var t=e.requireEmailVerification,r=e.redirectTo,o=e.redirectToUnverified;var i;var n=L();var a=!!(n===null||n===void 0?void 0:n.jwt);var s=(i=n===null||n===void 0?void 0:n.managedIdentity)===null||i===void 0?void 0:i.emailVerified;var u=vn(),c=u.pathname,d=u.search;var l=new URLSearchParams;l.append("nextPage",""+c+d);useEffect((function(){if(!a){return pn.push({pathname:r,search:"?"+l.toString()})}if(t&&!s){return pn.push({pathname:o||r,search:"?"+l.toString()})}}),[]);return!!n}var PortalProtectedRoute=function(){function e(e){registerInstance(this,e);this.ignored=true;this.redirectTo="/";this.requireEmailVerification=false;this.redirectToUnverified="/emailVerification";h(this)}e.prototype.disconnectedCallback=function(){};e.prototype.render=function(){var e=isDemo()?usePortalProtectedRouteDemo():usePortalProtectedRoute(this);return h$1(Host,{style:{display:e?"contents":"none"}},h$1("slot",null))};return e}();function usePortalProtectedRouteDemo(e){return true}export{PortalProtectedRoute as sqm_portal_protected_route};

package/dist/esm-es5/sqm-portal-registration-form.entry.js

@@ -1 +1 @@
-var __makeTemplateObject=this&&this.__makeTemplateObject||function(e,r){if(Object.defineProperty){Object.defineProperty(e,"raw",{value:r})}else{e.raw=r}return e};var __assign=this&&this.__assign||function(){__assign=Object.assign||function(e){for(var r,i=1,t=arguments.length;i<t;i++){r=arguments[i];for(var a in r)if(Object.prototype.hasOwnProperty.call(r,a))e[a]=r[a]}return e};return __assign.apply(this,arguments)};var __awaiter=this&&this.__awaiter||function(e,r,i,t){function a(e){return e instanceof i?e:new i((function(r){r(e)}))}return new(i||(i=Promise))((function(i,s){function o(e){try{l(t.next(e))}catch(e){s(e)}}function n(e){try{l(t["throw"](e))}catch(e){s(e)}}function l(e){e.done?i(e.value):a(e.value).then(o,n)}l((t=t.apply(e,r||[])).next())}))};var __generator=this&&this.__generator||function(e,r){var i={label:0,sent:function(){if(s[0]&1)throw s[1];return s[1]},trys:[],ops:[]},t,a,s,o;return o={next:n(0),throw:n(1),return:n(2)},typeof Symbol==="function"&&(o[Symbol.iterator]=function(){return this}),o;function n(e){return function(r){return l([e,r])}}function l(o){if(t)throw new TypeError("Generator is already executing.");while(i)try{if(t=1,a&&(s=o[0]&2?a["return"]:o[0]?a["throw"]||((s=a["return"])&&s.call(a),0):a.next)&&!(s=s.call(a,o[1])).done)return s;if(a=0,s)o=[o[0]&2,s.value];switch(o[0]){case 0:case 1:s=o;break;case 4:i.label++;return{value:o[1],done:false};case 5:i.label++;a=o[1];o=[0];continue;case 7:o=i.ops.pop();i.trys.pop();continue;default:if(!(s=i.trys,s=s.length>0&&s[s.length-1])&&(o[0]===6||o[0]===2)){i=0;continue}if(o[0]===3&&(!s||o[1]>s[0]&&o[1]<s[3])){i.label=o[1];break}if(o[0]===6&&i.label<s[1]){i.label=s[1];s=o;break}if(s&&i.label<s[2]){i.label=s[2];i.ops.push(o);break}if(s[2])i.ops.pop();i.trys.pop();continue}o=r.call(e,i)}catch(e){o=[6,e];a=0}finally{t=s=0}if(o[0]&5)throw o[1];return{value:o[0]?o[1]:void 0,done:true}}};import{h,r as registerInstance}from"./index-17b4da69.js";import{j as useRef,u as useEffect,m as h$1}from"./stencil-hooks.module-b48b45ec.js";import{u as useCallback}from"./use-callback-051c06c6.js";import{d as dist,q as qe,a as dn,f as fn,i as isDemo}from"./index.module-3c720e8f.js";import{j as jsonpointer}from"./jsonpointer-388a7082.js";import{c as cjs}from"./cjs-bdfb4486.js";import{A as AuthWrapper,a as AuthColumn,H as HostBlock,b as AuthButtonsContainer,E as ErrorStyles}from"./mixins-f60a614c.js";import{c as createStyleSheet}from"./JSS-67b5cff8.js";import{T as TextSpanView}from"./sqm-text-span-view-f1cacc75.js";import{A as AsYouType}from"./AsYouType-46f67d0d.js";import{u as useRegistrationFormState}from"./useRegistrationFormState-6ce2e16f.js";var style={Wrapper:__assign(__assign({},AuthWrapper),{"max-width":"600px"}),Column:AuthColumn,HostBlock:HostBlock,":host":{margin:"0 auto",width:"100%"},ButtonsContainer:AuthButtonsContainer,ErrorStyle:ErrorStyles};var vanillaStyle="\nsqm-portal-register {\n  margin: 0 auto;\n  width: 100%;\n  display: block;\n}\n\n:host{\n  display: block;\n}\n\n:host([hidden]) {\n  display: none;\n}\n";var sheet=createStyleSheet(style);var styleString=sheet.toString();function PortalRegistrationFormView(e){var r,i,t,a,s,o,n,l,d,u,v,m,c,f,g,p,b,y,w,E;var _=e.states,P=e.refs,F=e.callbacks,k=e.content;if(_.error){window.scrollTo({top:0,left:0,behavior:"smooth"})}return h("div",{class:sheet.classes.Wrapper},h("style",{type:"text/css"},vanillaStyle,styleString),h(TextSpanView,{type:"h3"},k.pageLabel),h("sl-form",{class:sheet.classes.Column,"onSl-submit":F.submit,ref:function(e){return P.formRef.current=e},novalidate:true},((r=_.registrationFormState)===null||r===void 0?void 0:r.disabled)?h("sqm-form-message",{type:"error",exportparts:"erroralert-icon"},h("div",{part:"erroralert-text"},_.registrationFormState.disabledMessage)):_.error&&h("sqm-form-message",{type:"error",exportparts:"erroralert-icon"},h("div",{part:"erroralert-text"},e.states.error)),k.formData,!_.hideInputs&&h("sl-input",Object.assign({exportparts:"label: input-label",type:"email",name:"/email",label:k.emailLabel||"Email",disabled:_.loading||((i=_.registrationFormState)===null||i===void 0?void 0:i.disabled),required:true,validationError:function(e){var r=e.value;if(!r){return k.requiredFieldErrorMessage}if(!r.includes("@")){return k.invalidEmailErrorMessage}}},((a=(t=_.registrationFormState)===null||t===void 0?void 0:t.initialData)===null||a===void 0?void 0:a.email)?{value:(o=(s=_.registrationFormState)===null||s===void 0?void 0:s.initialData)===null||o===void 0?void 0:o.email}:{},((l=(n=_.registrationFormState)===null||n===void 0?void 0:n.validationErrors)===null||l===void 0?void 0:l.email)?{class:sheet.classes.ErrorStyle,helpText:((u=(d=_.registrationFormState)===null||d===void 0?void 0:d.validationErrors)===null||u===void 0?void 0:u.email)||k.requiredFieldErrorMessage}:[])),!_.hideInputs&&h("sqm-password-field",{fieldLabel:k.passwordLabel,"disable-validation":!_.enablePasswordValidation}),k.passwordField,!_.hideInputs&&_.confirmPassword&&h("sl-input",Object.assign({exportparts:"label: input-label",type:"password",name:"/confirmPassword",label:k.confirmPasswordLabel,disabled:_.loading||((v=_.registrationFormState)===null||v===void 0?void 0:v.disabled),required:true},((c=(m=_.registrationFormState)===null||m===void 0?void 0:m.initialData)===null||c===void 0?void 0:c.confirmPassword)?{value:(g=(f=_.registrationFormState)===null||f===void 0?void 0:f.initialData)===null||g===void 0?void 0:g.confirmPassword}:{},((b=(p=_.registrationFormState)===null||p===void 0?void 0:p.validationErrors)===null||b===void 0?void 0:b.confirmPassword)?{class:sheet.classes.ErrorStyle,helpText:((w=(y=_.registrationFormState)===null||y===void 0?void 0:y.validationErrors)===null||w===void 0?void 0:w.confirmPassword)||k.requiredFieldErrorMessage}:[])),k.terms,h("div",{class:sheet.classes.ButtonsContainer},h("sl-button",{submit:true,loading:_.loading,disabled:(E=_.registrationFormState)===null||E===void 0?void 0:E.disabled,exportparts:"base: primarybutton-base",type:"primary"},k.submitLabel||"Register"),k.secondaryButton)))}var RegistrationFormQuery=dist.gql(templateObject_1||(templateObject_1=__makeTemplateObject(["\n  query RegistrationFormQuery($key: String!) {\n    form(key: $key) {\n      key\n      type\n      initialData {\n        initialData\n        isEnabled\n        isEnabledErrorMessage\n      }\n    }\n  }\n"],["\n  query RegistrationFormQuery($key: String!) {\n    form(key: $key) {\n      key\n      type\n      initialData {\n        initialData\n        isEnabled\n        isEnabledErrorMessage\n      }\n    }\n  }\n"])));function usePortalRegistrationForm(e){var r=this;var i,t,a,s,o,n,l,d,u;var v=useRef(null);var m=useRegistrationFormState({}),c=m.registrationFormState,f=m.setRegistrationFormState;var g=qe(),h=g[0],p=g[1],b=p.loading,y=p.errors,w=p.data,E=p.formError;var _=dn(RegistrationFormQuery,{key:e.formKey});var P=b||_.loading;useEffect((function(){var r,i,t;var a=(r=_===null||_===void 0?void 0:_.data)===null||r===void 0?void 0:r.form.initialData.initialData;var s=((i=_===null||_===void 0?void 0:_.data)===null||i===void 0?void 0:i.form.initialData.isEnabled)===false;var o=((t=_===null||_===void 0?void 0:_.data)===null||t===void 0?void 0:t.form.initialData.isEnabledErrorMessage)||e.formDisabledErrorMessage;var n={loading:P,disabled:s,disabledMessage:o,initialData:a};f(n)}),[(i=_===null||_===void 0?void 0:_.data)===null||i===void 0?void 0:i.form.initialData]);useEffect((function(){if(!v.current)return;var e=v.current;e.addEventListener("sl-input",k);return function(){e.removeEventListener("sl-input",k)}}),[v.current]);var F=function(i){return __awaiter(r,void 0,void 0,(function(){var r,t,a,s,o,n,l,d,u,v,m,g,p,b,y,w,E,_,P,F,k,S,M,j,D,x,L,R;return __generator(this,(function(q){switch(q.label){case 0:P=i.target.getFormControls();F={};k={};P===null||P===void 0?void 0:P.forEach((function(r){if(!r.name)return;var i=r.name;var t=r.value;jsonpointer.set(F,i,t);if(r.required&&!t){jsonpointer.set(k,i,e.requiredFieldErrorMessage)}if(typeof r.validationError==="function"){var a=r.validationError;var s=a({control:r,key:i,value:t});if(s)jsonpointer.set(k,i,s)}}));if((e.confirmPassword||F.confirmPassword)&&F.password!==F.confirmPassword){k=__assign(__assign({},k),{confirmPassword:e.passwordMismatchErrorMessage})}if(Object.keys(k).length){f(__assign(__assign({},c),{loading:false,error:"",validationErrors:k}));return[2]}f(__assign(__assign({},c),{loading:true,error:"",validationErrors:{}}));S=F.email,M=F.password;delete F.email;delete F.password;delete F.confirmPassword;j=e.redirectPath;D={key:e.formKey,formData:__assign({email:S,password:M,redirectPath:j},F)};q.label=1;case 1:q.trys.push([1,3,,4]);return[4,h(D)];case 2:x=q.sent();if(x instanceof Error){throw x}f(__assign(__assign({},c),{loading:false,error:"",validationErrors:{}}));L=(r=x.submitForm)===null||r===void 0?void 0:r.results.find((function(e){var r;return((r=e===null||e===void 0?void 0:e.formHandler)===null||r===void 0?void 0:r.namespace)==="identity"}));if(L&&L.result.results.length&&L.result.results[0].success&&L.result.results[0].data.token){fn.push(e.nextPage)}else if(((t=x.submitForm)===null||t===void 0?void 0:t.results.length)===1&&((n=(o=(s=(a=x.submitForm)===null||a===void 0?void 0:a.results[0])===null||s===void 0?void 0:s.result)===null||o===void 0?void 0:o.results)===null||n===void 0?void 0:n.length)===1&&((m=(v=(u=(d=(l=x.submitForm)===null||l===void 0?void 0:l.results[0])===null||d===void 0?void 0:d.result)===null||u===void 0?void 0:u.results)===null||v===void 0?void 0:v[0])===null||m===void 0?void 0:m.success)===false&&((E=(w=(y=(b=(p=(g=x.submitForm)===null||g===void 0?void 0:g.results[0])===null||p===void 0?void 0:p.result)===null||b===void 0?void 0:b.results)===null||y===void 0?void 0:y[0])===null||w===void 0?void 0:w.message)===null||E===void 0?void 0:E.startsWith("Blocked email"))){f(__assign(__assign({},c),{loading:false,error:"",validationErrors:{email:e.invalidEmailErrorMessage}}))}return[3,4];case 3:R=q.sent();if((_=R===null||R===void 0?void 0:R.message)===null||_===void 0?void 0:_.includes("is not a valid email address")){f(__assign(__assign({},c),{loading:false,error:"",validationErrors:{email:e.invalidEmailErrorMessage}}))}else{f(__assign(__assign({},c),{loading:false,error:e.networkErrorMessage,validationErrors:{}}))}return[3,4];case 4:return[2]}}))}))};var k=useCallback((function(e){var r,i;var t=(i=(r=e.target)===null||r===void 0?void 0:r.type)===null||i===void 0?void 0:i.toLowerCase();if(t!=="tel")return;var a=new AsYouType("US");e.target.value=a.input(e.target.value)}),[]);var S="";if(((t=_===null||_===void 0?void 0:_.data)===null||t===void 0?void 0:t.form.initialData.isEnabled)===false){S=((a=_===null||_===void 0?void 0:_.data)===null||a===void 0?void 0:a.form.initialData.isEnabledErrorMessage)||e.formDisabledErrorMessage}else if((s=y===null||y===void 0?void 0:y.response)===null||s===void 0?void 0:s["error"]){S=e.networkErrorMessage}else if((y===null||y===void 0?void 0:y.message)&&!((o=y===null||y===void 0?void 0:y.response)===null||o===void 0?void 0:o.errors.length)){S=e.networkErrorMessage}else{S=E||((u=(d=(l=(n=_===null||_===void 0?void 0:_.errors)===null||n===void 0?void 0:n.response)===null||l===void 0?void 0:l.errors)===null||d===void 0?void 0:d[0])===null||u===void 0?void 0:u.message)||(c===null||c===void 0?void 0:c.error)}return{states:{loading:b||_.loading,error:S,registrationFormState:c,confirmPassword:e.confirmPassword,hideInputs:e.hideInputs,loginPath:e.loginPath,enablePasswordValidation:!e.disablePasswordValidation},callbacks:{submit:F,inputFunction:k},refs:{formRef:v}}}var PortalRegistrationForm=function(){function e(e){registerInstance(this,e);this.ignored=true;this.nextPage="/";this.redirectPath="/verifyEmail";this.emailLabel="Email";this.passwordLabel="Password";this.submitLabel="Register";this.loginLabel="Sign in";this.confirmPasswordLabel="Confirm Password";this.confirmPassword=false;this.disablePasswordValidation=false;this.hideInputs=false;this.pageLabel="Register";this.loginPath="/login";this.requiredFieldErrorMessage="Cannot be empty";this.networkErrorMessage="Network request failed.";this.passwordMismatchErrorMessage="Passwords do not match.";this.invalidEmailErrorMessage="Must be a valid email address";this.formDisabledErrorMessage="The registration form is currently disabled.";h$1(this)}e.prototype.disconnectedCallback=function(){};e.prototype.render=function(){var e=isDemo()?useRegisterDemo(this):usePortalRegistrationForm(this),r=e.states,i=e.callbacks,t=e.refs;var a={formData:h("slot",{name:"formData"}),secondaryButton:h("slot",{name:"secondaryButton"},h("sl-button",{type:"text",disabled:r.loading,onClick:function(){return fn.push(r.loginPath)}},this.loginLabel)),terms:h("slot",{name:"terms"}),emailLabel:this.emailLabel,passwordLabel:this.passwordLabel,submitLabel:this.submitLabel,pageLabel:this.pageLabel,confirmPasswordLabel:this.confirmPasswordLabel,networkErrorMessage:this.networkErrorMessage,passwordMismatchErrorMessage:this.passwordMismatchErrorMessage,invalidEmailErrorMessage:this.invalidEmailErrorMessage,formDisabledErrorMessage:this.formDisabledErrorMessage,requiredFieldErrorMessage:this.requiredFieldErrorMessage};return h(PortalRegistrationFormView,{states:r,callbacks:i,content:a,refs:t})};return e}();function useRegisterDemo(e){var r=this;return cjs({states:{error:"",loading:false,confirmPassword:e.confirmPassword,hideInputs:e.hideInputs||false,customPasswordField:false,loginPath:"/login"},callbacks:{submit:function(e){return __awaiter(r,void 0,void 0,(function(){return __generator(this,(function(e){console.log("submit");return[2]}))}))},inputFunction:function(){}},refs:{formRef:{}}},e.demoData||{},{arrayMerge:function(e,r){return r}})}export{PortalRegistrationForm as sqm_portal_registration_form};var templateObject_1;
+var __makeTemplateObject=this&&this.__makeTemplateObject||function(e,r){if(Object.defineProperty){Object.defineProperty(e,"raw",{value:r})}else{e.raw=r}return e};var __assign=this&&this.__assign||function(){__assign=Object.assign||function(e){for(var r,i=1,t=arguments.length;i<t;i++){r=arguments[i];for(var a in r)if(Object.prototype.hasOwnProperty.call(r,a))e[a]=r[a]}return e};return __assign.apply(this,arguments)};var __awaiter=this&&this.__awaiter||function(e,r,i,t){function a(e){return e instanceof i?e:new i((function(r){r(e)}))}return new(i||(i=Promise))((function(i,s){function o(e){try{l(t.next(e))}catch(e){s(e)}}function n(e){try{l(t["throw"](e))}catch(e){s(e)}}function l(e){e.done?i(e.value):a(e.value).then(o,n)}l((t=t.apply(e,r||[])).next())}))};var __generator=this&&this.__generator||function(e,r){var i={label:0,sent:function(){if(s[0]&1)throw s[1];return s[1]},trys:[],ops:[]},t,a,s,o;return o={next:n(0),throw:n(1),return:n(2)},typeof Symbol==="function"&&(o[Symbol.iterator]=function(){return this}),o;function n(e){return function(r){return l([e,r])}}function l(o){if(t)throw new TypeError("Generator is already executing.");while(i)try{if(t=1,a&&(s=o[0]&2?a["return"]:o[0]?a["throw"]||((s=a["return"])&&s.call(a),0):a.next)&&!(s=s.call(a,o[1])).done)return s;if(a=0,s)o=[o[0]&2,s.value];switch(o[0]){case 0:case 1:s=o;break;case 4:i.label++;return{value:o[1],done:false};case 5:i.label++;a=o[1];o=[0];continue;case 7:o=i.ops.pop();i.trys.pop();continue;default:if(!(s=i.trys,s=s.length>0&&s[s.length-1])&&(o[0]===6||o[0]===2)){i=0;continue}if(o[0]===3&&(!s||o[1]>s[0]&&o[1]<s[3])){i.label=o[1];break}if(o[0]===6&&i.label<s[1]){i.label=s[1];s=o;break}if(s&&i.label<s[2]){i.label=s[2];i.ops.push(o);break}if(s[2])i.ops.pop();i.trys.pop();continue}o=r.call(e,i)}catch(e){o=[6,e];a=0}finally{t=s=0}if(o[0]&5)throw o[1];return{value:o[0]?o[1]:void 0,done:true}}};import{h,r as registerInstance}from"./index-17b4da69.js";import{k as useRef,f as useEffect,m as h$1}from"./stencil-hooks.module-14b87f98.js";import{d as dist,q as qe,b as mn,p as pn,f as useCallback,i as isDemo}from"./index.module-bbce47bd.js";import{j as jsonpointer}from"./jsonpointer-388a7082.js";import{c as cjs}from"./cjs-bdfb4486.js";import{A as AuthWrapper,a as AuthColumn,H as HostBlock,b as AuthButtonsContainer,E as ErrorStyles}from"./mixins-f60a614c.js";import{c as createStyleSheet}from"./JSS-67b5cff8.js";import{T as TextSpanView}from"./sqm-text-span-view-8d140661.js";import{u as useRegistrationFormState}from"./useRegistrationFormState-7bf6c145.js";import{A as AsYouType}from"./AsYouType-46f67d0d.js";var style={Wrapper:__assign(__assign({},AuthWrapper),{"max-width":"600px"}),Column:AuthColumn,HostBlock:HostBlock,":host":{margin:"0 auto",width:"100%"},ButtonsContainer:AuthButtonsContainer,ErrorStyle:ErrorStyles};var vanillaStyle="\nsqm-portal-register {\n  margin: 0 auto;\n  width: 100%;\n  display: block;\n}\n\n:host{\n  display: block;\n}\n\n:host([hidden]) {\n  display: none;\n}\n";var sheet=createStyleSheet(style);var styleString=sheet.toString();function PortalRegistrationFormView(e){var r,i,t,a,s,o,n,l,d,u,v,m,f,c,g,p,b,y,w,E;var _=e.states,P=e.refs,F=e.callbacks,k=e.content;if(_.error){window.scrollTo({top:0,left:0,behavior:"smooth"})}return h("div",{class:sheet.classes.Wrapper,part:"sqm-base"},h("style",{type:"text/css"},vanillaStyle,styleString),h(TextSpanView,{type:"h3"},k.pageLabel),h("sl-form",{class:sheet.classes.Column,"onSl-submit":F.submit,ref:function(e){return P.formRef.current=e},novalidate:true},((r=_.registrationFormState)===null||r===void 0?void 0:r.disabled)?h("sqm-form-message",{type:"error",exportparts:"erroralert-icon"},h("div",{part:"erroralert-text"},_.registrationFormState.disabledMessage)):_.error&&h("sqm-form-message",{type:"error",exportparts:"erroralert-icon"},h("div",{part:"erroralert-text"},e.states.error)),k.formData,!_.hideInputs&&h("sl-input",Object.assign({exportparts:"label: input-label",type:"email",name:"/email",label:k.emailLabel||"Email",disabled:_.loading||((i=_.registrationFormState)===null||i===void 0?void 0:i.disabled),required:true,validationError:function(e){var r=e.value;if(!r){return k.requiredFieldErrorMessage}if(!r.includes("@")){return k.invalidEmailErrorMessage}}},((a=(t=_.registrationFormState)===null||t===void 0?void 0:t.initialData)===null||a===void 0?void 0:a.email)?{value:(o=(s=_.registrationFormState)===null||s===void 0?void 0:s.initialData)===null||o===void 0?void 0:o.email}:{},((l=(n=_.registrationFormState)===null||n===void 0?void 0:n.validationErrors)===null||l===void 0?void 0:l.email)?{class:sheet.classes.ErrorStyle,helpText:((u=(d=_.registrationFormState)===null||d===void 0?void 0:d.validationErrors)===null||u===void 0?void 0:u.email)||k.requiredFieldErrorMessage}:[])),!_.hideInputs&&h("sqm-password-field",{fieldLabel:k.passwordLabel,"disable-validation":!_.enablePasswordValidation}),k.passwordField,!_.hideInputs&&_.confirmPassword&&h("sl-input",Object.assign({exportparts:"label: input-label",type:"password",name:"/confirmPassword",label:k.confirmPasswordLabel,disabled:_.loading||((v=_.registrationFormState)===null||v===void 0?void 0:v.disabled),required:true},((f=(m=_.registrationFormState)===null||m===void 0?void 0:m.initialData)===null||f===void 0?void 0:f.confirmPassword)?{value:(g=(c=_.registrationFormState)===null||c===void 0?void 0:c.initialData)===null||g===void 0?void 0:g.confirmPassword}:{},((b=(p=_.registrationFormState)===null||p===void 0?void 0:p.validationErrors)===null||b===void 0?void 0:b.confirmPassword)?{class:sheet.classes.ErrorStyle,helpText:((w=(y=_.registrationFormState)===null||y===void 0?void 0:y.validationErrors)===null||w===void 0?void 0:w.confirmPassword)||k.requiredFieldErrorMessage}:[])),k.terms,h("div",{class:sheet.classes.ButtonsContainer},h("sl-button",{submit:true,loading:_.loading,disabled:(E=_.registrationFormState)===null||E===void 0?void 0:E.disabled,exportparts:"base: primarybutton-base",type:"primary"},k.submitLabel||"Register"),k.secondaryButton)))}var RegistrationFormQuery=dist.gql(templateObject_1||(templateObject_1=__makeTemplateObject(["\n  query RegistrationFormQuery($key: String!) {\n    form(key: $key) {\n      key\n      type\n      initialData {\n        initialData\n        isEnabled\n        isEnabledErrorMessage\n      }\n    }\n  }\n"],["\n  query RegistrationFormQuery($key: String!) {\n    form(key: $key) {\n      key\n      type\n      initialData {\n        initialData\n        isEnabled\n        isEnabledErrorMessage\n      }\n    }\n  }\n"])));function usePortalRegistrationForm(e){var r=this;var i,t,a,s,o,n,l,d,u;var v=useRef(null);var m=useRegistrationFormState({}),f=m.registrationFormState,c=m.setRegistrationFormState;var g=qe(),p=g[0],h=g[1],b=h.loading,y=h.errors,w=h.data,E=h.formError;var _=mn(RegistrationFormQuery,{key:e.formKey});var P=b||_.loading;useEffect((function(){var r,i,t;var a=(r=_===null||_===void 0?void 0:_.data)===null||r===void 0?void 0:r.form.initialData.initialData;var s=((i=_===null||_===void 0?void 0:_.data)===null||i===void 0?void 0:i.form.initialData.isEnabled)===false;var o=((t=_===null||_===void 0?void 0:_.data)===null||t===void 0?void 0:t.form.initialData.isEnabledErrorMessage)||e.formDisabledErrorMessage;var n={loading:P,disabled:s,disabledMessage:o,initialData:a};c(n)}),[(i=_===null||_===void 0?void 0:_.data)===null||i===void 0?void 0:i.form.initialData]);useEffect((function(){if(!v.current)return;var e=v.current;e.addEventListener("sl-input",k);return function(){e.removeEventListener("sl-input",k)}}),[v.current]);var F=function(i){return __awaiter(r,void 0,void 0,(function(){var r,t,a,s,o,n,l,d,u,v,m,g,h,b,y,w,E,_,P,F,k,S,M,j,D,x,L,q;return __generator(this,(function(R){switch(R.label){case 0:P=i.target.getFormControls();F={};k={};P===null||P===void 0?void 0:P.forEach((function(r){if(!r.name)return;var i=r.name;var t=r.value;jsonpointer.set(F,i,t);if(r.required&&!t){jsonpointer.set(k,i,e.requiredFieldErrorMessage)}if(typeof r.validationError==="function"){var a=r.validationError;var s=a({control:r,key:i,value:t});if(s)jsonpointer.set(k,i,s)}}));if((e.confirmPassword||F.confirmPassword)&&F.password!==F.confirmPassword){k=__assign(__assign({},k),{confirmPassword:e.passwordMismatchErrorMessage})}if(Object.keys(k).length){c(__assign(__assign({},f),{loading:false,error:"",validationErrors:k}));return[2]}c(__assign(__assign({},f),{loading:true,error:"",validationErrors:{}}));S=F.email,M=F.password;delete F.email;delete F.password;delete F.confirmPassword;j=e.redirectPath;D={key:e.formKey,formData:__assign({email:S,password:M,redirectPath:j},F)};R.label=1;case 1:R.trys.push([1,3,,4]);return[4,p(D)];case 2:x=R.sent();if(x instanceof Error){throw x}c(__assign(__assign({},f),{loading:false,error:"",validationErrors:{}}));L=(r=x.submitForm)===null||r===void 0?void 0:r.results.find((function(e){var r;return((r=e===null||e===void 0?void 0:e.formHandler)===null||r===void 0?void 0:r.namespace)==="identity"}));if(L&&L.result.results.length&&L.result.results[0].success&&L.result.results[0].data.token){pn.push(e.nextPage)}else if(((t=x.submitForm)===null||t===void 0?void 0:t.results.length)===1&&((n=(o=(s=(a=x.submitForm)===null||a===void 0?void 0:a.results[0])===null||s===void 0?void 0:s.result)===null||o===void 0?void 0:o.results)===null||n===void 0?void 0:n.length)===1&&((m=(v=(u=(d=(l=x.submitForm)===null||l===void 0?void 0:l.results[0])===null||d===void 0?void 0:d.result)===null||u===void 0?void 0:u.results)===null||v===void 0?void 0:v[0])===null||m===void 0?void 0:m.success)===false&&((E=(w=(y=(b=(h=(g=x.submitForm)===null||g===void 0?void 0:g.results[0])===null||h===void 0?void 0:h.result)===null||b===void 0?void 0:b.results)===null||y===void 0?void 0:y[0])===null||w===void 0?void 0:w.message)===null||E===void 0?void 0:E.startsWith("Blocked email"))){c(__assign(__assign({},f),{loading:false,error:"",validationErrors:{email:e.invalidEmailErrorMessage}}))}return[3,4];case 3:q=R.sent();if((_=q===null||q===void 0?void 0:q.message)===null||_===void 0?void 0:_.includes("is not a valid email address")){c(__assign(__assign({},f),{loading:false,error:"",validationErrors:{email:e.invalidEmailErrorMessage}}))}else{c(__assign(__assign({},f),{loading:false,error:e.networkErrorMessage,validationErrors:{}}))}return[3,4];case 4:return[2]}}))}))};var k=useCallback((function(e){var r,i;var t=(i=(r=e.target)===null||r===void 0?void 0:r.type)===null||i===void 0?void 0:i.toLowerCase();if(t!=="tel")return;var a=new AsYouType("US");e.target.value=a.input(e.target.value)}),[]);var S="";if(((t=_===null||_===void 0?void 0:_.data)===null||t===void 0?void 0:t.form.initialData.isEnabled)===false){S=((a=_===null||_===void 0?void 0:_.data)===null||a===void 0?void 0:a.form.initialData.isEnabledErrorMessage)||e.formDisabledErrorMessage}else if((s=y===null||y===void 0?void 0:y.response)===null||s===void 0?void 0:s["error"]){S=e.networkErrorMessage}else if((y===null||y===void 0?void 0:y.message)&&!((o=y===null||y===void 0?void 0:y.response)===null||o===void 0?void 0:o.errors.length)){S=e.networkErrorMessage}else{S=E||((u=(d=(l=(n=_===null||_===void 0?void 0:_.errors)===null||n===void 0?void 0:n.response)===null||l===void 0?void 0:l.errors)===null||d===void 0?void 0:d[0])===null||u===void 0?void 0:u.message)||(f===null||f===void 0?void 0:f.error)}return{states:{loading:b||_.loading,error:S,registrationFormState:f,confirmPassword:e.confirmPassword,hideInputs:e.hideInputs,loginPath:e.loginPath,enablePasswordValidation:!e.disablePasswordValidation},callbacks:{submit:F,inputFunction:k},refs:{formRef:v}}}var PortalRegistrationForm=function(){function e(e){registerInstance(this,e);this.ignored=true;this.nextPage="/";this.redirectPath="/verifyEmail";this.emailLabel="Email";this.passwordLabel="Password";this.submitLabel="Register";this.loginLabel="Sign in";this.confirmPasswordLabel="Confirm Password";this.confirmPassword=false;this.disablePasswordValidation=false;this.hideInputs=false;this.pageLabel="Register";this.loginPath="/login";this.requiredFieldErrorMessage="Cannot be empty";this.networkErrorMessage="Network request failed.";this.passwordMismatchErrorMessage="Passwords do not match.";this.invalidEmailErrorMessage="Must be a valid email address";this.formDisabledErrorMessage="The registration form is currently disabled.";h$1(this)}e.prototype.disconnectedCallback=function(){};e.prototype.render=function(){var e=isDemo()?useRegisterDemo(this):usePortalRegistrationForm(this),r=e.states,i=e.callbacks,t=e.refs;var a={formData:h("slot",{name:"formData"}),secondaryButton:h("slot",{name:"secondaryButton"},h("sl-button",{type:"text",disabled:r.loading,onClick:function(){return pn.push(r.loginPath)}},this.loginLabel)),terms:h("slot",{name:"terms"}),emailLabel:this.emailLabel,passwordLabel:this.passwordLabel,submitLabel:this.submitLabel,pageLabel:this.pageLabel,confirmPasswordLabel:this.confirmPasswordLabel,networkErrorMessage:this.networkErrorMessage,passwordMismatchErrorMessage:this.passwordMismatchErrorMessage,invalidEmailErrorMessage:this.invalidEmailErrorMessage,formDisabledErrorMessage:this.formDisabledErrorMessage,requiredFieldErrorMessage:this.requiredFieldErrorMessage};return h(PortalRegistrationFormView,{states:r,callbacks:i,content:a,refs:t})};return e}();function useRegisterDemo(e){var r=this;return cjs({states:{error:"",loading:false,confirmPassword:e.confirmPassword,hideInputs:e.hideInputs||false,customPasswordField:false,loginPath:"/login"},callbacks:{submit:function(e){return __awaiter(r,void 0,void 0,(function(){return __generator(this,(function(e){console.log("submit");return[2]}))}))},inputFunction:function(){}},refs:{formRef:{}}},e.demoData||{},{arrayMerge:function(e,r){return r}})}export{PortalRegistrationForm as sqm_portal_registration_form};var templateObject_1;

package/dist/esm-es5/{sqm-portal-reset-password-view-aebadea5.js → sqm-portal-reset-password-view-0df781f6.js}

@@ -1 +1 @@
-import{h}from"./index-17b4da69.js";import{A as AuthWrapper,a as AuthColumn,b as AuthButtonsContainer}from"./mixins-f60a614c.js";import{c as createStyleSheet}from"./JSS-67b5cff8.js";import{T as TextSpanView}from"./sqm-text-span-view-f1cacc75.js";var style={Wrapper:AuthWrapper,Column:AuthColumn,ButtonsContainer:AuthButtonsContainer,Banner:{"&::part(erroralert-base)":{margin:"15px 0px"}},CodeError:{"&::part(erroralert-base)":{"margin-bottom":"15px"}},CodeSuccess:{"&::part(successalert-base)":{"margin-bottom":"15px"}},ContinueButton:{width:"100%"}};var vanillaStyle="\n:host {\n  display: block;\n}\n:host([hidden]): {\n  display: none;\n}\n";var sheet=createStyleSheet(style);var styleString=sheet.toString();function PortalResetPasswordView(e){var t=e.states,s=e.callbacks;if(t.reset){return h("div",{class:sheet.classes.Wrapper+" "+sheet.classes.Column},h("style",{type:"text/css"},styleString),h(TextSpanView,{type:"h3"},t.content.resetPasswordHeader),h("sqm-form-message",{class:sheet.classes.CodeSuccess,exportparts:"success-icon"},h("div",{part:"successalert-text"},"Your password has been reset and you are being redirected. If you are not redirected, please click Continue.")),h("div",null,h("sl-button",{class:sheet.classes.ContinueButton,onClick:s.gotoNextPage,loading:t.loading,exportparts:"base: primarybutton-base",type:"primary"},t.content.continueButtonText)))}if(t.oobCodeValidating){return h("div",null)}if(!t.oobCodeValid){return h("div",{class:sheet.classes.Wrapper+" "+sheet.classes.Column},h("style",{type:"text/css"},styleString),h("sqm-form-message",{class:sheet.classes.CodeError,type:"error",exportparts:"erroralert-icon"},h("div",{part:"erroralert-text"},"The password reset code is invalid or has expired, please try again.")),h("div",null,h("sl-button",{class:sheet.classes.ContinueButton,onClick:s.failed,exportparts:"base: primarybutton-base",type:"primary"},t.content.continueButtonText)))}return h("div",{class:sheet.classes.Wrapper},h("style",{type:"text/css"},vanillaStyle,styleString),h(TextSpanView,{type:"h2"},t.reset?t.content.passwordResetHeader:t.content.resetPasswordHeader),h("sl-form",{class:sheet.classes.Column,"onSl-submit":s.submit},e.states.error&&h("sqm-form-message",{type:"error",class:sheet.classes.Banner,exportparts:"erroralert-icon"},h("div",{part:"erroralert-text"},e.states.error)),!t.reset&&h("sqm-password-field",{fieldLabel:t.content.passwordFieldLabel,demoData:t.passwordDemoData}),!t.reset&&t.confirmPassword&&h("sl-input",{exportparts:"label: input-label",type:"password",name:"/confirmPassword",label:t.content.confirmPasswordFieldLabel,disabled:t.loading,required:true}),h("div",{class:sheet.classes.ButtonsContainer},h("sl-button",{class:sheet.classes.ContinueButton,submit:true,loading:t.loading,exportparts:"base: primarybutton-base",type:"primary"},t.reset?t.content.continueButtonText:t.content.resetPasswordButtonText))))}export{PortalResetPasswordView as P};
+import{h}from"./index-17b4da69.js";import{A as AuthWrapper,a as AuthColumn,b as AuthButtonsContainer}from"./mixins-f60a614c.js";import{c as createStyleSheet}from"./JSS-67b5cff8.js";import{T as TextSpanView}from"./sqm-text-span-view-8d140661.js";var style={Wrapper:AuthWrapper,Column:AuthColumn,ButtonsContainer:AuthButtonsContainer,Banner:{"&::part(erroralert-base)":{margin:"15px 0px"}},CodeError:{"&::part(erroralert-base)":{"margin-bottom":"15px"}},CodeSuccess:{"&::part(successalert-base)":{"margin-bottom":"15px"}},ContinueButton:{width:"100%"}};var vanillaStyle="\n:host {\n  display: block;\n}\n:host([hidden]): {\n  display: none;\n}\n";var sheet=createStyleSheet(style);var styleString=sheet.toString();function PortalResetPasswordView(e){var t=e.states,s=e.callbacks;if(t.reset){return h("div",{class:sheet.classes.Wrapper+" "+sheet.classes.Column},h("style",{type:"text/css"},styleString),h(TextSpanView,{type:"h3"},t.content.resetPasswordHeader),h("sqm-form-message",{class:sheet.classes.CodeSuccess,exportparts:"success-icon"},h("div",{part:"successalert-text"},"Your password has been reset and you are being redirected. If you are not redirected, please click Continue.")),h("div",null,h("sl-button",{class:sheet.classes.ContinueButton,onClick:s.gotoNextPage,loading:t.loading,exportparts:"base: primarybutton-base",type:"primary"},t.content.continueButtonText)))}if(t.oobCodeValidating){return h("div",null)}if(!t.oobCodeValid){return h("div",{class:sheet.classes.Wrapper+" "+sheet.classes.Column},h("style",{type:"text/css"},styleString),h("sqm-form-message",{class:sheet.classes.CodeError,type:"error",exportparts:"erroralert-icon"},h("div",{part:"erroralert-text"},"The password reset code is invalid or has expired, please try again.")),h("div",null,h("sl-button",{class:sheet.classes.ContinueButton,onClick:s.failed,exportparts:"base: primarybutton-base",type:"primary"},t.content.continueButtonText)))}return h("div",{class:sheet.classes.Wrapper},h("style",{type:"text/css"},vanillaStyle,styleString),h(TextSpanView,{type:"h2"},t.reset?t.content.passwordResetHeader:t.content.resetPasswordHeader),h("sl-form",{class:sheet.classes.Column,"onSl-submit":s.submit},e.states.error&&h("sqm-form-message",{type:"error",class:sheet.classes.Banner,exportparts:"erroralert-icon"},h("div",{part:"erroralert-text"},e.states.error)),!t.reset&&h("sqm-password-field",{fieldLabel:t.content.passwordFieldLabel,demoData:t.passwordDemoData}),!t.reset&&t.confirmPassword&&h("sl-input",{exportparts:"label: input-label",type:"password",name:"/confirmPassword",label:t.content.confirmPasswordFieldLabel,disabled:t.loading,required:true}),h("div",{class:sheet.classes.ButtonsContainer},h("sl-button",{class:sheet.classes.ContinueButton,submit:true,loading:t.loading,exportparts:"base: primarybutton-base",type:"primary"},t.reset?t.content.continueButtonText:t.content.resetPasswordButtonText))))}export{PortalResetPasswordView as P};

package/dist/esm-es5/sqm-portal-reset-password.entry.js

@@ -1 +1 @@
-var __awaiter=this&&this.__awaiter||function(e,t,r,s){function o(e){return e instanceof r?e:new r((function(t){t(e)}))}return new(r||(r=Promise))((function(r,a){function n(e){try{d(s.next(e))}catch(e){a(e)}}function i(e){try{d(s["throw"](e))}catch(e){a(e)}}function d(e){e.done?r(e.value):o(e.value).then(n,i)}d((s=s.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var r={label:0,sent:function(){if(a[0]&1)throw a[1];return a[1]},trys:[],ops:[]},s,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(s)throw new TypeError("Generator is already executing.");while(r)try{if(s=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:r.label++;return{value:n[1],done:false};case 5:r.label++;o=n[1];n=[0];continue;case 7:n=r.ops.pop();r.trys.pop();continue;default:if(!(a=r.trys,a=a.length>0&&a[a.length-1])&&(n[0]===6||n[0]===2)){r=0;continue}if(n[0]===3&&(!a||n[1]>a[0]&&n[1]<a[3])){r.label=n[1];break}if(n[0]===6&&r.label<a[1]){r.label=a[1];a=n;break}if(a&&r.label<a[2]){r.label=a[2];r.ops.push(n);break}if(a[2])r.ops.pop();r.trys.pop();continue}n=t.call(e,r)}catch(e){n=[6,e];o=0}finally{s=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{i as useState,u as useEffect,m as h}from"./stencil-hooks.module-b48b45ec.js";import"./use-callback-051c06c6.js";import{c as Ne,W as We,f as fn,i as isDemo}from"./index.module-3c720e8f.js";import{j as jsonpointer}from"./jsonpointer-388a7082.js";import{c as cjs}from"./cjs-bdfb4486.js";import"./mixins-f60a614c.js";import"./JSS-67b5cff8.js";import{s as sanitizeUrlPath}from"./utils-334c1e34.js";import"./sqm-text-span-view-f1cacc75.js";import{P as PortalResetPasswordView}from"./sqm-portal-reset-password-view-aebadea5.js";function usePortalResetPassword(e){var t=this;var r,s,o,a,n,i,d,l,u,c;var f=useState(false),w=f[0],p=f[1];var v=useState(""),h=v[0],P=v[1];var m=Ne(),b=m[0],g=m[1];var x=We(),_=x[0],y=x[1];var j=new URLSearchParams(fn.location.search);var R=j.get("oobCode");j.delete("oobCode");var k=j.get("nextPage");var C=function(){return __awaiter(t,void 0,void 0,(function(){var e;return __generator(this,(function(t){switch(t.label){case 0:return[4,b({oobCode:R})];case 1:e=t.sent();if(e instanceof Error){P("Network request failed.")}return[2]}}))}))};useEffect((function(){C()}),[]);var T=function(e){return __awaiter(t,void 0,void 0,(function(){var t,r,s;return __generator(this,(function(o){switch(o.label){case 0:P("");t=e.detail.formData;t===null||t===void 0?void 0:t.forEach((function(e,r){jsonpointer.set(t,r,e)}));r={oobCode:R,password:t.password};if(t.password!==t.confirmPassword){P("Passwords do not match.");return[2]}return[4,_(r)];case 1:s=o.sent();if(s instanceof Error){return[2,P("Network request failed.")]}if(s.resetManagedIdentityPassword){p(true);setTimeout((function(){L()}),5e3)}return[2]}}))}))};var L=function(){j.delete("nextPage");var t=sanitizeUrlPath(k||e.nextPage);fn.push(t.href)};var B=function(){fn.push({pathname:e.failedPage,search:j.toString()&&"?"+j.toString()})};return{states:{loading:y.loading,reset:w,confirmPassword:e.confirmPassword,error:((n=(a=(o=(s=(r=y.errors)===null||r===void 0?void 0:r.response)===null||s===void 0?void 0:s.errors)===null||o===void 0?void 0:o[0])===null||a===void 0?void 0:a.extensions)===null||n===void 0?void 0:n.message)||((u=(l=(d=(i=y.errors)===null||i===void 0?void 0:i.response)===null||d===void 0?void 0:d.errors)===null||l===void 0?void 0:l[0])===null||u===void 0?void 0:u.message)||h,oobCodeValidating:g.loading,oobCodeValid:(c=g.data)===null||c===void 0?void 0:c.verifyManagedIdentityPasswordResetCode.success,content:{passwordResetHeader:e.passwordResetHeader,resetPasswordHeader:e.resetPasswordHeader,continueButtonText:e.continueButtonText,resetPasswordButtonText:e.resetPasswordButtonText,confirmPasswordFieldLabel:e.confirmPasswordFieldLabel,passwordFieldLabel:e.passwordFieldLabel}},callbacks:{submit:T,failed:B,gotoNextPage:L}}}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=isDemo()?usePortalResetPasswordDemo(this):usePortalResetPassword(this),t=e.states,r=e.callbacks;return h$1(PortalResetPasswordView,{states:t,callbacks:r})};return e}();function usePortalResetPasswordDemo(e){var t=this;return cjs({states:{error:"",loading:false,reset:false,confirmPassword:e.confirmPassword,oobCodeValidating:false,oobCodeValid:true,content:{passwordResetHeader:e.passwordResetHeader,resetPasswordHeader:e.resetPasswordHeader,continueButtonText:e.continueButtonText,resetPasswordButtonText:e.resetPasswordButtonText,confirmPasswordFieldLabel:e.confirmPasswordFieldLabel,passwordFieldLabel:e.passwordFieldLabel}},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};
+var __awaiter=this&&this.__awaiter||function(e,t,r,s){function o(e){return e instanceof r?e:new r((function(t){t(e)}))}return new(r||(r=Promise))((function(r,a){function n(e){try{d(s.next(e))}catch(e){a(e)}}function i(e){try{d(s["throw"](e))}catch(e){a(e)}}function d(e){e.done?r(e.value):o(e.value).then(n,i)}d((s=s.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var r={label:0,sent:function(){if(a[0]&1)throw a[1];return a[1]},trys:[],ops:[]},s,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(s)throw new TypeError("Generator is already executing.");while(r)try{if(s=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:r.label++;return{value:n[1],done:false};case 5:r.label++;o=n[1];n=[0];continue;case 7:n=r.ops.pop();r.trys.pop();continue;default:if(!(a=r.trys,a=a.length>0&&a[a.length-1])&&(n[0]===6||n[0]===2)){r=0;continue}if(n[0]===3&&(!a||n[1]>a[0]&&n[1]<a[3])){r.label=n[1];break}if(n[0]===6&&r.label<a[1]){r.label=a[1];a=n;break}if(a&&r.label<a[2]){r.label=a[2];r.ops.push(n);break}if(a[2])r.ops.pop();r.trys.pop();continue}n=t.call(e,r)}catch(e){n=[6,e];o=0}finally{s=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{j as useState,f as useEffect,m as h}from"./stencil-hooks.module-14b87f98.js";import{h as Le,N as Ne,p as pn,i as isDemo}from"./index.module-bbce47bd.js";import{j as jsonpointer}from"./jsonpointer-388a7082.js";import{c as cjs}from"./cjs-bdfb4486.js";import"./mixins-f60a614c.js";import"./JSS-67b5cff8.js";import{s as sanitizeUrlPath}from"./utils-334c1e34.js";import"./sqm-text-span-view-8d140661.js";import{P as PortalResetPasswordView}from"./sqm-portal-reset-password-view-0df781f6.js";function usePortalResetPassword(e){var t=this;var r,s,o,a,n,i,d,l,u,c;var f=useState(false),w=f[0],p=f[1];var h=useState(""),v=h[0],P=h[1];var m=Le(),b=m[0],g=m[1];var x=Ne(),_=x[0],y=x[1];var j=new URLSearchParams(pn.location.search);var R=j.get("oobCode");j.delete("oobCode");var L=j.get("nextPage");var k=function(){return __awaiter(t,void 0,void 0,(function(){var e;return __generator(this,(function(t){switch(t.label){case 0:return[4,b({oobCode:R})];case 1:e=t.sent();if(e instanceof Error){P("Network request failed.")}return[2]}}))}))};useEffect((function(){k()}),[]);var C=function(e){return __awaiter(t,void 0,void 0,(function(){var t,r,s;return __generator(this,(function(o){switch(o.label){case 0:P("");t=e.detail.formData;t===null||t===void 0?void 0:t.forEach((function(e,r){jsonpointer.set(t,r,e)}));r={oobCode:R,password:t.password};if(t.password!==t.confirmPassword){P("Passwords do not match.");return[2]}return[4,_(r)];case 1:s=o.sent();if(s instanceof Error){return[2,P("Network request failed.")]}if(s.resetManagedIdentityPassword){p(true);setTimeout((function(){T()}),5e3)}return[2]}}))}))};var T=function(){j.delete("nextPage");var t=sanitizeUrlPath(L||e.nextPage);pn.push(t.href)};var B=function(){pn.push({pathname:e.failedPage,search:j.toString()&&"?"+j.toString()})};return{states:{loading:y.loading,reset:w,confirmPassword:e.confirmPassword,error:((n=(a=(o=(s=(r=y.errors)===null||r===void 0?void 0:r.response)===null||s===void 0?void 0:s.errors)===null||o===void 0?void 0:o[0])===null||a===void 0?void 0:a.extensions)===null||n===void 0?void 0:n.message)||((u=(l=(d=(i=y.errors)===null||i===void 0?void 0:i.response)===null||d===void 0?void 0:d.errors)===null||l===void 0?void 0:l[0])===null||u===void 0?void 0:u.message)||v,oobCodeValidating:g.loading,oobCodeValid:(c=g.data)===null||c===void 0?void 0:c.verifyManagedIdentityPasswordResetCode.success,content:{passwordResetHeader:e.passwordResetHeader,resetPasswordHeader:e.resetPasswordHeader,continueButtonText:e.continueButtonText,resetPasswordButtonText:e.resetPasswordButtonText,confirmPasswordFieldLabel:e.confirmPasswordFieldLabel,passwordFieldLabel:e.passwordFieldLabel}},callbacks:{submit:C,failed:B,gotoNextPage:T}}}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=isDemo()?usePortalResetPasswordDemo(this):usePortalResetPassword(this),t=e.states,r=e.callbacks;return h$1(PortalResetPasswordView,{states:t,callbacks:r})};return e}();function usePortalResetPasswordDemo(e){var t=this;return cjs({states:{error:"",loading:false,reset:false,confirmPassword:e.confirmPassword,oobCodeValidating:false,oobCodeValid:true,content:{passwordResetHeader:e.passwordResetHeader,resetPasswordHeader:e.resetPasswordHeader,continueButtonText:e.continueButtonText,resetPasswordButtonText:e.resetPasswordButtonText,confirmPasswordFieldLabel:e.confirmPasswordFieldLabel,passwordFieldLabel:e.passwordFieldLabel}},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};

package/dist/esm-es5/sqm-portal-verify-email-view-1db4fae6.js

@@ -0,0 +1 @@
+import{h}from"./index-17b4da69.js";import{A as AuthWrapper,a as AuthColumn}from"./mixins-f60a614c.js";import{c as createStyleSheet}from"./JSS-67b5cff8.js";import{T as TextSpanView}from"./sqm-text-span-view-8d140661.js";var style={Wrapper:AuthWrapper,Column:AuthColumn,ContinueButton:{width:"100%"}};var vanillaStyle="\n:host {\n  display: block;\n}\n:host([hidden]): {\n  display: none;\n}\n";var sheet=createStyleSheet(style);var styleString=sheet.toString();function PortalVerifyEmailView(e){var t=e.states,r=e.data,a=e.callbacks;if(t.verified){return h("div",{class:sheet.classes.Wrapper,part:"sqm-base"},h("style",{type:"text/css"},vanillaStyle,styleString),h(TextSpanView,{type:"h3"},"Verify your email"),h("sqm-form-message",{exportparts:"success-icon"},h("div",{part:"successalert-text"},"Your email has been verified and you are being redirected. If you are not redirected, please click Continue.")),h("sl-button",{class:sheet.classes.ContinueButton,onClick:a.gotoNextPage,loading:t.loading,exportparts:"base: primarybutton-base",type:"primary"},"Continue"))}if(t.error||!r.oobCode){return h("div",{class:sheet.classes.Wrapper,part:"sqm-base"},h("style",{type:"text/css"},styleString),h(TextSpanView,{type:"h3"},"Verify your email"),h("sqm-form-message",{type:"error",exportparts:"erroralert-icon"},h("div",{part:"erroralert-text"},"The email verification code is invalid or has expired, please try again.")),h("sl-button",{class:sheet.classes.ContinueButton,onClick:a.failed,loading:t.loading,exportparts:"base: primarybutton-base",type:"primary"},"Continue"))}}export{PortalVerifyEmailView as P};

package/dist/esm-es5/sqm-portal-verify-email.entry.js

@@ -1 +1 @@
-var __awaiter=this&&this.__awaiter||function(e,t,r,i){function a(e){return e instanceof r?e:new r((function(t){t(e)}))}return new(r||(r=Promise))((function(r,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?r(e.value):a(e.value).then(o,s)}l((i=i.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var r={label:0,sent:function(){if(n[0]&1)throw n[1];return n[1]},trys:[],ops:[]},i,a,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(r)try{if(i=1,a&&(n=o[0]&2?a["return"]:o[0]?a["throw"]||((n=a["return"])&&n.call(a),0):a.next)&&!(n=n.call(a,o[1])).done)return n;if(a=0,n)o=[o[0]&2,n.value];switch(o[0]){case 0:case 1:n=o;break;case 4:r.label++;return{value:o[1],done:false};case 5:r.label++;a=o[1];o=[0];continue;case 7:o=r.ops.pop();r.trys.pop();continue;default:if(!(n=r.trys,n=n.length>0&&n[n.length-1])&&(o[0]===6||o[0]===2)){r=0;continue}if(o[0]===3&&(!n||o[1]>n[0]&&o[1]<n[3])){r.label=o[1];break}if(o[0]===6&&r.label<n[1]){r.label=n[1];n=o;break}if(n&&r.label<n[2]){r.label=n[2];r.ops.push(o);break}if(n[2])r.ops.pop();r.trys.pop();continue}o=t.call(e,r)}catch(e){o=[6,e];a=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{u as useEffect,m as h}from"./stencil-hooks.module-b48b45ec.js";import"./use-callback-051c06c6.js";import{N,X as Xe,f as fn,i as isDemo}from"./index.module-3c720e8f.js";import{c as cjs}from"./cjs-bdfb4486.js";import"./mixins-f60a614c.js";import"./JSS-67b5cff8.js";import{s as sanitizeUrlPath}from"./utils-334c1e34.js";import"./sqm-text-span-view-f1cacc75.js";import{P as PortalVerifyEmailView}from"./sqm-portal-verify-email-view-4ba9cbb9.js";function usePortalVerifyEmail(e){var t=this;var r=e.nextPage,i=e.failedPage;var a,n,o,s,l,u,c,f;var d=N();var v=Xe(),m=v[0],h=v[1],p=h.loading,b=h.data,g=h.errors;var y=new URLSearchParams(fn.location.search);var w=y.get("oobCode");var P=y.get("nextPage");var x=b===undefined&&g===undefined&&!!w;var _=!!(((a=d===null||d===void 0?void 0:d.managedIdentity)===null||a===void 0?void 0:a.emailVerified)||(b===null||b===void 0?void 0:b.verifyManagedIdentityEmail.success));var E=function(){return fn.push({pathname:i,search:y.toString()&&"?"+y.toString()})};var j=function(){y.delete("nextPage");var e=sanitizeUrlPath(P||r);fn.push(e.href)};var k=function(){return __awaiter(t,void 0,void 0,(function(){var e,t;return __generator(this,(function(r){switch(r.label){case 0:if(!w)return[3,2];return[4,m({oobCode:w})];case 1:t=r.sent();if((t instanceof Error||!t.verifyManagedIdentityEmail.success)&&!((e=d===null||d===void 0?void 0:d.managedIdentity)===null||e===void 0?void 0:e.emailVerified)){return[2]}setTimeout((function(){j()}),3e3);r.label=2;case 2:return[2]}}))}))};useEffect((function(){if(_){setTimeout((function(){j()}),3e3)}!b&&k()}),[_]);return{states:{loading:p||x,error:((l=(s=(o=(n=g===null||g===void 0?void 0:g.response)===null||n===void 0?void 0:n.errors)===null||o===void 0?void 0:o[0])===null||s===void 0?void 0:s.extensions)===null||l===void 0?void 0:l.message)||((f=(c=(u=g===null||g===void 0?void 0:g.response)===null||u===void 0?void 0:u.errors)===null||c===void 0?void 0:c[0])===null||f===void 0?void 0:f.message)||(g===null||g===void 0?void 0:g.message)&&"Network request failed.",verified:_},data:{oobCode:w},callbacks:{failed:E,gotoNextPage:j}}}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=isDemo()?usePortalVerifyEmailDemo(this):usePortalVerifyEmail(this),t=e.states,r=e.data,i=e.callbacks;return h$1(PortalVerifyEmailView,{states:t,data:r,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};
+var __awaiter=this&&this.__awaiter||function(e,t,r,i){function n(e){return e instanceof r?e:new r((function(t){t(e)}))}return new(r||(r=Promise))((function(r,a){function o(e){try{l(i.next(e))}catch(e){a(e)}}function s(e){try{l(i["throw"](e))}catch(e){a(e)}}function l(e){e.done?r(e.value):n(e.value).then(o,s)}l((i=i.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var r={label:0,sent:function(){if(a[0]&1)throw a[1];return a[1]},trys:[],ops:[]},i,n,a,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(r)try{if(i=1,n&&(a=o[0]&2?n["return"]:o[0]?n["throw"]||((a=n["return"])&&a.call(n),0):n.next)&&!(a=a.call(n,o[1])).done)return a;if(n=0,a)o=[o[0]&2,a.value];switch(o[0]){case 0:case 1:a=o;break;case 4:r.label++;return{value:o[1],done:false};case 5:r.label++;n=o[1];o=[0];continue;case 7:o=r.ops.pop();r.trys.pop();continue;default:if(!(a=r.trys,a=a.length>0&&a[a.length-1])&&(o[0]===6||o[0]===2)){r=0;continue}if(o[0]===3&&(!a||o[1]>a[0]&&o[1]<a[3])){r.label=o[1];break}if(o[0]===6&&r.label<a[1]){r.label=a[1];a=o;break}if(a&&r.label<a[2]){r.label=a[2];r.ops.push(o);break}if(a[2])r.ops.pop();r.trys.pop();continue}o=t.call(e,r)}catch(e){o=[6,e];n=0}finally{i=a=0}if(o[0]&5)throw o[1];return{value:o[0]?o[1]:void 0,done:true}}};import{r as registerInstance,h as h$1}from"./index-17b4da69.js";import{f as useEffect,m as h}from"./stencil-hooks.module-14b87f98.js";import{L,Y as Ye,p as pn,i as isDemo}from"./index.module-bbce47bd.js";import{c as cjs}from"./cjs-bdfb4486.js";import"./mixins-f60a614c.js";import"./JSS-67b5cff8.js";import{s as sanitizeUrlPath}from"./utils-334c1e34.js";import"./sqm-text-span-view-8d140661.js";import{P as PortalVerifyEmailView}from"./sqm-portal-verify-email-view-1db4fae6.js";function usePortalVerifyEmail(e){var t=this;var r=e.nextPage,i=e.failedPage;var n,a,o,s,l,u,f,c;var d=L();var v=Ye(),m=v[0],h=v[1],p=h.loading,g=h.data,b=h.errors;var y=new URLSearchParams(pn.location.search);var w=y.get("oobCode");var P=y.get("nextPage");var x=g===undefined&&b===undefined&&!!w;var _=!!(((n=d===null||d===void 0?void 0:d.managedIdentity)===null||n===void 0?void 0:n.emailVerified)||(g===null||g===void 0?void 0:g.verifyManagedIdentityEmail.success));var E=function(){return pn.push({pathname:i,search:y.toString()&&"?"+y.toString()})};var j=function(){y.delete("nextPage");var e=sanitizeUrlPath(P||r);pn.push(e.href)};var V=function(){return __awaiter(t,void 0,void 0,(function(){var e,t;return __generator(this,(function(r){switch(r.label){case 0:if(!w)return[3,2];return[4,m({oobCode:w})];case 1:t=r.sent();if((t instanceof Error||!t.verifyManagedIdentityEmail.success)&&!((e=d===null||d===void 0?void 0:d.managedIdentity)===null||e===void 0?void 0:e.emailVerified)){return[2]}setTimeout((function(){j()}),3e3);r.label=2;case 2:return[2]}}))}))};useEffect((function(){if(_){setTimeout((function(){j()}),3e3)}!g&&V()}),[_]);return{states:{loading:p||x,error:((l=(s=(o=(a=b===null||b===void 0?void 0:b.response)===null||a===void 0?void 0:a.errors)===null||o===void 0?void 0:o[0])===null||s===void 0?void 0:s.extensions)===null||l===void 0?void 0:l.message)||((c=(f=(u=b===null||b===void 0?void 0:b.response)===null||u===void 0?void 0:u.errors)===null||f===void 0?void 0:f[0])===null||c===void 0?void 0:c.message)||(b===null||b===void 0?void 0:b.message)&&"Network request failed.",verified:_},data:{oobCode:w},callbacks:{failed:E,gotoNextPage:j}}}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=isDemo()?usePortalVerifyEmailDemo(this):usePortalVerifyEmail(this),t=e.states,r=e.data,i=e.callbacks;return h$1(PortalVerifyEmailView,{states:t,data:r,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};

package/dist/esm-es5/sqm-referral-table_11.entry.js

@@ -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,f as useReducer,k as useMemo,u as useEffect}from"./stencil-hooks.module-b48b45ec.js";import{i as intl}from"./global-27ee1626.js";import"./use-callback-051c06c6.js";import{i as isDemo}from"./index.module-3c720e8f.js";import{c as cjs}from"./cjs-bdfb4486.js";import"./mixins-f60a614c.js";import{c as createStyleSheet}from"./JSS-67b5cff8.js";import{G as GenericTableView}from"./GenericTableView-ce26115f.js";import{a as useRequestRerender,u as useRerenderListener}from"./re-render-695ddbbd.js";import{u as useChildElements}from"./useChildElements-79be4145.js";import{l as luxon}from"./luxon-1e38d7f1.js";import{a as getPaypalMeta,u as useReferralTable,t as tryMethod}from"./useReferralTable-5c18f7c5.js";import{l as luxonLocale}from"./utils-334c1e34.js";import{T as TextSpanView}from"./sqm-text-span-view-f1cacc75.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",meta:__assign({},getPaypalMeta()),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.hideLabels=false;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=isDemo()?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(){var t;return((t=e.demoData)===null||t===void 0?void 0:t.mockData)||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(y){switch(y.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){var t,r;return e.slot!=="loading"&&e.slot!=="empty"&&((t=e===null||e===void 0?void 0:e.firstElementChild)===null||t===void 0?void 0:t.getAttribute("slot"))!=="loading"&&((r=e===null||e===void 0?void 0:e.firstElementChild)===null||r===void 0?void 0:r.getAttribute("slot"))!=="empty"}));u=o===null||o===void 0?void 0:o.map((function(e,t){return __awaiter(_,void 0,void 0,(function(){var r,a,n;return __generator(this,(function(s){a=(r=e===null||e===void 0?void 0:e.firstElementChild)===null||r===void 0?void 0:r.getAttribute("slot");if(e.tagName==="RAISINS-PLOP-TARGET"&&a!=="loading"&&a!=="empty"){e.setAttribute("slot","column-"+t);e.style.position="absolute";n=e.firstElementChild.childNodes[1];n.innerHTML="＋";n.style.lineHeight="20px";return[2,tryMethod(e,(function(){return e.renderLabel(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=y.sent();y.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([y.sent()])).filter((function(e){return e}));y.label=4;case 4:h=p;s({rows:h});g=u;if(!g)return[3,6];return[4,Promise.all(u)];case 5:g=y.sent();y.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.hideLabels,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};
+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{r as registerInstance,h as h$1,g as getElement,c as Host}from"./index-17b4da69.js";import{m as h,i as useReducer,u as useMemo,f as useEffect}from"./stencil-hooks.module-14b87f98.js";import{i as intl}from"./global-9992475a.js";import{i as isDemo}from"./index.module-bbce47bd.js";import{c as cjs}from"./cjs-bdfb4486.js";import"./mixins-f60a614c.js";import{c as createStyleSheet}from"./JSS-67b5cff8.js";import{G as GenericTableView}from"./GenericTableView-266126f9.js";import{a as useRequestRerender,u as useRerenderListener}from"./re-render-88ac4fa7.js";import{u as useChildElements}from"./useChildElements-ae207f6d.js";import{l as luxon}from"./luxon-f01e85fe.js";import{a as getPaypalMeta,u as useReferralTable,t as tryMethod}from"./useReferralTable-3aa578fa.js";import{l as luxonLocale}from"./utils-334c1e34.js";import{T as TextSpanView}from"./sqm-text-span-view-8d140661.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",meta:__assign({},getPaypalMeta()),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.hideLabels=false;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=isDemo()?useReferralTableDemo(this,e,t):useReferralTable(this,e,t),a=r.states,n=r.data,l=r.callbacks,s=r.elements;useRequestRerender([this.showReferrer,this.perPage]);return h$1(GenericTableView,{states:a,data:n,callbacks:l,elements:s})};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],l=a[1];var s=useRerenderListener();var i=useMemo((function(){var t;return((t=e.demoData)===null||t===void 0?void 0:t.mockData)||mockReferralData(e.perPage)}),[e.perPage]);var o=useChildElements();function u(t){return __awaiter(this,void 0,void 0,(function(){var r,a,n,s,o,u,d,c,f,h,p,m,v,g;var _=this;return __generator(this,(function(y){switch(y.label){case 0:n=i===null||i===void 0?void 0:i.referredByReferral;s=e.showReferrer&&!!((r=i===null||i===void 0?void 0:i.referredByReferral)===null||r===void 0?void 0:r.dateReferralStarted);if(s){a=i.data.slice(0,e.perPage-1)}else{a=i.data.slice(0,e.perPage)}o=t.filter((function(e){var t,r;return e.slot!=="loading"&&e.slot!=="empty"&&((t=e===null||e===void 0?void 0:e.firstElementChild)===null||t===void 0?void 0:t.getAttribute("slot"))!=="loading"&&((r=e===null||e===void 0?void 0:e.firstElementChild)===null||r===void 0?void 0:r.getAttribute("slot"))!=="empty"}));u=o===null||o===void 0?void 0:o.map((function(e,t){return __awaiter(_,void 0,void 0,(function(){var r,a,n;return __generator(this,(function(l){a=(r=e===null||e===void 0?void 0:e.firstElementChild)===null||r===void 0?void 0:r.getAttribute("slot");if(e.tagName==="RAISINS-PLOP-TARGET"&&a!=="loading"&&a!=="empty"){e.setAttribute("slot","column-"+t);e.style.position="absolute";n=e.firstElementChild.childNodes[1];n.innerHTML="＋";n.style.lineHeight="20px";return[2,tryMethod(e,(function(){return e.renderLabel(t)}))]}return[2,tryMethod(e,(function(){return e.renderLabel()}))]}))}))}));if(!s)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=y.sent();y.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([y.sent()])).filter((function(e){return e}));y.label=4;case 4:h=p;l({rows:h});g=u;if(!g)return[3,6];return[4,Promise.all(u)];case 5:g=y.sent();y.label=6;case 6:v=g;l({columns:v,loading:false,page:0});return[2]}}))}))}useEffect((function(){l({loading:true});(i===null||i===void 0?void 0:i.data)&&u(o)}),[i===null||i===void 0?void 0:i.data,o,s]);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.hideLabels,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 l=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 s=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=l(t.statuses);var o=s(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",{part:"sqm-cell-value",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,part:"sqm-cell-value"},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,part:"sqm-cell-value"},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,part:"sqm-cell-value"},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,part:"sqm-cell-value"},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,part:"sqm-cell-value"},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,part:"sqm-cell-value"},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,exportparts:"sqm-cell-value"})]}))}))};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,exportparts:"sqm-cell-value"})]}))}))};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,l,s,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=((l=e===null||e===void 0?void 0:e.referrerUser)===null||l===void 0?void 0:l.firstName)+" "+((s=e===null||e===void 0?void 0:e.referrerUser)===null||s===void 0?void 0:s.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,l;return __generator(this,(function(s){if(!e){l=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)){l=this.anonymousUser}else{l=((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:l})]}))}))};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};

package/dist/esm-es5/sqm-referred-registration.entry.js

@@ -0,0 +1 @@
+var __awaiter=this&&this.__awaiter||function(e,t,i,r){function a(e){return e instanceof i?e:new i((function(t){t(e)}))}return new(i||(i=Promise))((function(i,s){function n(e){try{l(r.next(e))}catch(e){s(e)}}function o(e){try{l(r["throw"](e))}catch(e){s(e)}}function l(e){e.done?i(e.value):a(e.value).then(n,o)}l((r=r.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var i={label:0,sent:function(){if(s[0]&1)throw s[1];return s[1]},trys:[],ops:[]},r,a,s,n;return n={next:o(0),throw:o(1),return:o(2)},typeof Symbol==="function"&&(n[Symbol.iterator]=function(){return this}),n;function o(e){return function(t){return l([e,t])}}function l(n){if(r)throw new TypeError("Generator is already executing.");while(i)try{if(r=1,a&&(s=n[0]&2?a["return"]:n[0]?a["throw"]||((s=a["return"])&&s.call(a),0):a.next)&&!(s=s.call(a,n[1])).done)return s;if(a=0,s)n=[n[0]&2,s.value];switch(n[0]){case 0:case 1:s=n;break;case 4:i.label++;return{value:n[1],done:false};case 5:i.label++;a=n[1];n=[0];continue;case 7:n=i.ops.pop();i.trys.pop();continue;default:if(!(s=i.trys,s=s.length>0&&s[s.length-1])&&(n[0]===6||n[0]===2)){i=0;continue}if(n[0]===3&&(!s||n[1]>s[0]&&n[1]<s[3])){i.label=n[1];break}if(n[0]===6&&i.label<s[1]){i.label=s[1];s=n;break}if(s&&i.label<s[2]){i.label=s[2];i.ops.push(n);break}if(s[2])i.ops.pop();i.trys.pop();continue}n=t.call(e,i)}catch(e){n=[6,e];a=0}finally{r=s=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{m as h}from"./stencil-hooks.module-14b87f98.js";import{i as isDemo,e as setUserIdentity}from"./index.module-bbce47bd.js";import"./jsonpointer-388a7082.js";import{c as cjs}from"./cjs-bdfb4486.js";import"./mixins-f60a614c.js";import"./JSS-67b5cff8.js";import{E as EmailRegistrationView}from"./email-registration-view-0a11e959.js";import"./useRegistrationFormState-7bf6c145.js";import{u as useInstantAccessRegistration}from"./useInstantAccessRegistration-175820dc.js";var ReferredRegistration=function(){function e(e){registerInstance(this,e);this.ignored=true;this.emailLabel="Email";this.firstNameLabel="First Name";this.lastNameLabel="Last Name";this.registerLabel="Start Referring";this.includeName=false;this.hideBorder=false;this.requiredFieldErrorMessage="Cannot be empty";this.invalidEmailErrorMessage="Please enter a valid email address";this.networkErrorMessage="There was a problem signing you in. Please wait a moment and try again. If this problem continues, contact Support for help resolving this issue.";this.paddingTop="large";this.paddingRight="large";this.paddingBottom="large";this.paddingLeft="large";this.backgroundColor="#ffffff";this.includeCookies=true;h(this)}e.prototype.disconnectedCallback=function(){};e.prototype.render=function(){var e=isDemo()?useRegistrationDemo(this):useInstantAccessRegistration(this),t=e.states,i=e.callbacks;var r={emailLabel:this.emailLabel,registerLabel:this.registerLabel,firstNameLabel:this.firstNameLabel,lastNameLabel:this.lastNameLabel,includeName:this.includeName,hideBorder:this.hideBorder,invalidEmailErrorMessage:this.invalidEmailErrorMessage,requiredFieldErrorMessage:this.requiredFieldErrorMessage,paddingTop:this.paddingTop,paddingBottom:this.paddingBottom,paddingLeft:this.paddingLeft,paddingRight:this.paddingRight,backgroundColor:this.backgroundColor,topSlot:h$1("slot",{name:"top"}),bottomSlot:h$1("slot",{name:"bottom"})};return h$1(EmailRegistrationView,{states:t,callbacks:i,content:r})};return e}();function useRegistrationDemo(e){var t=this;var i=function(){setUserIdentity({id:"referrer@example.com",accountId:"referrer@example.com",jwt:"eyJraWQiOiJlNjI2NzQxNy1jMzZlLTRlM2EtYjM5NS1lYTFmY2YyNmU3YzIiLCJ0eXAiOiJKV1QiLCJhbGciOiJSUzI1NiJ9.eyJzdWIiOiJjbVZtWlhKeVpYSkFaWGhoYlhCc1pTNWpiMjA9OmNtVm1aWEp5WlhKQVpYaGhiWEJzWlM1amIyMD1AdGVzdF9heGJndGF0dzF0Y2NwOnVzZXJzIiwicGFzc3dvcmRsZXNzIjp0cnVlLCJpc3MiOiJodHRwczovL3N0YWdpbmcucmVmZXJyYWxzYWFzcXVhdGNoLmNvbS8iLCJleHAiOjE2ODA4ODU5MTksImlhdCI6MTY4MDc5OTUxOX0.kjmTVVf_BTb-uMNKnadLyNLxMFwpkefsY02O3iAfBVIJJZZfeZMwunPlKsS3Vbp28aYRClBjH5Wj4pYxDn23D0CdZx8KNCqiJ8yF6149O9SPMkRseoJkliqS6LyvMOEDjGDkuLfcC8_hq1AHBXFt5BdCtWOk1gwf_5R9A0w5gXEIvprBzbNDLbuo88bVAlrmFNvfttXXryrpUeruMal7cBKuy02YblBrB4kKoyJiprU5GLEjciBA4A56u8TwQc0kbsPf2YcQaJsY_IvkC7S1u4sPyObpq6iF6Ed8UYHAo6nU5KjZXyVtoUyeIS11mf_6OtDO6LyMNHV2FtEUUDdPCg"})};return cjs({states:{error:"",loading:false},callbacks:{submit:function(e){return __awaiter(t,void 0,void 0,(function(){return __generator(this,(function(e){i();return[2]}))}))}}},e.demoData||{},{arrayMerge:function(e,t){return t}})}export{ReferredRegistration as sqm_referred_registration};

package/dist/esm-es5/sqm-rewards-table-customer-note-cell.entry.js

@@ -1 +1 @@
-import{r as registerInstance,h as h$1}from"./index-17b4da69.js";import{m as h}from"./stencil-hooks.module-b48b45ec.js";import"./JSS-67b5cff8.js";import{T as TextSpanView}from"./sqm-text-span-view-f1cacc75.js";var RewardTableCustomerNoteCell=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=this.note;return h$1(TextSpanView,{type:"p"},e)};return e}();export{RewardTableCustomerNoteCell as sqm_rewards_table_customer_note_cell};
+import{r as registerInstance,h as h$1}from"./index-17b4da69.js";import{m as h}from"./stencil-hooks.module-14b87f98.js";import"./JSS-67b5cff8.js";import{T as TextSpanView}from"./sqm-text-span-view-8d140661.js";var RewardTableCustomerNoteCell=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=this.note;return h$1(TextSpanView,{type:"p"},e)};return e}();export{RewardTableCustomerNoteCell as sqm_rewards_table_customer_note_cell};

package/dist/esm-es5/sqm-rewards-table-customer-note-column.entry.js

@@ -1 +1 @@
-var __awaiter=this&&this.__awaiter||function(e,t,n,r){function o(e){return e instanceof n?e:new n((function(t){t(e)}))}return new(n||(n=Promise))((function(n,i){function a(e){try{l(r.next(e))}catch(e){i(e)}}function u(e){try{l(r["throw"](e))}catch(e){i(e)}}function l(e){e.done?n(e.value):o(e.value).then(a,u)}l((r=r.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var n={label:0,sent:function(){if(i[0]&1)throw i[1];return i[1]},trys:[],ops:[]},r,o,i,a;return a={next:u(0),throw:u(1),return:u(2)},typeof Symbol==="function"&&(a[Symbol.iterator]=function(){return this}),a;function u(e){return function(t){return l([e,t])}}function l(a){if(r)throw new TypeError("Generator is already executing.");while(n)try{if(r=1,o&&(i=a[0]&2?o["return"]:a[0]?o["throw"]||((i=o["return"])&&i.call(o),0):o.next)&&!(i=i.call(o,a[1])).done)return i;if(o=0,i)a=[a[0]&2,i.value];switch(a[0]){case 0:case 1:i=a;break;case 4:n.label++;return{value:a[1],done:false};case 5:n.label++;o=a[1];a=[0];continue;case 7:a=n.ops.pop();n.trys.pop();continue;default:if(!(i=n.trys,i=i.length>0&&i[i.length-1])&&(a[0]===6||a[0]===2)){n=0;continue}if(a[0]===3&&(!i||a[1]>i[0]&&a[1]<i[3])){n.label=a[1];break}if(a[0]===6&&n.label<i[1]){n.label=i[1];i=a;break}if(i&&n.label<i[2]){n.label=i[2];n.ops.push(a);break}if(i[2])n.ops.pop();n.trys.pop();continue}a=t.call(e,n)}catch(e){a=[6,e];o=0}finally{r=i=0}if(a[0]&5)throw a[1];return{value:a[0]?a[1]:void 0,done:true}}};import{r as registerInstance,h as h$1,c as Host}from"./index-17b4da69.js";import{m as h}from"./stencil-hooks.module-b48b45ec.js";import"./use-callback-051c06c6.js";import"./index.module-3c720e8f.js";import{a as useRequestRerender}from"./re-render-695ddbbd.js";var RewardTableCustomerNoteColumn=function(){function e(e){registerInstance(this,e);this.columnTitle="Note";h(this)}e.prototype.disconnectedCallback=function(){};e.prototype.renderCell=function(e,t){return __awaiter(this,void 0,void 0,(function(){var n,r;return __generator(this,(function(o){r=e;return[2,h$1("sqm-rewards-table-customer-note-cell",{note:(n=r===null||r===void 0?void 0:r.meta)===null||n===void 0?void 0:n.message,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]);return h$1(Host,{style:{display:"none"}})};return e}();export{RewardTableCustomerNoteColumn as sqm_rewards_table_customer_note_column};
+var __awaiter=this&&this.__awaiter||function(e,t,n,r){function o(e){return e instanceof n?e:new n((function(t){t(e)}))}return new(n||(n=Promise))((function(n,i){function a(e){try{l(r.next(e))}catch(e){i(e)}}function u(e){try{l(r["throw"](e))}catch(e){i(e)}}function l(e){e.done?n(e.value):o(e.value).then(a,u)}l((r=r.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var n={label:0,sent:function(){if(i[0]&1)throw i[1];return i[1]},trys:[],ops:[]},r,o,i,a;return a={next:u(0),throw:u(1),return:u(2)},typeof Symbol==="function"&&(a[Symbol.iterator]=function(){return this}),a;function u(e){return function(t){return l([e,t])}}function l(a){if(r)throw new TypeError("Generator is already executing.");while(n)try{if(r=1,o&&(i=a[0]&2?o["return"]:a[0]?o["throw"]||((i=o["return"])&&i.call(o),0):o.next)&&!(i=i.call(o,a[1])).done)return i;if(o=0,i)a=[a[0]&2,i.value];switch(a[0]){case 0:case 1:i=a;break;case 4:n.label++;return{value:a[1],done:false};case 5:n.label++;o=a[1];a=[0];continue;case 7:a=n.ops.pop();n.trys.pop();continue;default:if(!(i=n.trys,i=i.length>0&&i[i.length-1])&&(a[0]===6||a[0]===2)){n=0;continue}if(a[0]===3&&(!i||a[1]>i[0]&&a[1]<i[3])){n.label=a[1];break}if(a[0]===6&&n.label<i[1]){n.label=i[1];i=a;break}if(i&&n.label<i[2]){n.label=i[2];n.ops.push(a);break}if(i[2])n.ops.pop();n.trys.pop();continue}a=t.call(e,n)}catch(e){a=[6,e];o=0}finally{r=i=0}if(a[0]&5)throw a[1];return{value:a[0]?a[1]:void 0,done:true}}};import{r as registerInstance,h as h$1,c as Host}from"./index-17b4da69.js";import{m as h}from"./stencil-hooks.module-14b87f98.js";import"./index.module-bbce47bd.js";import{a as useRequestRerender}from"./re-render-88ac4fa7.js";var RewardTableCustomerNoteColumn=function(){function e(e){registerInstance(this,e);this.columnTitle="Note";h(this)}e.prototype.disconnectedCallback=function(){};e.prototype.renderCell=function(e,t){return __awaiter(this,void 0,void 0,(function(){var n,r;return __generator(this,(function(o){r=e;return[2,h$1("sqm-rewards-table-customer-note-cell",{note:(n=r===null||r===void 0?void 0:r.meta)===null||n===void 0?void 0:n.message,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]);return h$1(Host,{style:{display:"none"}})};return e}();export{RewardTableCustomerNoteColumn as sqm_rewards_table_customer_note_column};

package/dist/esm-es5/sqm-rewards-table_9.entry.js

@@ -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,n=arguments.length;r<n;r++){t=arguments[r];for(var a in t)if(Object.prototype.hasOwnProperty.call(t,a))e[a]=t[a]}return e};return __assign.apply(this,arguments)};var __awaiter=this&&this.__awaiter||function(e,t,r,n){function a(e){return e instanceof r?e:new r((function(t){t(e)}))}return new(r||(r=Promise))((function(r,l){function i(e){try{o(n.next(e))}catch(e){l(e)}}function s(e){try{o(n["throw"](e))}catch(e){l(e)}}function o(e){e.done?r(e.value):a(e.value).then(i,s)}o((n=n.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:[]},n,a,l,i;return i={next:s(0),throw:s(1),return:s(2)},typeof Symbol==="function"&&(i[Symbol.iterator]=function(){return this}),i;function s(e){return function(t){return o([e,t])}}function o(i){if(n)throw new TypeError("Generator is already executing.");while(r)try{if(n=1,a&&(l=i[0]&2?a["return"]:i[0]?a["throw"]||((l=a["return"])&&l.call(a),0):a.next)&&!(l=l.call(a,i[1])).done)return l;if(a=0,l)i=[i[0]&2,l.value];switch(i[0]){case 0:case 1:l=i;break;case 4:r.label++;return{value:i[1],done:false};case 5:r.label++;a=i[1];i=[0];continue;case 7:i=r.ops.pop();r.trys.pop();continue;default:if(!(l=r.trys,l=l.length>0&&l[l.length-1])&&(i[0]===6||i[0]===2)){r=0;continue}if(i[0]===3&&(!l||i[1]>l[0]&&i[1]<l[3])){r.label=i[1];break}if(i[0]===6&&r.label<l[1]){r.label=l[1];l=i;break}if(l&&r.label<l[2]){r.label=l[2];r.ops.push(i);break}if(l[2])r.ops.pop();r.trys.pop();continue}i=t.call(e,r)}catch(e){i=[6,e];a=0}finally{n=l=0}if(i[0]&5)throw i[1];return{value:i[0]?i[1]:void 0,done:true}}};import{h,r as registerInstance,c as Host}from"./index-17b4da69.js";import{b as browser,f as useReducer,u as useEffect,m as h$1,k as useMemo}from"./stencil-hooks.module-b48b45ec.js";import{i as intl}from"./global-27ee1626.js";import"./use-callback-051c06c6.js";import{d as dist,N,O,x,v as vn,i as isDemo}from"./index.module-3c720e8f.js";import{c as cjs}from"./cjs-bdfb4486.js";import"./mixins-f60a614c.js";import{c as createStyleSheet}from"./JSS-67b5cff8.js";import{G as GenericTableView}from"./GenericTableView-ce26115f.js";import{u as useRerenderListener,a as useRequestRerender}from"./re-render-695ddbbd.js";import{u as useChildElements}from"./useChildElements-79be4145.js";import{l as luxon}from"./luxon-1e38d7f1.js";import{g as generateUserError,m as mockRewardData}from"./useReferralTable-5c18f7c5.js";import{l as luxonLocale}from"./utils-334c1e34.js";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              status\n              integration {\n                name\n              }\n              message\n              customMeta\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              status\n              integration {\n                name\n              }\n              message\n              customMeta\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 n,a;var l=N();var i=O();var s=x();var o=(n=e.programId)!==null&&n!==void 0?n:i;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 m=vn(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:s},!(l===null||l===void 0?void 0:l.jwt)),f=m.envelope,v=m.states,g=m.callbacks;var w=useRerenderListener();var y=useChildElements();var b=f===null||f===void 0?void 0:f.data;function T(e){return __awaiter(this,void 0,void 0,(function(){var t,r,n,a,l,i,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()}))]}))}))}));n=b===null||b===void 0?void 0:b.map((function(e){return __awaiter(d,void 0,void 0,(function(){var r,n;var a=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(a,void 0,void 0,(function(){return __generator(this,(function(r){return[2,tryMethod(t,(function(){return t.renderCell(e,s,h)}))]}))}))}));return[4,Promise.all(r)];case 1:n=l.sent();return[2,n]}}))}))}));l=n;if(!l)return[3,2];return[4,Promise.all(n)];case 1:l=u.sent().filter((function(e){return e}));u.label=2;case 2:a=l;p({rows:a});o=r;if(!o)return[3,4];return[4,Promise.all(r)];case 3:o=u.sent();u.label=4;case 4:i=o;p({columns:i,loading:false,page:v.currentPage});return[2]}}))}))}useEffect((function(){p({loading:true});f&&T(y)}),[f,y,w]);var _=!((a=c===null||c===void 0?void 0:c.rows)===null||a===void 0?void 0:a.length)&&!(b===null||b===void 0?void 0:b.length);var R=v.loading||c.loading?"loading":_?"empty":"rows";return{states:{hasNext:v.currentPage<v.pageCount-1,hasPrev:v.currentPage>0,show:R,namespace:CSS_NAMESPACE},data:{textOverrides:{showLabels:!e.hideLabels,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(){g.setCurrentPage(v.currentPage+1)},prevPage:function(){g.setCurrentPage(v.currentPage-1)}}}}function tryMethod(e,t){return __awaiter(this,void 0,void 0,(function(){var r,n,a,l;return __generator(this,(function(i){switch(i.label){case 0:r=e.tagName.toLowerCase();return[4,customElements.whenDefined(r)];case 1:i.sent();try{n=t()}catch(e){debug("label promise failed",e);return[2,h("span",null)]}i.label=2;case 2:i.trys.push([2,4,,5]);return[4,n];case 3:return[2,i.sent()];case 4:a=i.sent();debug("Error rendering label",a);l=generateUserError(a);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.hideLabels=false;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=isDemo()?useRewardsTableDemo(this,e,t):useRewardsTable(this,e,t),n=r.states,a=r.data,l=r.callbacks,i=r.elements;useRequestRerender([this.perPage]);return h(GenericTableView,{states:n,data:a,callbacks:l,elements:i})};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 n=useReducer((function(e,t){return __assign(__assign({},e),t)}),{columns:[],rows:[],loading:false,page:0}),a=n[0],l=n[1];var i=useRerenderListener();var s=useMemo((function(){var t;return((t=e.demoData)===null||t===void 0?void 0:t.mockData)||mockRewardData(e.perPage)}),[e.perPage]).data;var o=useChildElements();function d(t){return __awaiter(this,void 0,void 0,(function(){var r,n,a,i,o,d,u,c;var h=this;return __generator(this,(function(p){switch(p.label){case 0:r=s;r=s.slice(0,e.perPage);n=t.filter((function(e){var t,r;return e.slot!=="loading"&&e.slot!=="empty"&&((t=e===null||e===void 0?void 0:e.firstElementChild)===null||t===void 0?void 0:t.getAttribute("slot"))!=="loading"&&((r=e===null||e===void 0?void 0:e.firstElementChild)===null||r===void 0?void 0:r.getAttribute("slot"))!=="empty"}));a=n===null||n===void 0?void 0:n.map((function(e,t){return __awaiter(h,void 0,void 0,(function(){var r,n,a;return __generator(this,(function(l){n=(r=e===null||e===void 0?void 0:e.firstElementChild)===null||r===void 0?void 0:r.getAttribute("slot");if(e.tagName==="RAISINS-PLOP-TARGET"&&n!=="loading"&&n!=="empty"){e.style.position="absolute";e.setAttribute("slot","column-"+t);a=e.firstElementChild.childNodes[1];a.innerHTML="＋";a.style.lineHeight="20px";return[2,tryMethod(e,(function(){return e.renderLabel(t)}))]}return[2,tryMethod(e,(function(){return e.renderLabel()}))]}))}))}));i=r===null||r===void 0?void 0:r.map((function(e){return __awaiter(h,void 0,void 0,(function(){var t,r;var a=this;return __generator(this,(function(l){switch(l.label){case 0:t=n===null||n===void 0?void 0:n.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=l.sent();return[2,r]}}))}))}));d=i;if(!d)return[3,2];return[4,Promise.all(i)];case 1:d=p.sent().filter((function(e){return e}));p.label=2;case 2:o=d;l({rows:o});c=a;if(!c)return[3,4];return[4,Promise.all(a)];case 3:c=p.sent();p.label=4;case 4:u=c;l({columns:u,loading:false,page:0});return[2]}}))}))}useEffect((function(){l({loading:true});s&&d(o)}),[s,o,i]);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.hideLabels,prevLabel:e.prevLabel,moreLabel:e.moreLabel},referralData:[],mdBreakpoint:799,smBreakpoint:599},elements:{columns:a.columns,rows:a.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 n;var a=r.unit==="CENTS"?r.prettyValue.replace(/USD/gi,"$"):(n=r.prettyValue)!==null&&n!==void 0?n:"-";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 i=parseFloat(r.prettyValueNumber)-parseFloat(r.prettyRedeemedNumber);var s=Math.round(i/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:s+"%",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,a+" "),h("br",null)," ",h("div",{class:u.classes.Progress}),h("span",{class:u.classes.Subtext},o)))}return h("div",null,a)};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 n;return h("span",null,intl.formatMessage({id:"rewardSourceText",defaultMessage:e.rewardSourceText},{rewardSource:r.rewardSource,programName:(n=r===null||r===void 0?void 0:r.program)===null||n===void 0?void 0:n.name}))};var r=21;var n=function(t){var n=t.reward;var a;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),(a=n.exchangedRewardRedemptionTransaction)===null||a===void 0?void 0:a.prettyRedeemedCredit," → ",n.prettyValue);return n.exchangedRewardRedemptionTransaction.prettyRedeemedCredit.length+n.prettyValue.length<r?l:h("div",{style:{display:"inline-block",verticalAlign:"top"}},l)};var a=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"?a(e.reward.referral.referredUser):a(e.reward.referral.referrerUser))):e.reward.exchangedRewardRedemptionTransaction?h(n,{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 n=t==="AVAILABLE"?"success":t==="REDEEMED"?"primary":t==="PENDING"?"warning":"danger";var a=this.reward.dateCancelled||this.reward.dateExpires||this.reward.dateRedeemed||"";var l=a&&""+(t==="AVAILABLE"&&this.reward.dateExpires?this.expiryText+" ":"")+((e=luxon.DateTime.fromMillis(a))===null||e===void 0?void 0:e.setLocale(luxonLocale(luxonLocale(this.locale))).toLocaleString(luxon.DateTime.DATE_MED));var i=t==="PENDING"?s(this):null;return h("div",{style:{display:"contents"}},h("style",{type:"text/css"},styleString$1),h("sl-badge",{type:n,pill:true,class:t==="REDEEMED"?sheet$1.classes.RedeemBadge:sheet$1.classes.Badge},r),h("p",{class:sheet$1.classes.Date},i||l));function s(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;
+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,n=arguments.length;r<n;r++){t=arguments[r];for(var a in t)if(Object.prototype.hasOwnProperty.call(t,a))e[a]=t[a]}return e};return __assign.apply(this,arguments)};var __awaiter=this&&this.__awaiter||function(e,t,r,n){function a(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(n.next(e))}catch(e){l(e)}}function i(e){try{o(n["throw"](e))}catch(e){l(e)}}function o(e){e.done?r(e.value):a(e.value).then(s,i)}o((n=n.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:[]},n,a,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(n)throw new TypeError("Generator is already executing.");while(r)try{if(n=1,a&&(l=s[0]&2?a["return"]:s[0]?a["throw"]||((l=a["return"])&&l.call(a),0):a.next)&&!(l=l.call(a,s[1])).done)return l;if(a=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++;a=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];a=0}finally{n=l=0}if(s[0]&5)throw s[1];return{value:s[0]?s[1]:void 0,done:true}}};import{h,r as registerInstance,c as Host}from"./index-17b4da69.js";import{b as browser,i as useReducer,f as useEffect,m as h$1,u as useMemo}from"./stencil-hooks.module-14b87f98.js";import{i as intl}from"./global-9992475a.js";import{d as dist,L,O,W,y as yn,i as isDemo}from"./index.module-bbce47bd.js";import{c as cjs}from"./cjs-bdfb4486.js";import"./mixins-f60a614c.js";import{c as createStyleSheet}from"./JSS-67b5cff8.js";import{G as GenericTableView}from"./GenericTableView-266126f9.js";import{u as useRerenderListener,a as useRequestRerender}from"./re-render-88ac4fa7.js";import{u as useChildElements}from"./useChildElements-ae207f6d.js";import{l as luxon}from"./luxon-f01e85fe.js";import{g as generateUserError,m as mockRewardData}from"./useReferralTable-3aa578fa.js";import{l as luxonLocale}from"./utils-334c1e34.js";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              status\n              integration {\n                name\n              }\n              message\n              customMeta\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              status\n              integration {\n                name\n              }\n              message\n              customMeta\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 n,a;var l=L();var s=O();var i=W();var o=(n=e.programId)!==null&&n!==void 0?n: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 m=yn(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=m.envelope,v=m.states,g=m.callbacks;var w=useRerenderListener();var y=useChildElements();var b=f===null||f===void 0?void 0:f.data;function T(e){return __awaiter(this,void 0,void 0,(function(){var t,r,n,a,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()}))]}))}))}));n=b===null||b===void 0?void 0:b.map((function(e){return __awaiter(d,void 0,void 0,(function(){var r,n;var a=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(a,void 0,void 0,(function(){return __generator(this,(function(r){return[2,tryMethod(t,(function(){return t.renderCell(e,i,h)}))]}))}))}));return[4,Promise.all(r)];case 1:n=l.sent();return[2,n]}}))}))}));l=n;if(!l)return[3,2];return[4,Promise.all(n)];case 1:l=u.sent().filter((function(e){return e}));u.label=2;case 2:a=l;p({rows:a});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:v.currentPage});return[2]}}))}))}useEffect((function(){p({loading:true});f&&T(y)}),[f,y,w]);var _=!((a=c===null||c===void 0?void 0:c.rows)===null||a===void 0?void 0:a.length)&&!(b===null||b===void 0?void 0:b.length);var x=v.loading||c.loading?"loading":_?"empty":"rows";return{states:{hasNext:v.currentPage<v.pageCount-1,hasPrev:v.currentPage>0,show:x,namespace:CSS_NAMESPACE},data:{textOverrides:{showLabels:!e.hideLabels,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(){g.setCurrentPage(v.currentPage+1)},prevPage:function(){g.setCurrentPage(v.currentPage-1)}}}}function tryMethod(e,t){return __awaiter(this,void 0,void 0,(function(){var r,n,a,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{n=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,n];case 3:return[2,s.sent()];case 4:a=s.sent();debug("Error rendering label",a);l=generateUserError(a);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.hideLabels=false;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=isDemo()?useRewardsTableDemo(this,e,t):useRewardsTable(this,e,t),n=r.states,a=r.data,l=r.callbacks,s=r.elements;useRequestRerender([this.perPage]);return h(GenericTableView,{states:n,data:a,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 n=useReducer((function(e,t){return __assign(__assign({},e),t)}),{columns:[],rows:[],loading:false,page:0}),a=n[0],l=n[1];var s=useRerenderListener();var i=useMemo((function(){var t;return((t=e.demoData)===null||t===void 0?void 0:t.mockData)||mockRewardData(e.perPage)}),[e.perPage]).data;var o=useChildElements();function d(t){return __awaiter(this,void 0,void 0,(function(){var r,n,a,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);n=t.filter((function(e){var t,r;return e.slot!=="loading"&&e.slot!=="empty"&&((t=e===null||e===void 0?void 0:e.firstElementChild)===null||t===void 0?void 0:t.getAttribute("slot"))!=="loading"&&((r=e===null||e===void 0?void 0:e.firstElementChild)===null||r===void 0?void 0:r.getAttribute("slot"))!=="empty"}));a=n===null||n===void 0?void 0:n.map((function(e,t){return __awaiter(p,void 0,void 0,(function(){var r,n,a;return __generator(this,(function(l){n=(r=e===null||e===void 0?void 0:e.firstElementChild)===null||r===void 0?void 0:r.getAttribute("slot");if(e.tagName==="RAISINS-PLOP-TARGET"&&n!=="loading"&&n!=="empty"){e.style.position="absolute";e.setAttribute("slot","column-"+t);a=e.firstElementChild.childNodes[1];a.innerHTML="＋";a.style.lineHeight="20px";return[2,tryMethod(e,(function(){return e.renderLabel(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 a=this;return __generator(this,(function(l){switch(l.label){case 0:t=n===null||n===void 0?void 0:n.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=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=a;if(!c)return[3,4];return[4,Promise.all(a)];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.hideLabels,prevLabel:e.prevLabel,moreLabel:e.moreLabel},referralData:[],mdBreakpoint:799,smBreakpoint:599},elements:{columns:a.columns,rows:a.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 n;var a=r.unit==="CENTS"?r.prettyValue.replace(/USD/gi,"$"):(n=r.prettyValue)!==null&&n!==void 0?n:"-";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",{part:"sqm-reward-cell-value"},a+" "),h("br",null)," ",h("div",{part:"sqm-reward-cell-progress",class:u.classes.Progress}),h("span",{part:"sqm-reward-cell-subtext",class:u.classes.Subtext},o)))}return h("div",null,a)};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,exportparts:"sqm-rewards-cell-value, sqm-rewards-cell-progress-bar, sqm-rewards-cell-subtext"})]}))}))};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 n;return h("span",null,intl.formatMessage({id:"rewardSourceText",defaultMessage:e.rewardSourceText},{rewardSource:r.rewardSource,programName:(n=r===null||r===void 0?void 0:r.program)===null||n===void 0?void 0:n.name}))};var r=21;var n=function(t){var n=t.reward;var a;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),(a=n.exchangedRewardRedemptionTransaction)===null||a===void 0?void 0:a.prettyRedeemedCredit," → ",n.prettyValue);return n.exchangedRewardRedemptionTransaction.prettyRedeemedCredit.length+n.prettyValue.length<r?l:h("div",{style:{display:"inline-block",verticalAlign:"top"}},l)};var a=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"?a(e.reward.referral.referredUser):a(e.reward.referral.referrerUser))):e.reward.exchangedRewardRedemptionTransaction?h(n,{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 n=t==="AVAILABLE"?"success":t==="REDEEMED"?"primary":t==="PENDING"?"warning":"danger";var a=this.reward.dateCancelled||this.reward.dateExpires||this.reward.dateRedeemed||"";var l=a&&""+(t==="AVAILABLE"&&this.reward.dateExpires?this.expiryText+" ":"")+((e=luxon.DateTime.fromMillis(a))===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:n,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;