@saasquatch/mint-components 1.7.0-13 → 1.7.0-14

package/dist/esm-es5/sqm-navigation-sidebar.entry.js

@@ -1 +1 @@
-import{h,r as registerInstance}from"./index-17b4da69.js";import{m as h$1}from"./stencil-hooks.module-eefa3570.js";var vanillaStyle="\n\n* {\n  padding: 0;\n  margin: 0;\n  box-sizing: border-box;\n}\n\n@keyframes slideIn {\n  0% {\n    left: -350px;\n  }\n  100% {\n    left: 0;\n  }\n} \n\n@media screen and (min-width: 800px) {\n  .toggler,\n  .hamburger {\n     user-select: none;\n     visibility:hidden;\n  }\n  .container{\n    position: sticky;\n    top: 0;\n  }\n  .menu-items {\n    min-width: 290px;\n    max-width: 320px;\n    box-sizing: border-box;\n    padding: 20px 15px;\n  }\n  .menu-items > :not(:last-child): {\n    margin-bottom: 4px;\n  }\n}\n@media screen and (max-width: 799px) {\n  .toggler {\n    border: 2px solid #eee;\n    cursor: pointer;\n    opacity: 0;\n    z-index: 5;\n  }\n\n  .container {\n    position: sticky;\n    top: 0;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    height: 60px;\n    width: 60px;\n    flex-direction: column;\n    z-index: 100;\n  }\n  .menu-items { \n    display: none;\n    padding: 20px;\n    border-right: 1px solid #eaeaea;\n    padding-top: 60px;\n    background: white; \n    width: 100vw;\n    height: 100vh;\n    position: absolute;\n    top: 0;\n    right: 0;\n    left: 0px;\n    margin: 0;\n    animation: slideIn 500ms ease-in-out;\n  }\n\n  .toggler,\n  .hamburger {\n    visibility: visible !important;\n  }\n\n  .container {\n    display: flex;\n  }\n\n  .hamburger > .line {\n    visibility: visible !important;\n  }\n\n\n  .toggler,\n  .hamburger {\n    position: absolute;\n    padding: 20px 10px;\n  }\n\n  .toggler {\n    z-index: 100;\n    width: 100%;\n    height: 100%;\n  }\n\n  .hamburger {\n    z-index: 10;\n    width: 75%;\n    height: 100%;\n  }\n\n  .toggler:checked ~ .menu-items {\n    display: block;\n  }\n\n  /***** Turn hamburger into an X *****/\n  .toggler:checked ~ .hamburger > .line:nth-child(1) {\n    opacity: 0;\n  }\n\n  .toggler:checked ~ .hamburger > .line:nth-child(2) {\n    transform: rotate(45deg) translate(0px, -0.5px);\n  }\n\n  .toggler:checked ~ .hamburger > .line:nth-child(3) {\n    transform: rotate(-45deg) translate(3px, -3.5px);\n  }\n\n  .toggler:checked ~ .hamburger > .line:nth-child(1),\n  .toggler:checked ~ .hamburger > .line:nth-child(2),\n  .toggler:checked ~ .hamburger > .line:nth-child(3) {\n    width: 75%;\n    border-bottom: 3px solid #444445;\n    margin: 0;\n  }\n\n  .hamburger > .line {\n    visibility:hidden;\n    z-index: 2;\n    height: 4px;\n    width: 100%;\n    margin-bottom: 3px;\n    border-bottom: 5px solid #444445;\n  }\n}\n";function NavigationSidebarView(n,e){return h("div",{class:"container"},h("style",null,vanillaStyle),h("input",{type:"checkbox",class:"toggler",part:"toggler"}),h("div",{class:"hamburger"},h("div",{class:"line"}),h("div",{class:"line"}),h("div",{class:"line"})),h("div",{class:"menu-items"},e))}var NavigationSidebar=function(){function n(n){registerInstance(this,n);this.ignored=true;h$1(this)}n.prototype.disconnectedCallback=function(){};n.prototype.render=function(){return h(NavigationSidebarView,null,h("slot",null))};return n}();export{NavigationSidebar as sqm_navigation_sidebar};
+import{h,r as registerInstance}from"./index-17b4da69.js";import{m as h$1}from"./stencil-hooks.module-eefa3570.js";var vanillaStyle="\n\n* {\n  padding: 0;\n  margin: 0;\n  box-sizing: border-box;\n}\n\n@keyframes slideIn {\n  0% {\n    left: -350px;\n  }\n  100% {\n    left: 0;\n  }\n} \n\n@media screen and (min-width: 800px) {\n  .toggler,\n  .hamburger {\n     user-select: none;\n     visibility:hidden;\n  }\n  .container{\n    position: sticky;\n    top: 0;\n  }\n  .menu-items {\n    min-width: 290px;\n    max-width: 320px;\n    box-sizing: border-box;\n    padding: 20px 15px;\n  }\n  .menu-items > :not(:last-child): {\n    margin-bottom: 4px;\n  }\n}\n@media screen and (max-width: 799px) {\n  .toggler {\n    border: 2px solid #eee;\n    cursor: pointer;\n    opacity: 0;\n    z-index: 5;\n  }\n\n  .container {\n    position: sticky;\n    top: 0;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    height: 60px;\n    width: 60px;\n    flex-direction: column;\n    z-index: 100;\n  }\n  .menu-items { \n    display: none;\n    padding: 20px;\n    border-right: 1px solid #eaeaea;\n    padding-top: 60px;\n    background: white; \n    width: 100vw;\n    height: 100vh;\n    position: absolute;\n    top: 0;\n    right: 0;\n    left: 0px;\n    margin: 0;\n    animation: slideIn 500ms ease-in-out;\n  }\n\n  .toggler,\n  .hamburger {\n    visibility: visible !important;\n  }\n\n  .container {\n    display: flex;\n  }\n\n  .hamburger > .line {\n    visibility: visible !important;\n  }\n\n\n  .toggler,\n  .hamburger {\n    position: absolute;\n    padding: 20px 10px;\n  }\n\n  .toggler {\n    z-index: 100;\n    width: 100%;\n    height: 100%;\n  }\n\n  .hamburger {\n    z-index: 10;\n    width: 75%;\n    height: 100%;\n  }\n\n  .toggler:checked ~ .menu-items {\n    display: block;\n  }\n\n  /***** Turn hamburger into an X *****/\n  .toggler:checked ~ .hamburger > .line:nth-child(1) {\n    opacity: 0;\n  }\n\n  .toggler:checked ~ .hamburger > .line:nth-child(2) {\n    transform: rotate(45deg) translate(0px, -0.5px);\n  }\n\n  .toggler:checked ~ .hamburger > .line:nth-child(3) {\n    transform: rotate(-45deg) translate(3px, -3.5px);\n  }\n\n  .toggler:checked ~ .hamburger > .line:nth-child(1),\n  .toggler:checked ~ .hamburger > .line:nth-child(2),\n  .toggler:checked ~ .hamburger > .line:nth-child(3) {\n    width: 75%;\n    border-bottom: 3px solid #444445;\n    margin: 0;\n  }\n\n  .hamburger > .line {\n    visibility:hidden;\n    z-index: 2;\n    height: 4px;\n    width: 100%;\n    margin-bottom: 3px;\n    border-bottom: 5px solid #444445;\n  }\n}\n";function NavigationSidebarView(n,e){return h("div",{class:"container"},h("style",null,vanillaStyle),h("input",{type:"checkbox",class:"toggler"}),h("div",{class:"hamburger"},h("div",{class:"line"}),h("div",{class:"line"}),h("div",{class:"line"})),h("div",{class:"menu-items"},e))}var NavigationSidebar=function(){function n(n){registerInstance(this,n);this.ignored=true;h$1(this)}n.prototype.disconnectedCallback=function(){};n.prototype.render=function(){return h(NavigationSidebarView,null,h("slot",null))};return n}();export{NavigationSidebar as sqm_navigation_sidebar};

