@saasquatch/mint-components 1.5.0 → 1.5.1-2

package/dist/mint-components/{p-73e64749.system.js → p-894cf728.system.js}

@@ -1 +1 @@
-var __assign=this&&this.__assign||function(){__assign=Object.assign||function(s){for(var t,e=1,a=arguments.length;e<a;e++){t=arguments[e];for(var r in t)if(Object.prototype.hasOwnProperty.call(t,r))s[r]=t[r]}return s};return __assign.apply(this,arguments)};System.register(["./p-ff17b3a4.system.js","./p-126bcba1.system.js","./p-3bbb90a9.system.js","./p-ec77261d.system.js"],(function(s){"use strict";var t,e,a,r,n,i;return{setters:[function(s){t=s.h},function(s){e=s.A;a=s.a;r=s.b},function(s){n=s.c},function(s){i=s.T}],execute:function(){s("P",p);var o={Wrapper:e,Column:__assign({},a),ButtonsContainer:r,SecondaryButton:{cursor:"pointer",width:"25%"}};var l="\n:host {\n  display: block;\n}\n:host([hidden]): {\n  display: none;\n}\n";var c=n(o);var u=c.toString();function p(s){var e=s.states,a=s.callbacks,r=s.content;return t("div",{class:c.classes.Wrapper},t("style",{type:"text/css"},l,u),t(i,{type:"h3"},r.messageSlot),t("sl-form",{class:c.classes.Column,"onSl-submit":a.submit},s.states.error&&t("sqm-form-message",{type:"error",exportparts:"erroralert-icon"},t("div",{part:"erroralert-text"},s.states.error)),s.states.success&&t("sqm-form-message",{type:"success",exportparts:"successalert-icon"},t("div",{part:"successalert-text"},"If an account with that email exists, a password reset email will be sent.")),t("sl-input",{exportparts:"label: input-label",type:"email",name:"/email",label:r.emailLabel||"Email",disabled:e.loading,required:true}),t("div",{class:c.classes.ButtonsContainer},t("sl-button",{submit:true,loading:e.loading,exportparts:"base: primarybutton-base",type:"primary"},r.submitLabel||"Reset Password"),t("div",{class:c.classes.SecondaryButton},r.secondaryButton))))}}}}));
+var __assign=this&&this.__assign||function(){__assign=Object.assign||function(s){for(var t,e=1,a=arguments.length;e<a;e++){t=arguments[e];for(var r in t)if(Object.prototype.hasOwnProperty.call(t,r))s[r]=t[r]}return s};return __assign.apply(this,arguments)};System.register(["./p-ff17b3a4.system.js","./p-573c4b39.system.js","./p-2800ad44.system.js","./p-190d0446.system.js"],(function(s){"use strict";var t,e,a,r,n,i;return{setters:[function(s){t=s.h},function(s){e=s.A;a=s.a;r=s.b},function(s){n=s.c},function(s){i=s.T}],execute:function(){s("P",p);var o={Wrapper:e,Column:__assign({},a),ButtonsContainer:r,SecondaryButton:{cursor:"pointer",width:"25%"}};var l="\n:host {\n  display: block;\n}\n:host([hidden]): {\n  display: none;\n}\n";var c=n(o);var u=c.toString();function p(s){var e=s.states,a=s.callbacks,r=s.content;return t("div",{class:c.classes.Wrapper},t("style",{type:"text/css"},l,u),t(i,{type:"h3"},r.messageSlot),t("sl-form",{class:c.classes.Column,"onSl-submit":a.submit},s.states.error&&t("sqm-form-message",{type:"error",exportparts:"erroralert-icon"},t("div",{part:"erroralert-text"},s.states.error)),s.states.success&&t("sqm-form-message",{type:"success",exportparts:"successalert-icon"},t("div",{part:"successalert-text"},"If an account with that email exists, a password reset email will be sent.")),t("sl-input",{exportparts:"label: input-label",type:"email",name:"/email",label:r.emailLabel||"Email",disabled:e.loading,required:true}),t("div",{class:c.classes.ButtonsContainer},t("sl-button",{submit:true,loading:e.loading,exportparts:"base: primarybutton-base",type:"primary"},r.submitLabel||"Reset Password"),t("div",{class:c.classes.SecondaryButton},r.secondaryButton))))}}}}));

package/dist/mint-components/{p-2ec8c64c.js → p-8fc1aef1.js}

