@saasquatch/mint-components 1.13.0-16 → 1.13.0-18

package/dist/esm-es5/{copy-text-view-b060162f.js → copy-text-view-cc9a4bd1.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,n=1,i=arguments.length;n<i;n++){t=arguments[n];for(var a in t)if(Object.prototype.hasOwnProperty.call(t,a))e[a]=t[a]}return e};return __assign.apply(this,arguments)};import{h}from"./index-91e7729f.js";import{f as useEffect}from"./stencil-hooks.module-4bc38af4.js";import{d as dist,J,H,Q as Qe,R as Rn,I as In,B}from"./index.module-a2989d3c.js";import{c as createStyleSheet}from"./JSS-67b5cff8.js";import{H as HostBlock}from"./mixins-83f90fa1.js";var GET_REFERRAL_CODES=dist.gql(templateObject_1||(templateObject_1=__makeTemplateObject(["\n  query getCodes(\n    $engagementMedium: UserEngagementMedium!\n    $limit: Int!\n    $offset: Int!\n    $filter: ReferralCodeFilterInput\n  ) {\n    viewer {\n      ... on User {\n        referralCodeList(limit: $limit, offset: $offset, filter: $filter) {\n          data {\n            code\n            dateUsed\n            dateCopied\n            singleUse\n            shareLinkCodes(limit: $limit) {\n              data {\n                linkCode\n                shareLink: shortUrl(\n                  shareMedium: DIRECT\n                  engagementMedium: EMBED\n                )\n                email: shortUrl(\n                  shareMedium: EMAIL\n                  engagementMedium: $engagementMedium\n                )\n                whatsApp: shortUrl(\n                  shareMedium: WHATSAPP\n                  engagementMedium: $engagementMedium\n                )\n                fbMessenger: shortUrl(\n                  shareMedium: FBMESSENGER\n                  engagementMedium: $engagementMedium\n                )\n              }\n            }\n          }\n          count\n          totalCount\n        }\n      }\n    }\n  }\n"],["\n  query getCodes(\n    $engagementMedium: UserEngagementMedium!\n    $limit: Int!\n    $offset: Int!\n    $filter: ReferralCodeFilterInput\n  ) {\n    viewer {\n      ... on User {\n        referralCodeList(limit: $limit, offset: $offset, filter: $filter) {\n          data {\n            code\n            dateUsed\n            dateCopied\n            singleUse\n            shareLinkCodes(limit: $limit) {\n              data {\n                linkCode\n                shareLink: shortUrl(\n                  shareMedium: DIRECT\n                  engagementMedium: EMBED\n                )\n                email: shortUrl(\n                  shareMedium: EMAIL\n                  engagementMedium: $engagementMedium\n                )\n                whatsApp: shortUrl(\n                  shareMedium: WHATSAPP\n                  engagementMedium: $engagementMedium\n                )\n                fbMessenger: shortUrl(\n                  shareMedium: FBMESSENGER\n                  engagementMedium: $engagementMedium\n                )\n              }\n            }\n          }\n          count\n          totalCount\n        }\n      }\n    }\n  }\n"])));var REFERRAL_CODES_NAMESPACE="sq:referral-codes";var REFERRAL_CODES_PAGINATION_CONTEXT="sq:referral-codes-pagination";var SET_CODE_COPIED=dist.gql(templateObject_2||(templateObject_2=__makeTemplateObject(["\n  mutation markReferralCodeCopied($referralCode: String!) {\n    markReferralCodeCopied(referralCode: $referralCode) {\n      referralCode {\n        dateCopied\n      }\n    }\n  }\n"],["\n  mutation markReferralCodeCopied($referralCode: String!) {\n    markReferralCodeCopied(referralCode: $referralCode) {\n      referralCode {\n        dateCopied\n      }\n    }\n  }\n"])));function useReferralCodes(e){var t=J();var n=B();var i=e.programId||H();var a=Qe().refresh;var r=Rn(GET_REFERRAL_CODES,(function(e){var t;return(t=e===null||e===void 0?void 0:e.viewer)===null||t===void 0?void 0:t.referralCodeList}),{limit:1,offset:0},{engagementMedium:n,programId:i,filter:{fuelTank_eq:true,programId_eq:i,dateUsed_exists:false}},!(t===null||t===void 0?void 0:t.jwt)),s=r.envelope,l=r.states,o=r.callbacks;var d=In({namespace:REFERRAL_CODES_PAGINATION_CONTEXT,initialValue:{states:l,callbacks:o}}),u=d[0],m=d[1];var p=In({namespace:REFERRAL_CODES_NAMESPACE,initialValue:{refresh:a,loading:true,referralCode:"",shareLink:"",isCopied:false,isUsed:false,singleUse:false,email:{messageLink:""},fbmessenger:{messageLink:"",shareLink:""},whatsapp:{messageLink:""}}}),c=p[0],f=p[1];useEffect((function(){var e,t,n,i,r,d,u,p,c,g,v,C,h,b,E,S;if((e=s===null||s===void 0?void 0:s.data)===null||e===void 0?void 0:e.length){var _=s.data[0];f({refresh:a,referralCode:_.code,isCopied:!!_.dateCopied,isUsed:!!_.dateUsed,singleUse:!!_.singleUse,shareLink:(i=(n=(t=_.shareLinkCodes)===null||t===void 0?void 0:t.data)===null||n===void 0?void 0:n[0])===null||i===void 0?void 0:i.direct,email:{messageLink:(u=(d=(r=_.shareLinkCodes)===null||r===void 0?void 0:r.data)===null||d===void 0?void 0:d[0])===null||u===void 0?void 0:u.email},fbmessenger:{messageLink:(g=(c=(p=_.shareLinkCodes)===null||p===void 0?void 0:p.data)===null||c===void 0?void 0:c[0])===null||g===void 0?void 0:g.fbMessenger,shareLink:(h=(C=(v=_.shareLinkCodes)===null||v===void 0?void 0:v.data)===null||C===void 0?void 0:C[0])===null||h===void 0?void 0:h.fbMessenger},whatsapp:{messageLink:(S=(E=(b=_.shareLinkCodes)===null||b===void 0?void 0:b.data)===null||E===void 0?void 0:E[0])===null||S===void 0?void 0:S.whatsApp}});m({states:l,callbacks:o})}}),[s]);return{states:__assign(__assign({},l),{noCodes:(s===null||s===void 0?void 0:s.totalCount)===0}),data:c,callbacks:{}}}var style={HostBlock:HostBlock,inputStyle:{"&::part(input)":{textOverflow:"ellipsis",width:"100%"},"&::part(base)":{cursor:"pointer",overflow:"visible"},width:"100%"},inputErrorStyle:{"&::part(base)":{border:"2px solid red"}},ContainerDiv:{display:"flex",alignItems:"flex-start",flexDirection:"column",justifyContent:"center",gap:"var(--sl-spacing-x-small)",width:"100%"},containerStyle:{display:"flex",alignItems:"center",gap:"var(--sl-spacing-x-small)",width:"100%"},errorTextStyle:{margin:"0",color:"var(--sl-color-danger-500)"},notificationTextStyle:{margin:"0",color:"var(--sl-color-neutral-500)"}};var vanillaStyle="\n  :host{\n    display: block;   \n    width: 100%;\n  }\n";var textAlignStyle={right:"\nsl-input::part(input){\n  text-align: right;\n}",center:"  \nsl-input::part(input){\n  text-align: center;\n}",left:""};var disabledStyles="\n  sl-input::part(input){\n    cursor: default;\n  }\n";var sheet=createStyleSheet(style);var styleString=sheet.toString();function CopyTextView(e){var t=e.buttonStyle,n=t===void 0?"icon":t;var i=!e.loading&&e.error;var a=i?e.inputPlaceholderText:e.copyString;var r=i||e.loading||e.disabled;var s=e.buttonStyle==="button-below"?"bottom":e.buttonStyle==="button-outside"?"top":"top-end";var l=h("sl-tooltip",{trigger:"manual",content:e.tooltiptext,placement:s,disabled:e.disabled,open:e.open,skidding:e.buttonStyle==="icon"?-5:0,slot:"suffix"},n==="icon"?h("sl-icon-button",{exportparts:"base: icon-button-base",onClick:function(){var t;return(t=e.onClick)===null||t===void 0?void 0:t.call(e)},name:"files",disabled:r}):h("sl-button",{exportparts:"base: copy-button-base",onClick:function(){var t;return(t=e.onClick)===null||t===void 0?void 0:t.call(e)},size:"medium",style:{width:""+(n==="button-below"&&"100%")},disabled:r,type:"primary"},e.copyButtonLabel||"Copy"));return h("div",{class:sheet.classes.ContainerDiv},h("style",{type:"text/css"},styleString,vanillaStyle,textAlignStyle[e.textAlign],r&&disabledStyles),h("div",{class:sheet.classes.containerStyle,style:{flexDirection:""+(n==="button-below"?"column":"row")}},h("sl-input",{class:sheet.classes.inputStyle+" "+(i?sheet.classes.inputErrorStyle:""),exportparts:"base: input-base, input: input-label",value:e.loading?"Loading...":a,readonly:true,disabled:r},n==="icon"&&l,i&&h("p",{slot:"help-text",class:sheet.classes.errorTextStyle},e.errorText)),(n==="button-outside"||n==="button-below")&&l),e.isCopied&&e.showNotificationText&&e.notificationText&&h("p",{part:"sqm-notification-text",class:sheet.classes.notificationTextStyle},e.notificationText))}export{CopyTextView as C,REFERRAL_CODES_PAGINATION_CONTEXT as R,SET_CODE_COPIED as S,REFERRAL_CODES_NAMESPACE as a,useReferralCodes as u};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,i=arguments.length;n<i;n++){t=arguments[n];for(var a in t)if(Object.prototype.hasOwnProperty.call(t,a))e[a]=t[a]}return e};return __assign.apply(this,arguments)};import{h}from"./index-b3a06de8.js";import{f as useEffect}from"./stencil-hooks.module-20ad2b5f.js";import{d as dist,J,H,Q as Qe,R as Rn,I as In,B}from"./index.module-66cfdb64.js";import{c as createStyleSheet}from"./JSS-67b5cff8.js";import{H as HostBlock}from"./mixins-83f90fa1.js";var GET_REFERRAL_CODES=dist.gql(templateObject_1||(templateObject_1=__makeTemplateObject(["\n  query getCodes(\n    $engagementMedium: UserEngagementMedium!\n    $limit: Int!\n    $offset: Int!\n    $filter: ReferralCodeFilterInput\n  ) {\n    viewer {\n      ... on User {\n        referralCodeList(limit: $limit, offset: $offset, filter: $filter) {\n          data {\n            code\n            dateUsed\n            dateCopied\n            singleUse\n            shareLinkCodes(limit: $limit) {\n              data {\n                linkCode\n                shareLink: shortUrl(\n                  shareMedium: DIRECT\n                  engagementMedium: EMBED\n                )\n                email: shortUrl(\n                  shareMedium: EMAIL\n                  engagementMedium: $engagementMedium\n                )\n                whatsApp: shortUrl(\n                  shareMedium: WHATSAPP\n                  engagementMedium: $engagementMedium\n                )\n                fbMessenger: shortUrl(\n                  shareMedium: FBMESSENGER\n                  engagementMedium: $engagementMedium\n                )\n              }\n            }\n          }\n          count\n          totalCount\n        }\n      }\n    }\n  }\n"],["\n  query getCodes(\n    $engagementMedium: UserEngagementMedium!\n    $limit: Int!\n    $offset: Int!\n    $filter: ReferralCodeFilterInput\n  ) {\n    viewer {\n      ... on User {\n        referralCodeList(limit: $limit, offset: $offset, filter: $filter) {\n          data {\n            code\n            dateUsed\n            dateCopied\n            singleUse\n            shareLinkCodes(limit: $limit) {\n              data {\n                linkCode\n                shareLink: shortUrl(\n                  shareMedium: DIRECT\n                  engagementMedium: EMBED\n                )\n                email: shortUrl(\n                  shareMedium: EMAIL\n                  engagementMedium: $engagementMedium\n                )\n                whatsApp: shortUrl(\n                  shareMedium: WHATSAPP\n                  engagementMedium: $engagementMedium\n                )\n                fbMessenger: shortUrl(\n                  shareMedium: FBMESSENGER\n                  engagementMedium: $engagementMedium\n                )\n              }\n            }\n          }\n          count\n          totalCount\n        }\n      }\n    }\n  }\n"])));var REFERRAL_CODES_NAMESPACE="sq:referral-codes";var REFERRAL_CODES_PAGINATION_CONTEXT="sq:referral-codes-pagination";var SET_CODE_COPIED=dist.gql(templateObject_2||(templateObject_2=__makeTemplateObject(["\n  mutation markReferralCodeCopied($referralCode: String!) {\n    markReferralCodeCopied(referralCode: $referralCode) {\n      referralCode {\n        dateCopied\n      }\n    }\n  }\n"],["\n  mutation markReferralCodeCopied($referralCode: String!) {\n    markReferralCodeCopied(referralCode: $referralCode) {\n      referralCode {\n        dateCopied\n      }\n    }\n  }\n"])));function useReferralCodes(e){var t=J();var n=B();var i=e.programId||H();var a=Qe().refresh;var r=Rn(GET_REFERRAL_CODES,(function(e){var t;return(t=e===null||e===void 0?void 0:e.viewer)===null||t===void 0?void 0:t.referralCodeList}),{limit:1,offset:0},{engagementMedium:n,programId:i,filter:{fuelTank_eq:true,programId_eq:i,dateUsed_exists:false}},!(t===null||t===void 0?void 0:t.jwt)),s=r.envelope,l=r.states,o=r.callbacks;var d=In({namespace:REFERRAL_CODES_PAGINATION_CONTEXT,initialValue:{states:l,callbacks:o}}),u=d[0],m=d[1];var p=In({namespace:REFERRAL_CODES_NAMESPACE,initialValue:{refresh:a,loading:true,referralCode:"",shareLink:"",isCopied:false,isUsed:false,singleUse:false,email:{messageLink:""},fbmessenger:{messageLink:"",shareLink:""},whatsapp:{messageLink:""}}}),f=p[0],c=p[1];useEffect((function(){var e,t,n,i,r,d,u,p,f,g,v,C,h,b,E,S;if((e=s===null||s===void 0?void 0:s.data)===null||e===void 0?void 0:e.length){var _=s.data[0];c({refresh:a,referralCode:_.code,isCopied:!!_.dateCopied,isUsed:!!_.dateUsed,singleUse:!!_.singleUse,shareLink:(i=(n=(t=_.shareLinkCodes)===null||t===void 0?void 0:t.data)===null||n===void 0?void 0:n[0])===null||i===void 0?void 0:i.direct,email:{messageLink:(u=(d=(r=_.shareLinkCodes)===null||r===void 0?void 0:r.data)===null||d===void 0?void 0:d[0])===null||u===void 0?void 0:u.email},fbmessenger:{messageLink:(g=(f=(p=_.shareLinkCodes)===null||p===void 0?void 0:p.data)===null||f===void 0?void 0:f[0])===null||g===void 0?void 0:g.fbMessenger,shareLink:(h=(C=(v=_.shareLinkCodes)===null||v===void 0?void 0:v.data)===null||C===void 0?void 0:C[0])===null||h===void 0?void 0:h.fbMessenger},whatsapp:{messageLink:(S=(E=(b=_.shareLinkCodes)===null||b===void 0?void 0:b.data)===null||E===void 0?void 0:E[0])===null||S===void 0?void 0:S.whatsApp}});m({states:l,callbacks:o})}}),[s]);return{states:__assign(__assign({},l),{noCodes:(s===null||s===void 0?void 0:s.totalCount)===0}),data:f,callbacks:{}}}var style={HostBlock:HostBlock,inputStyle:{"&::part(input)":{textOverflow:"ellipsis",width:"100%"},"&::part(base)":{cursor:"pointer",overflow:"visible"},width:"100%"},inputErrorStyle:{"&::part(base)":{border:"2px solid red"}},ContainerDiv:{display:"flex",alignItems:"flex-start",flexDirection:"column",justifyContent:"center",gap:"var(--sl-spacing-x-small)",width:"100%"},containerStyle:{display:"flex",alignItems:"center",gap:"var(--sl-spacing-x-small)",width:"100%"},errorTextStyle:{margin:"0",color:"var(--sl-color-danger-500)"},notificationTextStyle:{margin:"0",color:"var(--sl-color-neutral-500)"}};var vanillaStyle="\n  :host{\n    display: block;   \n    width: 100%;\n  }\n";var textAlignStyle={right:"\nsl-input::part(input){\n  text-align: right;\n}",center:"  \nsl-input::part(input){\n  text-align: center;\n}",left:""};var disabledStyles="\n  sl-input::part(input){\n    cursor: default;\n  }\n";var sheet=createStyleSheet(style);var styleString=sheet.toString();function CopyTextView(e){var t=e.buttonStyle,n=t===void 0?"icon":t;var i=!e.loading&&e.error;var a=i?e.inputPlaceholderText:e.copyString;var r=i||e.loading||e.disabled;var s=e.buttonStyle==="button-below"?"bottom":e.buttonStyle==="button-outside"?"top":"top-end";var l=h("sl-tooltip",{trigger:"manual",content:e.tooltiptext,placement:s,disabled:e.disabled,open:e.open,skidding:e.buttonStyle==="icon"?-5:0,slot:"suffix"},n==="icon"?h("sl-icon-button",{exportparts:"base: icon-button-base",onClick:function(){var t;return(t=e.onClick)===null||t===void 0?void 0:t.call(e)},name:"files",disabled:r}):h("sl-button",{exportparts:"base: copy-button-base",onClick:function(){var t;return(t=e.onClick)===null||t===void 0?void 0:t.call(e)},size:"medium",style:{width:""+(n==="button-below"&&"100%")},disabled:r,type:"primary"},e.copyButtonLabel||"Copy"));return h("div",{class:sheet.classes.ContainerDiv},h("style",{type:"text/css"},styleString,vanillaStyle,textAlignStyle[e.textAlign],r&&disabledStyles),h("div",{class:sheet.classes.containerStyle,style:{flexDirection:""+(n==="button-below"?"column":"row")}},h("sl-input",{class:sheet.classes.inputStyle+" "+(i?sheet.classes.inputErrorStyle:""),exportparts:"base: input-base, input: input-label",value:e.loading?"Loading...":a,readonly:true,disabled:r},n==="icon"&&l,i&&h("p",{slot:"help-text",class:sheet.classes.errorTextStyle},e.errorText)),(n==="button-outside"||n==="button-below")&&l),e.isCopied&&e.showNotificationText&&e.notificationText&&h("p",{part:"sqm-notification-text",class:sheet.classes.notificationTextStyle},e.notificationText))}export{CopyTextView as C,REFERRAL_CODES_PAGINATION_CONTEXT as R,SET_CODE_COPIED as S,REFERRAL_CODES_NAMESPACE as a,useReferralCodes as u};var templateObject_1,templateObject_2;