package/dist/esm-es5/sqm-portal-container-view-3b2ef743.js

@@ -0,0 +1 @@
+import{h}from"./index-17b4da69.js";import{c as createStyleSheet}from"./JSS-506b9295.js";function PortalContainerView(a,i){var n={Container:{boxSizing:"border-box",display:a.display||"grid",flexWrap:"wrap","grid-template-columns":a.direction==="row"?"repeat(auto-fill, minmax("+a.minWidth+", auto))":"100%","grid-gap":"var(--sl-spacing-"+a.gap+")",padding:a.padding==="none"?"0":"var(--sl-spacing-"+a.padding+")",maxWidth:a.maxWidth,margin:a.center&&"auto",justifyContent:a.justifyContent,"@media screen and (max-width: 420px)":{padding:a.padding!="none"&&"calc(var(--sl-spacing-"+a.padding+"))">="40px"?"calc(var(--sl-spacing-"+a.padding+") - 25px)":"var(--sl-spacing-"+a.padding+")"}}};var t="\n  :host{\n    max-width: 100%;\n    display: block;\n    box-sizing: border-box;\n  }";var e=createStyleSheet(n);var r=e.toString();return h("div",{class:e.classes.Container},h("style",{type:"text/css"},t,r),i)}export{PortalContainerView as P};

package/dist/esm-es5/sqm-portal-profile-view-208d6544.js