@@ -1 +1 @@
-import{h as n}from"./p-64c3217a.js";import{k as a,e}from"./p-27455c4c.js";import{u as s}from"./p-982ad256.js";import{c as i}from"./p-373fa002.js";function r(n){const[i,r]=a(window.innerWidth),t=s((()=>r(window.innerWidth)),[]);return e((()=>(window.addEventListener("resize",t),()=>window.removeEventListener("resize",t))),[]),!(i>n)}const t=["var(--sl-spacing-xxx-small)","var(--sl-spacing-xx-small)","var(--sl-spacing-x-small)","var(--sl-spacing-small)","var(--sl-spacing-medium)","var(--sl-spacing-large)","var(--sl-spacing-x-large)","var(--sl-spacing-xx-large)","var(--sl-spacing-xxx-large)","var(--sl-spacing-xxxx-large)"],o=n=>n?CSS.supports(`(color: ${n})`)?n:`url(${n})`:"";function l(a){const{states:e,content:s}=a,l=(n,a)=>{var e={small:7,medium:8,large:9}[n];return r(767)?e-=2:r(1023)&&(e-=1),a?t[e-2]:t[e]},c=n=>"small"==n?"1%":"medium"==n?"3%":"5%",p={TwoColumnContainer:{display:"flex","@media screen and (max-width: 1023px)":{flexDirection:"wrap-reverse"==e.wrapDirection?"column-reverse":"column",justfiyContent:"center"}},ColumnPadding:{paddingTop:"none"==e.paddingSize?"0px":l(e.paddingSize),paddingBottom:"none"==e.paddingSize?"0px":l(e.paddingSize),paddingLeft:"none"==e.paddingSize?"0px":c(e.paddingSize),paddingRight:"none"==e.paddingSize?"0px":c(e.paddingSize)},ColumnWrapper:{"&:first-of-type":{background:`no-repeat center/cover ${o(e.background)}`},"&:last-of-type":{background:`no-repeat center/cover ${o(e.secondaryBackground)}`},"@media screen and (min-width: 1023px)":{flex:"1 1 0"},display:"block"},SingleColumnContainer:{background:`no-repeat center/cover ${o(e.background)}`,flex:"1 1 0"},Container:{width:"100%",maxWidth:"var(--sqm-max-width)",margin:"0 auto",flex:1,display:"flex",flexDirection:"column",minHeight:"100%"}},d=i(p),m=d.toString();return n("div",{class:d.classes.Container},n("style",{type:"text/css"},"\n  :host{    \n    height: 100%;\n    display: contents;\n  }\n  sqm-hero{    \n    height: 100%;\n    display: contents;\n  }\n  img{\n      max-width: 100%;\n      height: auto;\n  }\n  \n",m),2==e.columns?n("div",{class:d.classes.TwoColumnContainer},n("div",{class:`${d.classes.ColumnWrapper} ${d.classes.ColumnPadding}`},s.primaryColumn),n("div",{class:`${d.classes.ColumnWrapper} ${d.classes.ColumnPadding}`},s.secondaryColumn)):n("div",{class:`${d.classes.SingleColumnContainer} ${d.classes.ColumnPadding}`},s.primaryColumn))}export{l as H}
+import{h as n}from"./p-64c3217a.js";import{k as a,e}from"./p-27455c4c.js";import{u as s}from"./p-982ad256.js";import{c as i}from"./p-ab8f86d3.js";function r(n){const[i,r]=a(window.innerWidth),t=s((()=>r(window.innerWidth)),[]);return e((()=>(window.addEventListener("resize",t),()=>window.removeEventListener("resize",t))),[]),!(i>n)}const t=["var(--sl-spacing-xxx-small)","var(--sl-spacing-xx-small)","var(--sl-spacing-x-small)","var(--sl-spacing-small)","var(--sl-spacing-medium)","var(--sl-spacing-large)","var(--sl-spacing-x-large)","var(--sl-spacing-xx-large)","var(--sl-spacing-xxx-large)","var(--sl-spacing-xxxx-large)"],o=n=>n?CSS.supports(`(color: ${n})`)?n:`url(${n})`:"";function l(a){const{states:e,content:s}=a,l=(n,a)=>{var e={small:7,medium:8,large:9}[n];return r(767)?e-=2:r(1023)&&(e-=1),a?t[e-2]:t[e]},c=n=>"small"==n?"1%":"medium"==n?"3%":"5%",p={TwoColumnContainer:{display:"flex","@media screen and (max-width: 1023px)":{flexDirection:"wrap-reverse"==e.wrapDirection?"column-reverse":"column",justfiyContent:"center"}},ColumnPadding:{paddingTop:"none"==e.paddingSize?"0px":l(e.paddingSize),paddingBottom:"none"==e.paddingSize?"0px":l(e.paddingSize),paddingLeft:"none"==e.paddingSize?"0px":c(e.paddingSize),paddingRight:"none"==e.paddingSize?"0px":c(e.paddingSize)},ColumnWrapper:{"&:first-of-type":{background:`no-repeat center/cover ${o(e.background)}`},"&:last-of-type":{background:`no-repeat center/cover ${o(e.secondaryBackground)}`},"@media screen and (min-width: 1023px)":{flex:"1 1 0"},display:"block"},SingleColumnContainer:{background:`no-repeat center/cover ${o(e.background)}`,flex:"1 1 0"},Container:{width:"100%",maxWidth:"var(--sqm-max-width)",margin:"0 auto",flex:1,display:"flex",flexDirection:"column",minHeight:"100%"}},d=i(p),m=d.toString();return n("div",{class:d.classes.Container},n("style",{type:"text/css"},"\n  :host{    \n    height: 100%;\n    display: contents;\n  }\n  sqm-hero{    \n    height: 100%;\n    display: contents;\n  }\n  img{\n      max-width: 100%;\n      height: auto;\n  }\n  \n",m),2==e.columns?n("div",{class:d.classes.TwoColumnContainer},n("div",{class:`${d.classes.ColumnWrapper} ${d.classes.ColumnPadding}`},s.primaryColumn),n("div",{class:`${d.classes.ColumnWrapper} ${d.classes.ColumnPadding}`},s.secondaryColumn)):n("div",{class:`${d.classes.SingleColumnContainer} ${d.classes.ColumnPadding}`},s.primaryColumn))}export{l as H}

package/dist/mint-components/{p-3cf449ba.system.js → p-937bf427.system.js}

@@ -1 +1 @@
-System.register(["./p-ff17b3a4.system.js","./p-3bbb90a9.system.js"],(function(n){"use strict";var t,e;return{setters:[function(n){t=n.h},function(n){e=n.c}],execute:function(){n("P",a);function a(n){var a={LabelContainer:{"margin-bottom":n.labelMargin==="none"?n.labelMargin:"var(--sl-spacing-"+n.labelMargin+")"},SectionContainer:{textAlign:n.textAlign||"left",padding:n.padding==="none"?"0":"var(--sl-spacing-"+n.padding+")"}};var s=e(a);var i=s.toString();return t("div",{class:s.classes.SectionContainer},t("style",{type:"text/css"},i),t("div",{class:s.classes.LabelContainer},n.label),n.content)}}}}));
+System.register(["./p-ff17b3a4.system.js","./p-2800ad44.system.js"],(function(n){"use strict";var t,e;return{setters:[function(n){t=n.h},function(n){e=n.c}],execute:function(){n("P",a);function a(n){var a={LabelContainer:{"margin-bottom":n.labelMargin==="none"?n.labelMargin:"var(--sl-spacing-"+n.labelMargin+")"},SectionContainer:{textAlign:n.textAlign||"left",padding:n.padding==="none"?"0":"var(--sl-spacing-"+n.padding+")"}};var s=e(a);var i=s.toString();return t("div",{class:s.classes.SectionContainer},t("style",{type:"text/css"},i),t("div",{class:s.classes.LabelContainer},n.label),n.content)}}}}));

