@saasquatch/mint-components 2.0.0-67 → 2.0.0-68

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@saasquatch/mint-components",
   "title": "Mint Components",
-  "version": "2.0.0-67",
+  "version": "2.0.0-68",
   "description": "A minimal design library with components for referral and loyalty experiences. Built with Shoelace components by Saasquatch.",
   "icon": "https://res.cloudinary.com/saasquatch/image/upload/v1652219900/squatch-assets/For_Mint.svg",
   "raisins": "docs/raisins.json",
@@ -71,7 +71,7 @@
     "workbox-build": "4.3.1"
   },
   "dependencies": {
-    "@raisins/stencil-docs-target": "^1.2.0-2",
+    "@raisins/stencil-docs-target": "^1.2.0",
     "@saasquatch/component-boilerplate": "^1.6.9",
     "@saasquatch/dom-context-hooks": "^1.0.5",
     "@saasquatch/shoelace": "^1.0.0",

package/dist/esm-es5/sqm-base-registration-form-view-1a6bb4b4.js

@@ -1 +0,0 @@
-var __assign=this&&this.__assign||function(){__assign=Object.assign||function(t){for(var e,r=1,a=arguments.length;r<a;r++){e=arguments[r];for(var s in e)if(Object.prototype.hasOwnProperty.call(e,s))t[s]=e[s]}return t};return __assign.apply(this,arguments)};import{h}from"./index-b3a06de8.js";import{c as createStyleSheet}from"./JSS-67b5cff8.js";import{A as AuthWrapper,a as AuthColumn,H as HostBlock,b as AuthButtonsContainer,E as ErrorStyles}from"./mixins-f750863a.js";import{T as TextSpanView}from"./sqm-text-span-view-4c17b8c9.js";var style={Wrapper:AuthWrapper,Column:AuthColumn,HostBlock:HostBlock,":host":{margin:"0 auto",width:"100%"},ButtonsContainer:__assign(__assign({},AuthButtonsContainer),{gap:"var(--sl-spacing-medium)","& > *":{margin:"0 !important"}}),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 BaseRegistrationFormView(t){var e=t.states,r=t.content,a=t.callbacks;return h("div",{class:sheet.classes.Wrapper},h("style",{type:"text/css"},vanillaStyle,styleString),h(TextSpanView,{type:"h3"},r.pageLabel),h("sl-form",{class:sheet.classes.Column,"onSl-submit":a.handleEmailSubmit,novalidate:true},e.error&&h("sqm-form-message",{type:"error",exportparts:"erroralert-icon"},h("div",{part:"erroralert-text"},t.states.error)),r.formData,h("sl-input",{exportparts:"label: input-label, base: input-base",type:"email",name:"/email",label:r.emailLabel||"Email",required:true,validationError:function(t){var e=t.value;if(!e){return r.requiredFieldErrorMessage}if(!e.includes("@")){return r.invalidEmailErrorMessage}}}),h("div",{class:sheet.classes.ButtonsContainer},h("sl-button",{submit:true,exportparts:"base: primarybutton-base",type:"primary",style:{margin:"0"}},r.submitLabel||"Register"),h("sl-menu-divider",{style:{margin:"0"}}),r.googleButton,r.secondaryButton)))}export{BaseRegistrationFormView as B};

package/dist/mint-components/p-1522a7d1.js

@@ -1 +0,0 @@
-import{h as t}from"./p-c7c11325.js";import{c as a}from"./p-cef45012.js";import{A as r,a as s,H as e,b as n,E as o}from"./p-49b20dae.js";import{T as i}from"./p-204861a6.js";const l=a({Wrapper:r,Column:s,HostBlock:e,":host":{margin:"0 auto",width:"100%"},ButtonsContainer:{...n,gap:"var(--sl-spacing-medium)","& > *":{margin:"0 !important"}},ErrorStyle:o}),p=l.toString();function m(a){const{states:r,content:s,callbacks:e}=a;return t("div",{class:l.classes.Wrapper},t("style",{type:"text/css"},"\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",p),t(i,{type:"h3"},s.pageLabel),t("sl-form",{class:l.classes.Column,"onSl-submit":e.handleEmailSubmit,novalidate:!0},r.error&&t("sqm-form-message",{type:"error",exportparts:"erroralert-icon"},t("div",{part:"erroralert-text"},a.states.error)),s.formData,t("sl-input",{exportparts:"label: input-label, base: input-base",type:"email",name:"/email",label:s.emailLabel||"Email",required:!0,validationError:({value:t})=>t?t.includes("@")?void 0:s.invalidEmailErrorMessage:s.requiredFieldErrorMessage}),t("div",{class:l.classes.ButtonsContainer},t("sl-button",{submit:!0,exportparts:"base: primarybutton-base",type:"primary",style:{margin:"0"}},s.submitLabel||"Register"),t("sl-menu-divider",{style:{margin:"0"}}),s.googleButton,s.secondaryButton)))}export{m as B}

package/dist/mint-components/p-71a6e549.system.entry.js

@@ -1 +0,0 @@
-var __extends=this&&this.__extends||function(){var e=function(t,r){e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var r in t)if(Object.prototype.hasOwnProperty.call(t,r))e[r]=t[r]};return e(t,r)};return function(t,r){e(t,r);function n(){this.constructor=t}t.prototype=r===null?Object.create(r):(n.prototype=r.prototype,new n)}}();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,i){function s(e){try{l(n.next(e))}catch(e){i(e)}}function o(e){try{l(n["throw"](e))}catch(e){i(e)}}function l(e){e.done?r(e.value):a(e.value).then(s,o)}l((n=n.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var r={label:0,sent:function(){if(i[0]&1)throw i[1];return i[1]},trys:[],ops:[]},n,a,i,s;return s={next:o(0),throw:o(1),return:o(2)},typeof Symbol==="function"&&(s[Symbol.iterator]=function(){return this}),s;function o(e){return function(t){return l([e,t])}}function l(s){if(n)throw new TypeError("Generator is already executing.");while(r)try{if(n=1,a&&(i=s[0]&2?a["return"]:s[0]?a["throw"]||((i=a["return"])&&i.call(a),0):a.next)&&!(i=i.call(a,s[1])).done)return i;if(a=0,i)s=[s[0]&2,i.value];switch(s[0]){case 0:case 1:i=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(!(i=r.trys,i=i.length>0&&i[i.length-1])&&(s[0]===6||s[0]===2)){r=0;continue}if(s[0]===3&&(!i||s[1]>i[0]&&s[1]<i[3])){r.label=s[1];break}if(s[0]===6&&r.label<i[1]){r.label=i[1];i=s;break}if(i&&r.label<i[2]){r.label=i[2];r.ops.push(s);break}if(i[2])r.ops.pop();r.trys.pop();continue}s=t.call(e,r)}catch(e){s=[6,e];a=0}finally{n=i=0}if(s[0]&5)throw s[1];return{value:s[0]?s[1]:void 0,done:true}}};System.register(["./p-59b028db.system.js","./p-4f5329a2.system.js","./p-171310d9.system.js","./p-b2295bc5.system.js","./p-4bd679a7.system.js","./p-1a673057.system.js","./p-8a6494c7.system.js","./p-67ad2252.system.js","./p-6c82d60c.system.js","./p-b21c5311.system.js","./p-b6911812.system.js","./p-9d362d44.system.js","./p-537a3894.system.js"],(function(e){"use strict";var t,r,n,a,i,s,o,l,u,c,f,d,h;return{setters:[function(e){t=e.r;r=e.h},function(e){n=e.k;a=e.n},function(e){i=e.i;s=e.j},function(e){o=e.j},function(e){l=e.c},function(e){u=e.c},function(){},function(){},function(e){c=e.a},function(e){f=e.B},function(e){d=e.P},function(){},function(e){h=e.u}],execute:function(){var m=function(e){__extends(t,e);function t(){return e!==null&&e.apply(this,arguments)||this}return t}(Error);m.prototype.name="InvalidTokenError";function g(e){return decodeURIComponent(atob(e).replace(/(.)/g,(function(e,t){var r=t.charCodeAt(0).toString(16).toUpperCase();if(r.length<2){r="0"+r}return"%"+r})))}function p(e){var t=e.replace(/-/g,"+").replace(/_/g,"/");switch(t.length%4){case 0:break;case 2:t+="==";break;case 3:t+="=";break;default:throw new Error("base64 string is not of the correct length")}try{return g(t)}catch(e){return atob(t)}}function b(e,t){if(typeof e!=="string"){throw new m("Invalid token specified: must be a string")}t||(t={});var r=t.header===true?0:1;var n=e.split(".")[r];if(typeof n!=="string"){throw new m("Invalid token specified: missing part #"+(r+1))}var a;try{a=p(n)}catch(e){throw new m("Invalid token specified: invalid base64 for part #"+(r+1)+" ("+e.message+")")}try{return JSON.parse(a)}catch(e){throw new m("Invalid token specified: invalid json for part #"+(r+1)+" ("+e.message+")")}}function v(e){var t=this;var r=n(null),a=r[0],i=r[1];var s=c(),l=s[0],u=s[1];var f=n({mode:"base"}),d=f[0],h=f[1];var m=function(r){return __awaiter(t,void 0,void 0,(function(){var t,n,a;return __generator(this,(function(s){t=r.target.getFormControls();n={};a=null;t.forEach((function(t){if(!t.name)return;o.set(n,t.name,t.value);if(t.name!=="/email")return;if(t.required&&!t.value)a=e.requiredFieldErrorMessage;if(typeof t.validationError==="function"){var r=t.validationError;var i=r({control:t,key:"email",value:t.value});if(i)a=i}}));if(a){i(a);return[2]}u(__assign(__assign({},l),{initialData:__assign(__assign({},l===null||l===void 0?void 0:l.initialData),n)}));h({mode:"manual"});return[2]}))}))};var g=function(e){var t;if(!((t=e.detail)===null||t===void 0?void 0:t.credential))return;try{var r=b(e.detail.credential);u(__assign(__assign({},l),{_googleOAuthIdToken:e.detail.credential,initialData:{email:r.email,firstName:r.given_name,lastName:r.family_name}}));h({mode:"google"})}catch(e){console.error("Failed to decode Google Sign In credential JWT:",e)}};return{showRegistrationForm:d,emailValidationError:a,handleGoogleInit:g,handleEmailSubmit:m}}var w=e("sqm_portal_google_registration_form",function(){function e(e){t(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.loginCTA="Already have an account?";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.";this.meetsRequirementsText="Password has met all requirements";this.doesNotMeetRequirementsText="Password must meet the following requirements:";this.minErrorText="be a minimum of 8 characters";this.uppercaseErrorText="contain at least 1 uppercase character";this.lowercaseErrorText="contain at least 1 lowercase character";this.hasErrorText="contain at least 1 number or symbol";this.googleButtonText="signup_with";a(this)}e.prototype.disconnectedCallback=function(){};e.prototype.render=function(){var e=i()?_(this):h(this),t=e.states,n=e.callbacks,a=e.refs;var o={LoginButton:{"&::part(label)":{padding:"0"}}};var l=u(o);var c=l.toString();var m=i()?y(this):v(this),g=m.handleGoogleInit,p=m.handleEmailSubmit,b=m.showRegistrationForm,w=m.emailValidationError;var E={formData:r("slot",{name:"formData"}),googleButton:r("sqm-google-sign-in",{text:this.googleButtonText,onInitComplete:g}),secondaryButton:r("slot",{name:"secondaryButton"},r("style",null,c),r("span",null,this.loginCTA," ",r("sl-button",{size:"large",type:"text",disabled:t.loading,onClick:function(){return s.push(t.loginPath)},className:l.classes.LoginButton},this.loginLabel)," ")),terms:r("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,meetsRequirementsText:this.meetsRequirementsText,doesNotMeetRequirementsText:this.doesNotMeetRequirementsText,minErrorText:this.minErrorText,uppercaseErrorText:this.uppercaseErrorText,lowercaseErrorText:this.lowercaseErrorText,hasErrorText:this.hasErrorText};if(b.mode==="base"){return r(f,{states:{error:w},callbacks:{handleEmailSubmit:p},content:E})}return r(d,{states:__assign(__assign({},t),{emailDisabled:true,hidePasswords:b.mode==="google"}),callbacks:n,content:E,refs:a})};return e}());function _(e){var t=this;return l({states:{error:"",loading:false,confirmPassword:e.confirmPassword,hideInputs:e.hideInputs||false,customPasswordField:false,loginPath:"/login"},callbacks:{handleGoogleInit:function(){},setShowRegistrationForm:function(){},submit:function(e){return __awaiter(t,void 0,void 0,(function(){return __generator(this,(function(e){console.log("submit");return[2]}))}))},inputFunction:function(){}},content:{pageLabel:"Register",formData:null,passwordField:null},refs:{formRef:{}}},e.demoData||{},{arrayMerge:function(e,t){return t}})}function y(e){var t=n({mode:"base"}),r=t[0],a=t[1];return l({emailValidationError:false,handleEmailSubmit:function(){return a({mode:"manual"})},showRegistrationForm:r,handleGoogleInit:function(){return a({mode:"google"})}},e.demoGoogleData||{},{arrayMerge:function(e,t){return t}})}}}}));

package/dist/mint-components/p-b21c5311.system.js

@@ -1 +0,0 @@
-var __assign=this&&this.__assign||function(){__assign=Object.assign||function(t){for(var r,e=1,s=arguments.length;e<s;e++){r=arguments[e];for(var a in r)if(Object.prototype.hasOwnProperty.call(r,a))t[a]=r[a]}return t};return __assign.apply(this,arguments)};System.register(["./p-59b028db.system.js","./p-1a673057.system.js","./p-8a6494c7.system.js","./p-67ad2252.system.js"],(function(t){"use strict";var r,e,s,a,n,i,o,l;return{setters:[function(t){r=t.h},function(t){e=t.c},function(t){s=t.A;a=t.a;n=t.H;i=t.b;o=t.E},function(t){l=t.T}],execute:function(){t("B",g);var u={Wrapper:s,Column:a,HostBlock:n,":host":{margin:"0 auto",width:"100%"},ButtonsContainer:__assign(__assign({},i),{gap:"var(--sl-spacing-medium)","& > *":{margin:"0 !important"}}),ErrorStyle:o};var p="\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 m=e(u);var c=m.toString();function g(t){var e=t.states,s=t.content,a=t.callbacks;return r("div",{class:m.classes.Wrapper},r("style",{type:"text/css"},p,c),r(l,{type:"h3"},s.pageLabel),r("sl-form",{class:m.classes.Column,"onSl-submit":a.handleEmailSubmit,novalidate:true},e.error&&r("sqm-form-message",{type:"error",exportparts:"erroralert-icon"},r("div",{part:"erroralert-text"},t.states.error)),s.formData,r("sl-input",{exportparts:"label: input-label, base: input-base",type:"email",name:"/email",label:s.emailLabel||"Email",required:true,validationError:function(t){var r=t.value;if(!r){return s.requiredFieldErrorMessage}if(!r.includes("@")){return s.invalidEmailErrorMessage}}}),r("div",{class:m.classes.ButtonsContainer},r("sl-button",{submit:true,exportparts:"base: primarybutton-base",type:"primary",style:{margin:"0"}},s.submitLabel||"Register"),r("sl-menu-divider",{style:{margin:"0"}}),s.googleButton,s.secondaryButton)))}}}}));

package/dist/mint-components/p-c2ac14b7.entry.js

@@ -1 +0,0 @@
-import{r as t,h as e}from"./p-c7c11325.js";import{k as s,n as i}from"./p-63e29387.js";import{i as a,j as o}from"./p-0ec54f97.js";import{j as r}from"./p-e7e129ac.js";import{c as n}from"./p-c1086930.js";import{c as l}from"./p-cef45012.js";import"./p-49b20dae.js";import"./p-204861a6.js";import{a as m}from"./p-125a894f.js";import{B as c}from"./p-1522a7d1.js";import{P as h}from"./p-68043f30.js";import"./p-121cdc60.js";import{u as d}from"./p-97dc6863.js";class u extends Error{}function g(t){const[e,i]=s(null),[a,o]=m(),[n,l]=s({mode:"base"});return{showRegistrationForm:n,emailValidationError:e,handleGoogleInit:t=>{var e;if(null===(e=t.detail)||void 0===e?void 0:e.credential)try{const e=function(t,e){if("string"!=typeof t)throw new u("Invalid token specified: must be a string");e||(e={});const s=!0===e.header?0:1,i=t.split(".")[s];if("string"!=typeof i)throw new u(`Invalid token specified: missing part #${s+1}`);let a;try{a=function(t){let e=t.replace(/-/g,"+").replace(/_/g,"/");switch(e.length%4){case 0:break;case 2:e+="==";break;case 3:e+="=";break;default:throw new Error("base64 string is not of the correct length")}try{return function(t){return decodeURIComponent(atob(t).replace(/(.)/g,((t,e)=>{let s=e.charCodeAt(0).toString(16).toUpperCase();return s.length<2&&(s="0"+s),"%"+s})))}(e)}catch(t){return atob(e)}}(i)}catch(t){throw new u(`Invalid token specified: invalid base64 for part #${s+1} (${t.message})`)}try{return JSON.parse(a)}catch(t){throw new u(`Invalid token specified: invalid json for part #${s+1} (${t.message})`)}}(t.detail.credential);o({...a,_googleOAuthIdToken:t.detail.credential,initialData:{email:e.email,firstName:e.given_name,lastName:e.family_name}}),l({mode:"google"})}catch(t){console.error("Failed to decode Google Sign In credential JWT:",t)}},handleEmailSubmit:async e=>{const s=e.target.getFormControls();let n={},m=null;s.forEach((e=>{if(e.name&&(r.set(n,e.name,e.value),"/email"===e.name&&(e.required&&!e.value&&(m=t.requiredFieldErrorMessage),"function"==typeof e.validationError))){const t=(0,e.validationError)({control:e,key:"email",value:e.value});t&&(m=t)}})),m?i(m):(o({...a,initialData:{...null==a?void 0:a.initialData,...n}}),l({mode:"manual"}))}}}u.prototype.name="InvalidTokenError";const p=class{constructor(e){t(this,e),this.ignored=!0,this.nextPage="/",this.redirectPath="/verifyEmail",this.emailLabel="Email",this.passwordLabel="Password",this.submitLabel="Register",this.loginLabel="Sign in",this.confirmPasswordLabel="Confirm Password",this.confirmPassword=!1,this.disablePasswordValidation=!1,this.hideInputs=!1,this.pageLabel="Register",this.loginPath="/login",this.loginCTA="Already have an account?",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.",this.meetsRequirementsText="Password has met all requirements",this.doesNotMeetRequirementsText="Password must meet the following requirements:",this.minErrorText="be a minimum of 8 characters",this.uppercaseErrorText="contain at least 1 uppercase character",this.lowercaseErrorText="contain at least 1 lowercase character",this.hasErrorText="contain at least 1 number or symbol",this.googleButtonText="signup_with",i(this)}disconnectedCallback(){}render(){const{states:t,callbacks:i,refs:r}=a()?n({states:{error:"",loading:!1,confirmPassword:this.confirmPassword,hideInputs:this.hideInputs||!1,customPasswordField:!1,loginPath:"/login"},callbacks:{handleGoogleInit:()=>{},setShowRegistrationForm:()=>{},submit:async()=>{console.log("submit")},inputFunction:()=>{}},content:{pageLabel:"Register",formData:null,passwordField:null},refs:{formRef:{}}},this.demoData||{},{arrayMerge:(t,e)=>e}):d(this);const m=l({LoginButton:{"&::part(label)":{padding:"0"}}}),u=m.toString(),{handleGoogleInit:p,handleEmailSubmit:f,showRegistrationForm:b,emailValidationError:w}=a()?function(t){const[e,i]=s({mode:"base"});return n({emailValidationError:!1,handleEmailSubmit:()=>i({mode:"manual"}),showRegistrationForm:e,handleGoogleInit:()=>i({mode:"google"})},t.demoGoogleData||{},{arrayMerge:(t,e)=>e})}(this):g(this),E={formData:e("slot",{name:"formData"}),googleButton:e("sqm-google-sign-in",{text:this.googleButtonText,onInitComplete:p}),secondaryButton:e("slot",{name:"secondaryButton"},e("style",null,u),e("span",null,this.loginCTA," ",e("sl-button",{size:"large",type:"text",disabled:t.loading,onClick:()=>o.push(t.loginPath),className:m.classes.LoginButton},this.loginLabel)," ")),terms:e("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,meetsRequirementsText:this.meetsRequirementsText,doesNotMeetRequirementsText:this.doesNotMeetRequirementsText,minErrorText:this.minErrorText,uppercaseErrorText:this.uppercaseErrorText,lowercaseErrorText:this.lowercaseErrorText,hasErrorText:this.hasErrorText};return"base"===b.mode?e(c,{states:{error:w},callbacks:{handleEmailSubmit:f},content:E}):e(h,{states:{...t,emailDisabled:!0,hidePasswords:"google"===b.mode},callbacks:i,content:E,refs:r})}};export{p as sqm_portal_google_registration_form}