@@ -0,0 +1 @@
+import{h}from"./index-17b4da69.js";import{i as intl}from"./global-5f5e66ae.js";import{c as createStyleSheet}from"./JSS-506b9295.js";import{T as TextSpanView}from"./sqm-text-span-view-20c0f018.js";import{P as PortalContainerView}from"./sqm-portal-container-view-3b2ef743.js";function PortalProfileView(e){var t,a,s,l,r;var i=e.states,o=e.callbacks;var n=i.text,d=i.formState;var u=d.errors,m=d.error;var p={FormStyle:{"& >*:not(:last-child)":{"margin-bottom":"32px"}},Error:{"&::part(erroralert-base)":{"margin-bottom":"32px"}},Success:{"&::part(successalert-base)":{"margin-bottom":"32px"}},NameInputStyle:{"&:not(:last-child)":{"margin-right":"var(--sl-spacing-medium)"}}};var c=createStyleSheet(p);var v=c.toString();var b=((t=i.user)===null||t===void 0?void 0:t.countryCode)?intl.formatDisplayName((a=i.user)===null||a===void 0?void 0:a.countryCode,{type:"region"}):"";return h(PortalContainerView,Object.assign({},{direction:"column",padding:"xxx-large",gap:"xxx-large",minWidth:"600px"}),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},i.success&&h("sqm-form-message",{class:c.classes.Success,exportparts:"success-icon"},h("div",{part:"successalert-text"},"Your profile has been successfully updated.")),m&&h("sqm-form-message",{class:c.classes.Error,type:"error",exportparts:"erroralert-icon"},h("div",{part:"erroralert-text"},m)),h(PortalContainerView,Object.assign({},{direction:"row",padding:"none",gap:"32px",minWidth:"50%"}),h("sl-input",Object.assign({class:c.classes.NameInputStyle,exportparts:"label: input-label",value:(s=i.user)===null||s===void 0?void 0:s.firstName,onInput:o.onChange,label:n.firstnametext,disabled:i.loading},(u===null||u===void 0?void 0:u.firstName)&&(u===null||u===void 0?void 0:u.firstName.status)!=="valid"?{class:"ErrorStyles",helpText:"Cannot be empty"}:[],{id:"firstName",name:"firstName",error:(u===null||u===void 0?void 0:u.firstName)&&(u===null||u===void 0?void 0:u.firstName.status)!=="valid"?u===null||u===void 0?void 0:u.firstName.message:undefined})),h("sl-input",Object.assign({class:c.classes.NameInputStyle,exportparts:"label: input-label",value:(l=i.user)===null||l===void 0?void 0:l.lastName,onInput:o.onChange,label:n.lastnametext,disabled:i.loading,id:"lastName",name:"lastName"},(u===null||u===void 0?void 0:u.lastName)&&(u===null||u===void 0?void 0:u.lastName.status)!=="valid"?{class:"ErrorStyles",helpText:"Cannot be empty"}:[],{error:(u===null||u===void 0?void 0:u.lastName)&&(u===null||u===void 0?void 0:u.lastName.status)!=="valid"?u===null||u===void 0?void 0:u.lastName.message:undefined}))),h("sl-input",{label:n.emailtext,value:(r=i.user)===null||r===void 0?void 0:r.email,exportparts:"label: input-label",disabled:true}),i.showCountry&&h("sl-input",{label:n.countrytext,value:b,exportparts:"label: input-label",disabled:true}),h("sl-button",{type:"primary",loading:i.loading,disabled:i.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,f as useEffect,m as h}from"./stencil-hooks.module-eefa3570.js";import"./global-5f5e66ae.js";import"./use-callback-684c8bb7.js";import{d as dist,N,a as dn,P as Pe,i as isDemo}from"./index.module-877f3231.js";import{c as cjs}from"./cjs-bdfb4486.js";import"./JSS-506b9295.js";import{g as getProps}from"./utils-d7bbb0e2.js";import"./sqm-text-span-view-20c0f018.js";import"./sqm-portal-container-view-8f1bcc77.js";import{P as PortalProfileView}from"./sqm-portal-profile-view-117051d5.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,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,f as useEffect,m as h}from"./stencil-hooks.module-eefa3570.js";import"./global-5f5e66ae.js";import"./use-callback-684c8bb7.js";import{d as dist,N,a as dn,P as Pe,i as isDemo}from"./index.module-877f3231.js";import{c as cjs}from"./cjs-bdfb4486.js";import"./JSS-506b9295.js";import{g as getProps}from"./utils-d7bbb0e2.js";import"./sqm-text-span-view-20c0f018.js";import"./sqm-portal-container-view-3b2ef743.js";import{P as PortalProfileView}from"./sqm-portal-profile-view-208d6544.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;