package/dist/mint-components/{p-4907c147.entry.js → p-9875ace8.entry.js}

@@ -1 +1 @@
-import{r as e,h as t,g as s,c as a}from"./p-64c3217a.js";import{m as r,u as l,i as n,e as i}from"./p-27455c4c.js";import{i as d}from"./p-f0b9e163.js";import"./p-982ad256.js";import{j as o}from"./p-95398ce2.js";import"./p-81f34787.js";import{c}from"./p-c1086930.js";import"./p-26f627aa.js";import{c as u}from"./p-373fa002.js";import{G as h}from"./p-ec5633b8.js";import{a as p,u as m}from"./p-ec7dd6f7.js";import{u as v}from"./p-274a87bd.js";import{l as f}from"./p-7794c289.js";import{u as y,t as b}from"./p-f214b557.js";import{l as g}from"./p-4e05c65a.js";import{T as E}from"./p-f34dd1c1.js";const C=[["AVAILABLE"],["PENDING"],["CANCELLED"],["EXPIRED"],["REDEEMED"]],w=["Rajesh","Pierre","Ji-Ho","Chinua","Charleston","Sally","Gael","Jill","Jane","Khadija"],x=["Smith","Parker","Kent","Chew","Stark","Banner","Jones","Odinson","Pym","Rogers"],R=class{constructor(t){e(this,t),this.perPage=4,this.showLabels=!0,this.prevLabel="Prev",this.moreLabel="Next",this.showReferrer=!1,this.hiddenColumns="0",this.smBreakpoint=599,this.mdBreakpoint=799,r(this)}disconnectedCallback(){}render(){const e=t(_,null),s=t(L,null),{states:a,data:r,callbacks:d,elements:u}=o()?function(e,t,s){const[a,r]=l(((e,t)=>({...e,...t})),{columns:[],rows:[],loading:!1,page:0}),d=m(),o=n((()=>((e=4)=>({totalCount:6,count:e,referredByReferral:{dateConverted:null,dateReferralStarted:1643912659850,referrerUser:{firstName:"John",lastName:"Snow",rewards:[]}},data:[...Array(e)].map((()=>({id:"5cae6b0fcc540e209db45b53",referredUser:{id:"5cae6b0ce4b0d81c67b78e82",accountId:"SPX1MZBIPTFL3E1H",firstName:w[Math.floor(Math.random()*w.length)],lastName:x[Math.floor(Math.random()*x.length)],email:"example.uexwltgh@mailosaur.io",programGoals:[]},shareLinkUsed:null,referralCodeUsed:"JIMBONEUTRON2",moderationStatus:"PENDING",dateConverted:Math.floor(10*Math.random())>=5?f.DateTime.now().minus({days:6}).toMillis():null,dateFraudChecksCompleted:null,dateModerated:1558730033306,dateModified:1554934543447,dateReferralEnded:null,dateReferralPaid:null,dateReferralStarted:f.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(10*Math.random())>=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:C[Math.floor(Math.random()*C.length)],globalRewardKey:null,programRewardKey:"partnerReward",rewardRedemptionTransactions:{data:[{exchangedRewards:{data:[{prettyValue:"CAD10.00 Visa* Prepaid Card CAD",type:"INTEGRATION",fuelTankCode:null,globalRewardKey:"gc1"}]}}]}}]:[],childNodes:{data:[{data:{id:"5cae6b16cc540e209db45cb3",statuses:C[Math.floor(Math.random()*C.length)],type:"PCT_DISCOUNT",value:50},depth:1},{data:{id:"5cae6b16cc540e209db45cfa",statuses:C[Math.floor(Math.random()*C.length)],type:"CREDIT",value:1},depth:1}]}})))}))(e.perPage)),[e.perPage]),u=v();return i((()=>{r({loading:!0}),(null==o?void 0:o.data)&&async function(t){var s;let a;const l=null==o?void 0:o.referredByReferral,n=e.showReferrer&&!!(null===(s=null==o?void 0:o.referredByReferral)||void 0===s?void 0:s.dateReferralStarted);a=o.data.slice(0,n?e.perPage-1:e.perPage);const i=t.filter((e=>"loading"!==e.slot&&"empty"!==e.slot)),d=null==i?void 0:i.map((async e=>b(e,(()=>e.renderLabel()))));let c;if(n){const e=null==i?void 0:i.map((async e=>b(e,(function(){return e.renderCell(l,e)}))));c=await Promise.all(e)}const u=null==a?void 0:a.map((async e=>{const t=null==i?void 0:i.map((async t=>b(t,(()=>t.renderCell(e,void 0)))));return await Promise.all(t)})),h=u&&[c,...await Promise.all(u)].filter((e=>e));r({rows:h});const p=d&&await Promise.all(d);r({columns:p,loading:!1,page:0})}(u)}),[null==o?void 0:o.data,u,d]),c({states:{hasPrev:!1,hasNext:!1,loading:!1,show:"rows"},callbacks:{prevPage:()=>console.log("Prev"),nextPage:()=>console.log("Next")},data:{textOverrides:{showLabels:e.showLabels,prevLabel:e.prevLabel,moreLabel:e.moreLabel},hiddenColumns:e.hiddenColumns,referralData:[],mdBreakpoint:799,smBreakpoint:599},elements:{columns:a.columns,rows:a.rows,emptyElement:t,loadingElement:s}},e.demoData||{},{arrayMerge:(e,t)=>t})}(this,e,s):y(this,e,s);return p([this.showReferrer,this.perPage]),t(h,{states:a,data:r,callbacks:d,elements:u})}};function _(){return t("slot",{name:"empty"},t("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 L(){return t("slot",{name:"loading"},t(D,null),t(D,null),t(D,null),t(D,null))}function D(){return t("sqm-table-row",null,t("sqm-table-cell",{colspan:5},t("sl-skeleton",null)))}const P=class{constructor(t){e(this,t),this.ignored=!0,r(this)}disconnectedCallback(){}render(){return t("div",{innerHTML:this.innerTemplate})}},N=class{constructor(t){e(this,t),r(this)}disconnectedCallback(){}async renderCell(e){return t("sqm-referral-table-cell",{"inner-template":s(this).innerHTML})}async renderLabel(){return Promise.resolve(this.columnTitle)}render(){return p([this.columnTitle]),t(a,{style:{display:"none"}},t("slot",null))}},A=class{constructor(t){e(this,t),this.ignored=!0,this.locale="en",r(this)}disconnectedCallback(){}render(){var e;return this.date?null===(e=f.DateTime.fromMillis(this.date))||void 0===e?void 0:e.setLocale(g(this.locale)).toLocaleString(f.DateTime.DATE_MED):"-"}},I=class{constructor(t){e(this,t),this.columnTitle="Date converted",this.dateShown="dateConverted",r(this)}disconnectedCallback(){}async renderCell(e,s){return t("sqm-referral-table-date-cell",{date:e[this.dateShown],locale:s})}async renderLabel(){return this.columnTitle}async renderReferrerCell(e){return t("sqm-referral-table-date-cell",{date:e[this.dateShown]})}render(){return p([this.dateShown,this.columnTitle]),t(a,{style:{display:"none"}})}},M=class{constructor(t){e(this,t),this.locale="en"}render(){var e;d.locale=this.locale;const s=u({"@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)"}}}),a=s.toString(),r=e=>f.DateTime.fromMillis(e).setLocale(g(this.locale)).toRelative().replace("in","").trim();return null===(e=this.rewards)||void 0===e?void 0:e.map((e=>{const l=1===(n=e.statuses).length?n[0]:["REDEEMED","CANCELLED","EXPIRED","PENDING","AVAILABLE"].find((e=>n.includes(e)&&e));var n;const i=(e=>{switch(e){case"REDEEMED":return"primary";case"EXPIRED":case"CANCELLED":return"danger";case"PENDING":return"warning";case"AVAILABLE":return"success"}})(l),o=d.formatMessage({id:"statusShortMessage",defaultMessage:this.statusText},{status:l}),c=d.formatMessage({id:"statusLongMessage",defaultMessage:this.statusLongText},{status:l});return t("sl-details",{class:s.classes.Details,disabled:this.hideDetails},t("style",{type:"text/css"},a),t("div",{slot:"summary",class:s.classes.DetailsContainer},t(E,{type:"p"},t("span",{class:s.classes.BoldText},e.prettyValue)),t("div",{class:s.classes.BadgeContainer},t("sl-badge",{class:"primary"===i?s.classes.RedeemBadge:s.classes.StatusBadge,type:i,pill:!0},"PENDING"===l&&e.dateScheduledFor?d.formatMessage({id:"pendingForText",defaultMessage:this.pendingForText},{status:o,date:r(e.dateScheduledFor)}):o),e.dateExpires&&"AVAILABLE"===l&&t("sl-badge",{class:"primary"===i?s.classes.RedeemBadge:s.classes.StatusBadge,type:"info",pill:!0},this.expiringText,` ${r(e.dateExpires)}`))),t("div",null,e.dateGiven&&t("div",null,t(E,{type:"p"},this.rewardReceivedText," ",t("span",{class:s.classes.BoldText},f.DateTime.fromMillis(e.dateGiven).setLocale(g(this.locale)).toLocaleString(f.DateTime.DATE_MED)))),"EXPIRED"===l&&e.dateExpires&&t("div",null,t(E,{type:"p"},c," ",t("span",{class:s.classes.BoldText},f.DateTime.fromMillis(e.dateExpires).setLocale(g(this.locale)).toLocaleString(f.DateTime.DATE_MED)))),"CANCELLED"===l&&e.dateCancelled&&t("div",null,t(E,{type:"p"},c," ",t("span",{class:s.classes.BoldText},f.DateTime.fromMillis(e.dateCancelled).setLocale(g(this.locale)).toLocaleString(f.DateTime.DATE_MED)))),"PENDING"===l&&e.dateScheduledFor&&t("div",null,t(E,{type:"p"},c," ",t("span",{class:s.classes.BoldText},f.DateTime.fromMillis(e.dateScheduledFor).setLocale(g(this.locale)).toLocaleString(f.DateTime.DATE_MED))))," ","AVAILABLE"===l&&e.dateExpires&&t("div",null,t(E,{type:"p"},c," ",t("span",{class:s.classes.BoldText},f.DateTime.fromMillis(e.dateExpires).setLocale(g(this.locale)).toLocaleString(f.DateTime.DATE_MED)))),e.fuelTankCode&&t("div",null,this.fuelTankText," ",t("span",{class:s.classes.BoldText},e.fuelTankCode))))}))}},k=class{constructor(t){e(this,t),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=!1,r(this)}disconnectedCallback(){}async renderCell(e,s){return t("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:s})}async renderLabel(){return this.columnTitle}async renderReferrerCell(e){return t("sqm-referral-table-rewards-cell",{rewards:e.rewards})}render(){return p([this.columnTitle,this.statusText,this.statusLongText,this.fuelTankText,this.rewardReceivedText,this.expiringText,this.pendingForText,this.hideDetails]),t(a,{style:{display:"none"}})}},q=u({Badge:{"&::part(base)":{fontSize:"var(--sl-font-size-small)",padding:"4px 8px",whiteSpace:"pre-line"}}}),T=q.toString(),j=class{constructor(t){e(this,t)}render(){return t("div",null,t("style",{type:"text/css"},T),t("sl-badge",{pill:!0,type:this.converted?"success":"warning",class:q.classes.Badge},this.statusText))}},B=class{constructor(t){e(this,t),this.columnTitle="Status",this.convertedStatusText="Converted",this.inProgressStatusText="In Progress",r(this)}disconnectedCallback(){}async renderCell(e){return t("sqm-referral-table-status-cell",{"status-text":e.dateConverted?this.convertedStatusText:this.inProgressStatusText,converted:!!e.dateConverted})}async renderLabel(){return this.columnTitle}async renderReferrerCell(e){return t("sqm-referral-table-status-cell",{"status-text":e.dateConverted?this.convertedStatusText:this.inProgressStatusText,converted:!!e.dateConverted})}render(){return p([this.columnTitle,this.convertedStatusText,this.inProgressStatusText]),t(a,{style:{display:"none"}})}},S=class{constructor(t){e(this,t)}render(){return this.name}},G=class{constructor(t){e(this,t),this.columnTitle="Customer",this.anonymousUser="Anonymous User",this.deletedUser="Deleted User",r(this)}disconnectedCallback(){}async renderCell(e){var s,a,r,l,n,i,d,o;let c;return c=(null==e?void 0:e.referredUser)||(null==e?void 0:e.referrerUser)?(null===(s=null==e?void 0:e.referredUser)||void 0===s?void 0:s.firstName)||(null===(a=null==e?void 0:e.referredUser)||void 0===a?void 0:a.lastName)||(null===(r=null==e?void 0:e.referrerUser)||void 0===r?void 0:r.firstName)||(null===(l=null==e?void 0:e.referrerUser)||void 0===l?void 0:l.lastName)?(null==e?void 0:e.referrerUser)?`${null===(n=null==e?void 0:e.referrerUser)||void 0===n?void 0:n.firstName} ${null===(i=null==e?void 0:e.referrerUser)||void 0===i?void 0:i.lastName}`:`${null===(d=null==e?void 0:e.referredUser)||void 0===d?void 0:d.firstName} ${null===(o=null==e?void 0:e.referredUser)||void 0===o?void 0:o.lastName}`:this.anonymousUser:this.deletedUser,t("sqm-referral-table-user-cell",{name:c})}async renderLabel(){return this.columnTitle}async renderReferrerCell(e){var s,a,r,l;let n;return n=e?(null===(s=null==e?void 0:e.referrerUser)||void 0===s?void 0:s.firstName)||(null===(a=e.referrerUser)||void 0===a?void 0:a.lastName)?`${null===(r=null==e?void 0:e.referrerUser)||void 0===r?void 0:r.firstName} ${null===(l=null==e?void 0:e.referrerUser)||void 0===l?void 0:l.lastName}`:this.anonymousUser:this.deletedUser,t("sqm-referral-table-user-cell",{name:n})}render(){return p([this.deletedUser,this.anonymousUser,this.columnTitle]),t(a,{style:{display:"none"}})}};export{R as sqm_referral_table,P as sqm_referral_table_cell,N as sqm_referral_table_column,A as sqm_referral_table_date_cell,I as sqm_referral_table_date_column,M as sqm_referral_table_rewards_cell,k as sqm_referral_table_rewards_column,j as sqm_referral_table_status_cell,B as sqm_referral_table_status_column,S as sqm_referral_table_user_cell,G as sqm_referral_table_user_column}
+import{r as e,h as t,g as s,c as a}from"./p-64c3217a.js";import{m as r,u as l,i as n,e as i}from"./p-27455c4c.js";import{i as d}from"./p-f0b9e163.js";import"./p-982ad256.js";import{j as o}from"./p-95398ce2.js";import"./p-81f34787.js";import{c}from"./p-c1086930.js";import"./p-61ff3ceb.js";import{c as u}from"./p-ab8f86d3.js";import{G as h}from"./p-36c2267d.js";import{a as p,u as m}from"./p-ec7dd6f7.js";import{u as v}from"./p-274a87bd.js";import{l as f}from"./p-7794c289.js";import{u as y,t as b}from"./p-f214b557.js";import{l as g}from"./p-4e05c65a.js";import{T as E}from"./p-46416f3e.js";const C=[["AVAILABLE"],["PENDING"],["CANCELLED"],["EXPIRED"],["REDEEMED"]],w=["Rajesh","Pierre","Ji-Ho","Chinua","Charleston","Sally","Gael","Jill","Jane","Khadija"],x=["Smith","Parker","Kent","Chew","Stark","Banner","Jones","Odinson","Pym","Rogers"],R=class{constructor(t){e(this,t),this.perPage=4,this.showLabels=!0,this.prevLabel="Prev",this.moreLabel="Next",this.showReferrer=!1,this.hiddenColumns="0",this.smBreakpoint=599,this.mdBreakpoint=799,r(this)}disconnectedCallback(){}render(){const e=t(_,null),s=t(L,null),{states:a,data:r,callbacks:d,elements:u}=o()?function(e,t,s){const[a,r]=l(((e,t)=>({...e,...t})),{columns:[],rows:[],loading:!1,page:0}),d=m(),o=n((()=>((e=4)=>({totalCount:6,count:e,referredByReferral:{dateConverted:null,dateReferralStarted:1643912659850,referrerUser:{firstName:"John",lastName:"Snow",rewards:[]}},data:[...Array(e)].map((()=>({id:"5cae6b0fcc540e209db45b53",referredUser:{id:"5cae6b0ce4b0d81c67b78e82",accountId:"SPX1MZBIPTFL3E1H",firstName:w[Math.floor(Math.random()*w.length)],lastName:x[Math.floor(Math.random()*x.length)],email:"example.uexwltgh@mailosaur.io",programGoals:[]},shareLinkUsed:null,referralCodeUsed:"JIMBONEUTRON2",moderationStatus:"PENDING",dateConverted:Math.floor(10*Math.random())>=5?f.DateTime.now().minus({days:6}).toMillis():null,dateFraudChecksCompleted:null,dateModerated:1558730033306,dateModified:1554934543447,dateReferralEnded:null,dateReferralPaid:null,dateReferralStarted:f.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(10*Math.random())>=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:C[Math.floor(Math.random()*C.length)],globalRewardKey:null,programRewardKey:"partnerReward",rewardRedemptionTransactions:{data:[{exchangedRewards:{data:[{prettyValue:"CAD10.00 Visa* Prepaid Card CAD",type:"INTEGRATION",fuelTankCode:null,globalRewardKey:"gc1"}]}}]}}]:[],childNodes:{data:[{data:{id:"5cae6b16cc540e209db45cb3",statuses:C[Math.floor(Math.random()*C.length)],type:"PCT_DISCOUNT",value:50},depth:1},{data:{id:"5cae6b16cc540e209db45cfa",statuses:C[Math.floor(Math.random()*C.length)],type:"CREDIT",value:1},depth:1}]}})))}))(e.perPage)),[e.perPage]),u=v();return i((()=>{r({loading:!0}),(null==o?void 0:o.data)&&async function(t){var s;let a;const l=null==o?void 0:o.referredByReferral,n=e.showReferrer&&!!(null===(s=null==o?void 0:o.referredByReferral)||void 0===s?void 0:s.dateReferralStarted);a=o.data.slice(0,n?e.perPage-1:e.perPage);const i=t.filter((e=>"loading"!==e.slot&&"empty"!==e.slot)),d=null==i?void 0:i.map((async e=>b(e,(()=>e.renderLabel()))));let c;if(n){const e=null==i?void 0:i.map((async e=>b(e,(function(){return e.renderCell(l,e)}))));c=await Promise.all(e)}const u=null==a?void 0:a.map((async e=>{const t=null==i?void 0:i.map((async t=>b(t,(()=>t.renderCell(e,void 0)))));return await Promise.all(t)})),h=u&&[c,...await Promise.all(u)].filter((e=>e));r({rows:h});const p=d&&await Promise.all(d);r({columns:p,loading:!1,page:0})}(u)}),[null==o?void 0:o.data,u,d]),c({states:{hasPrev:!1,hasNext:!1,loading:!1,show:"rows"},callbacks:{prevPage:()=>console.log("Prev"),nextPage:()=>console.log("Next")},data:{textOverrides:{showLabels:e.showLabels,prevLabel:e.prevLabel,moreLabel:e.moreLabel},hiddenColumns:e.hiddenColumns,referralData:[],mdBreakpoint:799,smBreakpoint:599},elements:{columns:a.columns,rows:a.rows,emptyElement:t,loadingElement:s}},e.demoData||{},{arrayMerge:(e,t)=>t})}(this,e,s):y(this,e,s);return p([this.showReferrer,this.perPage]),t(h,{states:a,data:r,callbacks:d,elements:u})}};function _(){return t("slot",{name:"empty"},t("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 L(){return t("slot",{name:"loading"},t(D,null),t(D,null),t(D,null),t(D,null))}function D(){return t("sqm-table-row",null,t("sqm-table-cell",{colspan:5},t("sl-skeleton",null)))}const P=class{constructor(t){e(this,t),this.ignored=!0,r(this)}disconnectedCallback(){}render(){return t("div",{innerHTML:this.innerTemplate})}},N=class{constructor(t){e(this,t),r(this)}disconnectedCallback(){}async renderCell(e){return t("sqm-referral-table-cell",{"inner-template":s(this).innerHTML})}async renderLabel(){return Promise.resolve(this.columnTitle)}render(){return p([this.columnTitle]),t(a,{style:{display:"none"}},t("slot",null))}},A=class{constructor(t){e(this,t),this.ignored=!0,this.locale="en",r(this)}disconnectedCallback(){}render(){var e;return this.date?null===(e=f.DateTime.fromMillis(this.date))||void 0===e?void 0:e.setLocale(g(this.locale)).toLocaleString(f.DateTime.DATE_MED):"-"}},I=class{constructor(t){e(this,t),this.columnTitle="Date converted",this.dateShown="dateConverted",r(this)}disconnectedCallback(){}async renderCell(e,s){return t("sqm-referral-table-date-cell",{date:e[this.dateShown],locale:s})}async renderLabel(){return this.columnTitle}async renderReferrerCell(e){return t("sqm-referral-table-date-cell",{date:e[this.dateShown]})}render(){return p([this.dateShown,this.columnTitle]),t(a,{style:{display:"none"}})}},M=class{constructor(t){e(this,t),this.locale="en"}render(){var e;d.locale=this.locale;const s=u({"@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)"}}}),a=s.toString(),r=e=>f.DateTime.fromMillis(e).setLocale(g(this.locale)).toRelative().replace("in","").trim();return null===(e=this.rewards)||void 0===e?void 0:e.map((e=>{const l=1===(n=e.statuses).length?n[0]:["REDEEMED","CANCELLED","EXPIRED","PENDING","AVAILABLE"].find((e=>n.includes(e)&&e));var n;const i=(e=>{switch(e){case"REDEEMED":return"primary";case"EXPIRED":case"CANCELLED":return"danger";case"PENDING":return"warning";case"AVAILABLE":return"success"}})(l),o=d.formatMessage({id:"statusShortMessage",defaultMessage:this.statusText},{status:l}),c=d.formatMessage({id:"statusLongMessage",defaultMessage:this.statusLongText},{status:l});return t("sl-details",{class:s.classes.Details,disabled:this.hideDetails},t("style",{type:"text/css"},a),t("div",{slot:"summary",class:s.classes.DetailsContainer},t(E,{type:"p"},t("span",{class:s.classes.BoldText},e.prettyValue)),t("div",{class:s.classes.BadgeContainer},t("sl-badge",{class:"primary"===i?s.classes.RedeemBadge:s.classes.StatusBadge,type:i,pill:!0},"PENDING"===l&&e.dateScheduledFor?d.formatMessage({id:"pendingForText",defaultMessage:this.pendingForText},{status:o,date:r(e.dateScheduledFor)}):o),e.dateExpires&&"AVAILABLE"===l&&t("sl-badge",{class:"primary"===i?s.classes.RedeemBadge:s.classes.StatusBadge,type:"info",pill:!0},this.expiringText,` ${r(e.dateExpires)}`))),t("div",null,e.dateGiven&&t("div",null,t(E,{type:"p"},this.rewardReceivedText," ",t("span",{class:s.classes.BoldText},f.DateTime.fromMillis(e.dateGiven).setLocale(g(this.locale)).toLocaleString(f.DateTime.DATE_MED)))),"EXPIRED"===l&&e.dateExpires&&t("div",null,t(E,{type:"p"},c," ",t("span",{class:s.classes.BoldText},f.DateTime.fromMillis(e.dateExpires).setLocale(g(this.locale)).toLocaleString(f.DateTime.DATE_MED)))),"CANCELLED"===l&&e.dateCancelled&&t("div",null,t(E,{type:"p"},c," ",t("span",{class:s.classes.BoldText},f.DateTime.fromMillis(e.dateCancelled).setLocale(g(this.locale)).toLocaleString(f.DateTime.DATE_MED)))),"PENDING"===l&&e.dateScheduledFor&&t("div",null,t(E,{type:"p"},c," ",t("span",{class:s.classes.BoldText},f.DateTime.fromMillis(e.dateScheduledFor).setLocale(g(this.locale)).toLocaleString(f.DateTime.DATE_MED))))," ","AVAILABLE"===l&&e.dateExpires&&t("div",null,t(E,{type:"p"},c," ",t("span",{class:s.classes.BoldText},f.DateTime.fromMillis(e.dateExpires).setLocale(g(this.locale)).toLocaleString(f.DateTime.DATE_MED)))),e.fuelTankCode&&t("div",null,this.fuelTankText," ",t("span",{class:s.classes.BoldText},e.fuelTankCode))))}))}},k=class{constructor(t){e(this,t),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=!1,r(this)}disconnectedCallback(){}async renderCell(e,s){return t("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:s})}async renderLabel(){return this.columnTitle}async renderReferrerCell(e){return t("sqm-referral-table-rewards-cell",{rewards:e.rewards})}render(){return p([this.columnTitle,this.statusText,this.statusLongText,this.fuelTankText,this.rewardReceivedText,this.expiringText,this.pendingForText,this.hideDetails]),t(a,{style:{display:"none"}})}},q=u({Badge:{"&::part(base)":{fontSize:"var(--sl-font-size-small)",padding:"4px 8px",whiteSpace:"pre-line"}}}),T=q.toString(),j=class{constructor(t){e(this,t)}render(){return t("div",null,t("style",{type:"text/css"},T),t("sl-badge",{pill:!0,type:this.converted?"success":"warning",class:q.classes.Badge},this.statusText))}},B=class{constructor(t){e(this,t),this.columnTitle="Status",this.convertedStatusText="Converted",this.inProgressStatusText="In Progress",r(this)}disconnectedCallback(){}async renderCell(e){return t("sqm-referral-table-status-cell",{"status-text":e.dateConverted?this.convertedStatusText:this.inProgressStatusText,converted:!!e.dateConverted})}async renderLabel(){return this.columnTitle}async renderReferrerCell(e){return t("sqm-referral-table-status-cell",{"status-text":e.dateConverted?this.convertedStatusText:this.inProgressStatusText,converted:!!e.dateConverted})}render(){return p([this.columnTitle,this.convertedStatusText,this.inProgressStatusText]),t(a,{style:{display:"none"}})}},S=class{constructor(t){e(this,t)}render(){return this.name}},G=class{constructor(t){e(this,t),this.columnTitle="Customer",this.anonymousUser="Anonymous User",this.deletedUser="Deleted User",r(this)}disconnectedCallback(){}async renderCell(e){var s,a,r,l,n,i,d,o;let c;return c=(null==e?void 0:e.referredUser)||(null==e?void 0:e.referrerUser)?(null===(s=null==e?void 0:e.referredUser)||void 0===s?void 0:s.firstName)||(null===(a=null==e?void 0:e.referredUser)||void 0===a?void 0:a.lastName)||(null===(r=null==e?void 0:e.referrerUser)||void 0===r?void 0:r.firstName)||(null===(l=null==e?void 0:e.referrerUser)||void 0===l?void 0:l.lastName)?(null==e?void 0:e.referrerUser)?`${null===(n=null==e?void 0:e.referrerUser)||void 0===n?void 0:n.firstName} ${null===(i=null==e?void 0:e.referrerUser)||void 0===i?void 0:i.lastName}`:`${null===(d=null==e?void 0:e.referredUser)||void 0===d?void 0:d.firstName} ${null===(o=null==e?void 0:e.referredUser)||void 0===o?void 0:o.lastName}`:this.anonymousUser:this.deletedUser,t("sqm-referral-table-user-cell",{name:c})}async renderLabel(){return this.columnTitle}async renderReferrerCell(e){var s,a,r,l;let n;return n=e?(null===(s=null==e?void 0:e.referrerUser)||void 0===s?void 0:s.firstName)||(null===(a=e.referrerUser)||void 0===a?void 0:a.lastName)?`${null===(r=null==e?void 0:e.referrerUser)||void 0===r?void 0:r.firstName} ${null===(l=null==e?void 0:e.referrerUser)||void 0===l?void 0:l.lastName}`:this.anonymousUser:this.deletedUser,t("sqm-referral-table-user-cell",{name:n})}render(){return p([this.deletedUser,this.anonymousUser,this.columnTitle]),t(a,{style:{display:"none"}})}};export{R as sqm_referral_table,P as sqm_referral_table_cell,N as sqm_referral_table_column,A as sqm_referral_table_date_cell,I as sqm_referral_table_date_column,M as sqm_referral_table_rewards_cell,k as sqm_referral_table_rewards_column,j as sqm_referral_table_status_cell,B as sqm_referral_table_status_column,S as sqm_referral_table_user_cell,G as sqm_referral_table_user_column}