package/dist/esm-es5/{email-registration-view-a7818cf2.js → email-registration-view-ca8c2f20.js}

@@ -1 +1 @@
-var __assign=this&&this.__assign||function(){__assign=Object.assign||function(e){for(var a,r=1,t=arguments.length;r<t;r++){a=arguments[r];for(var s in a)if(Object.prototype.hasOwnProperty.call(a,s))e[s]=a[s]}return e};return __assign.apply(this,arguments)};import{h}from"./index-91e7729f.js";import{c as createStyleSheet}from"./JSS-67b5cff8.js";import{A as AuthWrapper,g as gap,a as AuthColumn,b as AuthButtonsContainer,E as ErrorStyles}from"./mixins-83f90fa1.js";var style={Wrapper:__assign(__assign({},AuthWrapper),gap({direction:"column",size:"var(--sl-spacing-small)"})),Column:AuthColumn,ForgotButtonContainer:{display:"inline",cursor:"pointer","font-size":"13px","font-weight":"600",color:"#AAAAAA",margin:"0"},ButtonsContainer:AuthButtonsContainer,ErrorStyle:ErrorStyles};var vanillaStyle="\n:host {\n  display: block;\n}\n:host([hidden]): {\n  display: none;\n}\na svg {\n  margin: 0 auto;\n  display: block;\n}\n";var sheet=createStyleSheet(style);var styleString=sheet.toString();function EmailRegistrationView(e){var a,r,t,s;var i=e.states,n=e.callbacks,l=e.content;var o=function(e,a,r){return e==="FRAUD"?h("sqm-form-message",{type:"error",exportparts:"erroralert-icon"},h("b",null,r),h("div",{part:"erroralert-text"},a)):h("sqm-form-message",{type:"error",exportparts:"erroralert-icon"},h("div",{part:"erroralert-text"},e))};var p=/^(([^<>()[\]\\.,;:\s@\"]+(\.[^<>()[\]\\.,;:\s@\"]+)*)|(\".+\"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;return h("div",{part:"sqm-base",class:sheet.classes.Wrapper,style:{border:""+(l.hideBorder?"none":"1px solid #eaeaea"),backgroundColor:l.backgroundColor,"padding-top":"var(--sl-spacing-"+l.paddingTop+")","padding-right":"var(--sl-spacing-"+l.paddingRight+")","padding-bottom":"var(--sl-spacing-"+l.paddingBottom+")","padding-left":"var(--sl-spacing-"+l.paddingLeft+")"}},h("style",{type:"text/css"},vanillaStyle,styleString),l.topSlot,h("sl-form",{class:sheet.classes.Column,"onSl-submit":n.submit},e.states.error&&o(e.states.error,e.content.fraudErrorMessage,e.content.fraudErrorMessageTitle),l.includeName&&h("sl-input",{exportparts:"label: input-label, base: input-base",type:"name",name:"/firstName",label:l.firstNameLabel||"First Name",disabled:i.loading}),l.includeName&&h("sl-input",{exportparts:"label: input-label, base: input-base",type:"name",name:"/lastName",label:l.lastNameLabel||"Last Name",disabled:i.loading}),h("sl-input",Object.assign({exportparts:"label: input-label, base: input-base",type:"email",name:"/email",label:l.emailLabel||"Email",disabled:i.loading,required:true,validationError:function(e){var a=e.value;if(!a){return l.requiredFieldErrorMessage}if(!a.match(p)){return l.invalidEmailErrorMessage}}},((r=(a=i.registrationFormState)===null||a===void 0?void 0:a.validationErrors)===null||r===void 0?void 0:r.email)?{class:sheet.classes.ErrorStyle,helpText:((s=(t=i.registrationFormState)===null||t===void 0?void 0:t.validationErrors)===null||s===void 0?void 0:s.email)||l.requiredFieldErrorMessage}:[])),h("div",{class:sheet.classes.ButtonsContainer,style:{paddingTop:""+(l.includeName?"var(--sl-spacing-medium)":"0")}},h("sl-button",{submit:true,loading:i.loading,exportparts:"base: primarybutton-base",type:"primary"},l.registerLabel||"Registration"))),l.bottomSlot)}export{EmailRegistrationView as E};
+var __assign=this&&this.__assign||function(){__assign=Object.assign||function(e){for(var a,r=1,t=arguments.length;r<t;r++){a=arguments[r];for(var s in a)if(Object.prototype.hasOwnProperty.call(a,s))e[s]=a[s]}return e};return __assign.apply(this,arguments)};import{h}from"./index-b3a06de8.js";import{c as createStyleSheet}from"./JSS-67b5cff8.js";import{A as AuthWrapper,g as gap,a as AuthColumn,b as AuthButtonsContainer,E as ErrorStyles}from"./mixins-83f90fa1.js";var style={Wrapper:__assign(__assign({},AuthWrapper),gap({direction:"column",size:"var(--sl-spacing-small)"})),Column:AuthColumn,ForgotButtonContainer:{display:"inline",cursor:"pointer","font-size":"13px","font-weight":"600",color:"#AAAAAA",margin:"0"},ButtonsContainer:AuthButtonsContainer,ErrorStyle:ErrorStyles};var vanillaStyle="\n:host {\n  display: block;\n}\n:host([hidden]): {\n  display: none;\n}\na svg {\n  margin: 0 auto;\n  display: block;\n}\n";var sheet=createStyleSheet(style);var styleString=sheet.toString();function EmailRegistrationView(e){var a,r,t,s;var i=e.states,n=e.callbacks,l=e.content;var o=function(e,a,r){return e==="FRAUD"?h("sqm-form-message",{type:"error",exportparts:"erroralert-icon"},h("b",null,r),h("div",{part:"erroralert-text"},a)):h("sqm-form-message",{type:"error",exportparts:"erroralert-icon"},h("div",{part:"erroralert-text"},e))};var p=/^(([^<>()[\]\\.,;:\s@\"]+(\.[^<>()[\]\\.,;:\s@\"]+)*)|(\".+\"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;return h("div",{part:"sqm-base",class:sheet.classes.Wrapper,style:{border:""+(l.hideBorder?"none":"1px solid #eaeaea"),backgroundColor:l.backgroundColor,"padding-top":"var(--sl-spacing-"+l.paddingTop+")","padding-right":"var(--sl-spacing-"+l.paddingRight+")","padding-bottom":"var(--sl-spacing-"+l.paddingBottom+")","padding-left":"var(--sl-spacing-"+l.paddingLeft+")"}},h("style",{type:"text/css"},vanillaStyle,styleString),l.topSlot,h("sl-form",{class:sheet.classes.Column,"onSl-submit":n.submit},e.states.error&&o(e.states.error,e.content.fraudErrorMessage,e.content.fraudErrorMessageTitle),l.includeName&&h("sl-input",{exportparts:"label: input-label, base: input-base",type:"name",name:"/firstName",label:l.firstNameLabel||"First Name",disabled:i.loading}),l.includeName&&h("sl-input",{exportparts:"label: input-label, base: input-base",type:"name",name:"/lastName",label:l.lastNameLabel||"Last Name",disabled:i.loading}),h("sl-input",Object.assign({exportparts:"label: input-label, base: input-base",type:"email",name:"/email",label:l.emailLabel||"Email",disabled:i.loading,required:true,validationError:function(e){var a=e.value;if(!a){return l.requiredFieldErrorMessage}if(!a.match(p)){return l.invalidEmailErrorMessage}}},((r=(a=i.registrationFormState)===null||a===void 0?void 0:a.validationErrors)===null||r===void 0?void 0:r.email)?{class:sheet.classes.ErrorStyle,helpText:((s=(t=i.registrationFormState)===null||t===void 0?void 0:t.validationErrors)===null||s===void 0?void 0:s.email)||l.requiredFieldErrorMessage}:[])),h("div",{class:sheet.classes.ButtonsContainer,style:{paddingTop:""+(l.includeName?"var(--sl-spacing-medium)":"0")}},h("sl-button",{submit:true,loading:i.loading,exportparts:"base: primarybutton-base",type:"primary"},l.registerLabel||"Registration"))),l.bottomSlot)}export{EmailRegistrationView as E};