package/dist/mint-components/{p-3552d340.js → p-99c57fce.js}

@@ -1 +1 @@
-import{h as l}from"./p-64c3217a.js";import{i as e}from"./p-f0b9e163.js";import{c as t}from"./p-373fa002.js";import{T as r}from"./p-f34dd1c1.js";import{P as a}from"./p-db46fe90.js";function o(o){var i,s,n,p,d;const{states:u,callbacks:m}=o,{text:b,formState:c}=u,{errors:v,error:x}=c,f=t({FormStyle:{"& >*:not(:last-child)":{"margin-bottom":"32px"}},Error:{"&::part(erroralert-base)":{"margin-bottom":"32px"}},NameInputStyle:{"&:not(:last-child)":{"margin-right":"var(--sl-spacing-medium)"}}}),g=f.toString(),y=(null===(i=u.user)||void 0===i?void 0:i.countryCode)?e.formatDisplayName(null===(s=u.user)||void 0===s?void 0:s.countryCode,{type:"region"}):"";return l(a,Object.assign({},{direction:"row",padding:"xxx-large",gap:"xxx-large",minWidth:"600px"}),l("style",{type:"text/css"},g),l(r,Object.assign({},{type:"h1"}),b.editProfileHeader),l(r,Object.assign({},{type:"h2"}),b.editProfileSubHeader),l("form",{class:f.classes.FormStyle,onSubmit:m.onSubmit},u.success&&l("sqm-form-message",{exportparts:"success-icon"},l("div",{part:"successalert-text"},"Your profile has been successfully updated.")),x&&l("sqm-form-message",{class:f.classes.Error,type:"error",exportparts:"erroralert-icon"},l("div",{part:"erroralert-text"},x)),l(a,Object.assign({},{direction:"row",padding:"none",gap:"32px",minWidth:"50%"}),l("sl-input",Object.assign({class:f.classes.NameInputStyle,exportparts:"label: input-label",value:null===(n=u.user)||void 0===n?void 0:n.firstName,onInput:m.onChange,label:b.firstnametext,disabled:u.loading},(null==v?void 0:v.firstName)&&"valid"!==(null==v?void 0:v.firstName.status)?{class:"ErrorStyles",helpText:"Cannot be empty"}:[],{id:"firstName",name:"firstName",error:(null==v?void 0:v.firstName)&&"valid"!==(null==v?void 0:v.firstName.status)?null==v?void 0:v.firstName.message:void 0})),l("sl-input",Object.assign({class:f.classes.NameInputStyle,exportparts:"label: input-label",value:null===(p=u.user)||void 0===p?void 0:p.lastName,onInput:m.onChange,label:b.lastnametext,disabled:u.loading,id:"lastName",name:"lastName"},(null==v?void 0:v.lastName)&&"valid"!==(null==v?void 0:v.lastName.status)?{class:"ErrorStyles",helpText:"Cannot be empty"}:[],{error:(null==v?void 0:v.lastName)&&"valid"!==(null==v?void 0:v.lastName.status)?null==v?void 0:v.lastName.message:void 0}))),l("sl-input",{label:b.emailtext,value:null===(d=u.user)||void 0===d?void 0:d.email,exportparts:"label: input-label",disabled:!0}),u.showCountry&&l("sl-input",{label:b.countrytext,value:y,exportparts:"label: input-label",disabled:!0}),l("sl-button",{type:"primary",loading:u.loading,disabled:u.submitDisabled,onClick:l=>{m.onSubmit(l)},submit:!0},b.submitChangeButtonText)))}export{o as P}
+import{h as l}from"./p-64c3217a.js";import{i as e}from"./p-f0b9e163.js";import{c as t}from"./p-ab8f86d3.js";import{T as r}from"./p-46416f3e.js";import{P as a}from"./p-227ccb7c.js";function o(o){var i,s,n,p,d;const{states:u,callbacks:m}=o,{text:b,formState:c}=u,{errors:v,error:x}=c,f=t({FormStyle:{"& >*:not(:last-child)":{"margin-bottom":"32px"}},Error:{"&::part(erroralert-base)":{"margin-bottom":"32px"}},NameInputStyle:{"&:not(:last-child)":{"margin-right":"var(--sl-spacing-medium)"}}}),g=f.toString(),y=(null===(i=u.user)||void 0===i?void 0:i.countryCode)?e.formatDisplayName(null===(s=u.user)||void 0===s?void 0:s.countryCode,{type:"region"}):"";return l(a,Object.assign({},{direction:"row",padding:"xxx-large",gap:"xxx-large",minWidth:"600px"}),l("style",{type:"text/css"},g),l(r,Object.assign({},{type:"h1"}),b.editProfileHeader),l(r,Object.assign({},{type:"h2"}),b.editProfileSubHeader),l("form",{class:f.classes.FormStyle,onSubmit:m.onSubmit},u.success&&l("sqm-form-message",{exportparts:"success-icon"},l("div",{part:"successalert-text"},"Your profile has been successfully updated.")),x&&l("sqm-form-message",{class:f.classes.Error,type:"error",exportparts:"erroralert-icon"},l("div",{part:"erroralert-text"},x)),l(a,Object.assign({},{direction:"row",padding:"none",gap:"32px",minWidth:"50%"}),l("sl-input",Object.assign({class:f.classes.NameInputStyle,exportparts:"label: input-label",value:null===(n=u.user)||void 0===n?void 0:n.firstName,onInput:m.onChange,label:b.firstnametext,disabled:u.loading},(null==v?void 0:v.firstName)&&"valid"!==(null==v?void 0:v.firstName.status)?{class:"ErrorStyles",helpText:"Cannot be empty"}:[],{id:"firstName",name:"firstName",error:(null==v?void 0:v.firstName)&&"valid"!==(null==v?void 0:v.firstName.status)?null==v?void 0:v.firstName.message:void 0})),l("sl-input",Object.assign({class:f.classes.NameInputStyle,exportparts:"label: input-label",value:null===(p=u.user)||void 0===p?void 0:p.lastName,onInput:m.onChange,label:b.lastnametext,disabled:u.loading,id:"lastName",name:"lastName"},(null==v?void 0:v.lastName)&&"valid"!==(null==v?void 0:v.lastName.status)?{class:"ErrorStyles",helpText:"Cannot be empty"}:[],{error:(null==v?void 0:v.lastName)&&"valid"!==(null==v?void 0:v.lastName.status)?null==v?void 0:v.lastName.message:void 0}))),l("sl-input",{label:b.emailtext,value:null===(d=u.user)||void 0===d?void 0:d.email,exportparts:"label: input-label",disabled:!0}),u.showCountry&&l("sl-input",{label:b.countrytext,value:y,exportparts:"label: input-label",disabled:!0}),l("sl-button",{type:"primary",loading:u.loading,disabled:u.submitDisabled,onClick:l=>{m.onSubmit(l)},submit:!0},b.submitChangeButtonText)))}export{o as P}