@saasquatch/mint-components 1.12.1-5 → 1.12.1-6

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

@@ -0,0 +1 @@
+var __makeTemplateObject=this&&this.__makeTemplateObject||function(e,n){if(Object.defineProperty){Object.defineProperty(e,"raw",{value:n})}else{e.raw=n}return e};var __assign=this&&this.__assign||function(){__assign=Object.assign||function(e){for(var n,t=1,i=arguments.length;t<i;t++){n=arguments[t];for(var a in n)if(Object.prototype.hasOwnProperty.call(n,a))e[a]=n[a]}return e};return __assign.apply(this,arguments)};System.register(["./p-989fdd2e.system.js","./p-58bcece7.system.js","./p-ec9c8ced.system.js","./p-1a673057.system.js","./p-cd1d497f.system.js"],(function(e){"use strict";var n,t,i,a,r,s,o,l,d,u,m;return{setters:[function(e){n=e.h},function(e){t=e.f},function(e){i=e.d;a=e.K;r=e.z;s=e.Y;o=e.O;l=e.F;d=e.n},function(e){u=e.c},function(e){m=e.H}],execute:function(){e({C:x,u:v});var c=i.gql(__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 p=e("a","sq:referral-codes");var f=e("R","sq:referral-codes-pagination");var g=e("S",i.gql(__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 v(e){var n=a();var i=d();var u=e.programId||r();var m=s().refresh;var g=o(c,(function(e){var n;return(n=e===null||e===void 0?void 0:e.viewer)===null||n===void 0?void 0:n.referralCodeList}),{limit:1,offset:0},{engagementMedium:i,programId:u,filter:{fuelTank_eq:true,programId_eq:u,dateUsed_exists:false}},!(n===null||n===void 0?void 0:n.jwt)),v=g.envelope,h=g.states,b=g.callbacks;var C=l({namespace:f,initialValue:{states:h,callbacks:b}}),y=C[0],k=C[1];var M=l({namespace:p,initialValue:{refresh:m,loading:true,referralCode:"",shareLink:"",isCopied:false,isUsed:false,singleUse:false,email:{messageLink:""},fbmessenger:{messageLink:"",shareLink:""},whatsapp:{messageLink:""}}}),x=M[0],w=M[1];t((function(){var e,n,t,i,a,r,s,o,l,d,u,c,p,f,g,C;if((e=v===null||v===void 0?void 0:v.data)===null||e===void 0?void 0:e.length){var y=v.data[0];w({refresh:m,referralCode:y.code,isCopied:!!y.dateCopied,isUsed:!!y.dateUsed,singleUse:!!y.singleUse,shareLink:(i=(t=(n=y.shareLinkCodes)===null||n===void 0?void 0:n.data)===null||t===void 0?void 0:t[0])===null||i===void 0?void 0:i.direct,email:{messageLink:(s=(r=(a=y.shareLinkCodes)===null||a===void 0?void 0:a.data)===null||r===void 0?void 0:r[0])===null||s===void 0?void 0:s.email},fbmessenger:{messageLink:(d=(l=(o=y.shareLinkCodes)===null||o===void 0?void 0:o.data)===null||l===void 0?void 0:l[0])===null||d===void 0?void 0:d.fbMessenger,shareLink:(p=(c=(u=y.shareLinkCodes)===null||u===void 0?void 0:u.data)===null||c===void 0?void 0:c[0])===null||p===void 0?void 0:p.fbMessenger},whatsapp:{messageLink:(C=(g=(f=y.shareLinkCodes)===null||f===void 0?void 0:f.data)===null||g===void 0?void 0:g[0])===null||C===void 0?void 0:C.whatsApp}});k({states:h,callbacks:b})}}),[v]);return{states:__assign(__assign({},h),{noCodes:(v===null||v===void 0?void 0:v.totalCount)===0}),data:x,callbacks:{}}}var h={HostBlock:m,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 b="\n  :host{\n    display: block;   \n    width: 100%;\n  }\n";var C={right:"\nsl-input::part(input){\n  text-align: right;\n}",center:"  \nsl-input::part(input){\n  text-align: center;\n}",left:""};var y="\n  sl-input::part(input){\n    cursor: default;\n  }\n";var k=u(h);var M=k.toString();function x(e){var t=e.buttonStyle,i=t===void 0?"icon":t;var a=!e.loading&&e.error;var r=a?e.inputPlaceholderText:e.copyString;var s=a||e.loading||e.disabled;var o=e.buttonStyle==="button-below"?"bottom":e.buttonStyle==="button-outside"?"top":"top-end";var l=n("sl-tooltip",{trigger:"manual",content:e.tooltiptext,placement:o,disabled:e.disabled,open:e.open,skidding:e.buttonStyle==="icon"?-5:0,slot:"suffix"},i==="icon"?n("sl-icon-button",{exportparts:"base: icon-button-base",onClick:function(){var n;return(n=e.onClick)===null||n===void 0?void 0:n.call(e)},name:"files",disabled:s}):n("sl-button",{exportparts:"base: copy-button-base",onClick:function(){var n;return(n=e.onClick)===null||n===void 0?void 0:n.call(e)},size:"medium",style:{width:""+(i==="button-below"&&"100%")},disabled:s,type:"primary"},e.copyButtonLabel||"Copy"));return n("div",{class:k.classes.ContainerDiv},n("style",{type:"text/css"},M,b,C[e.textAlign],s&&y),n("div",{class:k.classes.containerStyle,style:{flexDirection:""+(i==="button-below"?"column":"row")}},n("sl-input",{class:k.classes.inputStyle+" "+(a?k.classes.inputErrorStyle:""),exportparts:"base: input-base, input: input-label",value:e.loading?"Loading...":r,readonly:true,disabled:s},i==="icon"&&l,a&&n("p",{slot:"help-text",class:k.classes.errorTextStyle},e.errorText)),(i==="button-outside"||i==="button-below")&&l),e.isCopied&&e.showNotificationText&&e.notificationText&&n("p",{part:"sqm-notification-text",class:k.classes.notificationTextStyle},e.notificationText))}}}}));

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

@@ -0,0 +1,13 @@
+import{r,h as t}from"./p-a8bf33fc.js";import{n as e}from"./p-b619a5e0.js";import{i as a}from"./p-d47569d0.js";import{d as o,z as n,K as s,E as i,i as l}from"./p-d23d5113.js";import{c as d}from"./p-c1086930.js";import{L as c}from"./p-0c4c5874.js";const p=o.gql`
+  query ($type: String!, $filter: UserLeaderboardFilterInput) {
+    viewer {
+      ... on User {
+        leaderboardRank(type: $type, filter: $filter) {
+          rowNumber
+          rank
+          denseRank
+        }
+      }
+    }
+  }
+`,u=class{constructor(t){r(this,t),this.rankText="You are currently in {rank, selectordinal, one {#st} two {#nd} few {#rd} other {#th} } place!",e(this)}disconnectedCallback(){}render(){const r=l()?function(r){const t=a.formatMessage({id:"rankText",defaultMessage:r.rankText},{rank:1})||"1st";return d({data:{rank:t}},r.demoData||{},{arrayMerge:(r,t)=>t})}(this):function(r){var t,e,o,l;const d=n(),c=null!==(t=r.programId)&&void 0!==t?t:d,u=s(),f=c?{type:r.leaderboardType,filter:{programId_eq:c}}:{type:r.leaderboardType,filter:{}};r.interval&&(f.filter.interval=r.interval);const{data:m}=i(p,f,!(null==u?void 0:u.jwt));return{data:{rank:(null===(e=null==m?void 0:m.viewer)||void 0===e?void 0:e.leaderboardRank)?a.formatMessage({id:"rankText",defaultMessage:r.rankText},{rank:null===(l=null===(o=null==m?void 0:m.viewer)||void 0===o?void 0:o.leaderboardRank)||void 0===l?void 0:l[r.rankType]}):r.unrankedText||"unranked"}}}(this);return t(c,Object.assign({},r))}};u.style="p,.P{font-size:var(--sl-font-size-small);color:var(--sl-color-gray-800);margin-top:0px}p.Subtitle,.P.Subtitle{color:var(--sl-color-gray-500);margin:0px}";export{u as sqm_leaderboard_rank}

package/dist/mint-components/{p-4e48267b.system.js → p-ff19bf56.system.js}

@@ -1 +1 @@
-System.register(["./p-ff17b3a4.system.js","./p-f6934a55.system.js","./p-1a673057.system.js","./p-4f775e84.system.js"],(function(e){"use strict";var t,s,r,o,n,a;return{setters:[function(e){t=e.h},function(e){s=e.A;r=e.a;o=e.b},function(e){n=e.c},function(e){a=e.T}],execute:function(){e("P",u);var c={Wrapper:s,Column:r,ButtonsContainer:o,Banner:{"&::part(erroralert-base)":{margin:"15px 0px"}},CodeError:{"&::part(erroralert-base)":{"margin-bottom":"15px"}},CodeSuccess:{"&::part(successalert-base)":{"margin-bottom":"15px"}},ContinueButton:{width:"100%"}};var l="\n:host {\n  display: block;\n}\n:host([hidden]): {\n  display: none;\n}\n";var i=n(c);var p=i.toString();function u(e){var s=e.states,r=e.callbacks;if(s.reset){return t("div",{class:i.classes.Wrapper+" "+i.classes.Column},t("style",{type:"text/css"},p),t(a,{type:"h3"},s.content.resetPasswordHeader),t("sqm-form-message",{class:i.classes.CodeSuccess,exportparts:"success-icon"},t("div",{part:"successalert-text"},s.content.resetSuccessText)),t("div",null,t("sl-button",{class:i.classes.ContinueButton,onClick:r.gotoNextPage,loading:s.loading,exportparts:"base: primarybutton-base",type:"primary"},s.content.continueButtonText)))}if(s.oobCodeValidating){return t("div",null)}if(!s.oobCodeValid){return t("div",{class:i.classes.Wrapper+" "+i.classes.Column},t("style",{type:"text/css"},p),t("sqm-form-message",{class:i.classes.CodeError,type:"error",exportparts:"erroralert-icon"},t("div",{part:"erroralert-text"},s.content.codeInvalidText)),t("div",null,t("sl-button",{class:i.classes.ContinueButton,onClick:r.failed,exportparts:"base: primarybutton-base",type:"primary"},s.content.continueButtonText)))}return t("div",{class:i.classes.Wrapper},t("style",{type:"text/css"},l,p),t(a,{type:"h2"},s.reset?s.content.passwordResetHeader:s.content.resetPasswordHeader),t("sl-form",{class:i.classes.Column,"onSl-submit":r.submit},e.states.error&&t("sqm-form-message",{type:"error",class:i.classes.Banner,exportparts:"erroralert-icon"},t("div",{part:"erroralert-text"},e.states.error)),!s.reset&&t("sqm-password-field",{fieldLabel:s.content.passwordFieldLabel,demoData:s.passwordDemoData,meetsRequirementsText:s.content.meetsRequirementsText,doesNotMeetRequirementsText:s.content.doesNotMeetRequirementsText,minErrorText:s.content.minErrorText,uppercaseErrorText:s.content.uppercaseErrorText,lowercaseErrorText:s.content.lowercaseErrorText,hasErrorText:s.content.hasErrorText}),!s.reset&&s.confirmPassword&&t("sl-input",{exportparts:"label: input-label, base: input-base",type:"password",name:"/confirmPassword",label:s.content.confirmPasswordFieldLabel,disabled:s.loading,required:true}),t("div",{class:i.classes.ButtonsContainer},t("sl-button",{class:i.classes.ContinueButton,submit:true,loading:s.loading,exportparts:"base: primarybutton-base",type:"primary"},s.reset?s.content.continueButtonText:s.content.resetPasswordButtonText))))}}}}));
+System.register(["./p-989fdd2e.system.js","./p-1a673057.system.js","./p-cd1d497f.system.js","./p-e0c608e4.system.js"],(function(e){"use strict";var t,s,r,o,n,a;return{setters:[function(e){t=e.h},function(e){s=e.c},function(e){r=e.A;o=e.a;n=e.b},function(e){a=e.T}],execute:function(){e("P",u);var c={Wrapper:r,Column:o,ButtonsContainer:n,Banner:{"&::part(erroralert-base)":{margin:"15px 0px"}},CodeError:{"&::part(erroralert-base)":{"margin-bottom":"15px"}},CodeSuccess:{"&::part(successalert-base)":{"margin-bottom":"15px"}},ContinueButton:{width:"100%"}};var l="\n:host {\n  display: block;\n}\n:host([hidden]): {\n  display: none;\n}\n";var i=s(c);var p=i.toString();function u(e){var s=e.states,r=e.callbacks;if(s.reset){return t("div",{class:i.classes.Wrapper+" "+i.classes.Column},t("style",{type:"text/css"},p),t(a,{type:"h3"},s.content.resetPasswordHeader),t("sqm-form-message",{class:i.classes.CodeSuccess,exportparts:"success-icon"},t("div",{part:"successalert-text"},s.content.resetSuccessText)),t("div",null,t("sl-button",{class:i.classes.ContinueButton,onClick:r.gotoNextPage,loading:s.loading,exportparts:"base: primarybutton-base",type:"primary"},s.content.continueButtonText)))}if(s.oobCodeValidating){return t("div",null)}if(!s.oobCodeValid){return t("div",{class:i.classes.Wrapper+" "+i.classes.Column},t("style",{type:"text/css"},p),t("sqm-form-message",{class:i.classes.CodeError,type:"error",exportparts:"erroralert-icon"},t("div",{part:"erroralert-text"},s.content.codeInvalidText)),t("div",null,t("sl-button",{class:i.classes.ContinueButton,onClick:r.failed,exportparts:"base: primarybutton-base",type:"primary"},s.content.continueButtonText)))}return t("div",{class:i.classes.Wrapper},t("style",{type:"text/css"},l,p),t(a,{type:"h2"},s.reset?s.content.passwordResetHeader:s.content.resetPasswordHeader),t("sl-form",{class:i.classes.Column,"onSl-submit":r.submit},e.states.error&&t("sqm-form-message",{type:"error",class:i.classes.Banner,exportparts:"erroralert-icon"},t("div",{part:"erroralert-text"},e.states.error)),!s.reset&&t("sqm-password-field",{fieldLabel:s.content.passwordFieldLabel,demoData:s.passwordDemoData,meetsRequirementsText:s.content.meetsRequirementsText,doesNotMeetRequirementsText:s.content.doesNotMeetRequirementsText,minErrorText:s.content.minErrorText,uppercaseErrorText:s.content.uppercaseErrorText,lowercaseErrorText:s.content.lowercaseErrorText,hasErrorText:s.content.hasErrorText}),!s.reset&&s.confirmPassword&&t("sl-input",{exportparts:"label: input-label, base: input-base",type:"password",name:"/confirmPassword",label:s.content.confirmPasswordFieldLabel,disabled:s.loading,required:true}),t("div",{class:i.classes.ButtonsContainer},t("sl-button",{class:i.classes.ContinueButton,submit:true,loading:s.loading,exportparts:"base: primarybutton-base",type:"primary"},s.reset?s.content.continueButtonText:s.content.resetPasswordButtonText))))}}}}));

package/dist/types/components/sqm-base-registration/BaseRegistrationForm.stories.d.ts

@@ -0,0 +1,6 @@
+declare const _default: {
+  title: string;
+};
+export default _default;
+export declare const Default: () => any;
+export declare const EmailError: () => any;

package/dist/types/components/sqm-base-registration/sqm-base-registration-form-view.d.ts

@@ -0,0 +1,19 @@
+import { VNode } from "../../stencil-public-runtime";
+export interface BaseRegistrationFormViewProps {
+  states: {
+    error: string;
+  };
+  callbacks: {
+    handleEmailSubmit: Function;
+  };
+  content: {
+    pageLabel?: string;
+    googleButton?: VNode;
+    secondaryButton?: VNode;
+    emailLabel?: string;
+    submitLabel?: string;
+    requiredFieldErrorMessage: string;
+    invalidEmailErrorMessage: string;
+  };
+}
+export declare function BaseRegistrationFormView(props: BaseRegistrationFormViewProps): any;

package/dist/types/components/sqm-checkbox-field/sqm-checkbox-field-view.d.ts

@@ -10,7 +10,7 @@ export interface CheckboxFieldViewProps {
     checkboxLabelLink?: string;
     checkboxLabelLinkText?: string;
     checkboxOptional?: boolean;
-    errorMessage?: string;
+    errorMessage: string;
   };
   callbacks: {
     setChecked: Function;

package/dist/types/components/sqm-checkbox-field/sqm-checkbox-field.d.ts

@@ -4,7 +4,7 @@ import { CheckboxFieldViewProps } from "./sqm-checkbox-field-view";
  * @uiName Form Checkbox Field
  * @validParents ["sqm-portal-register","sqm-portal-registration-form"]
  * @exampleGroup Microsite Components
- * @example Form Checkbox Field - <sqm-checkbox-field checkbox-name="terms" checkbox-label="By signing up you agree to the {labelLink}" checkbox-label-link="https://example.com" checkbox-label-link-text="Terms and Conditions" error-message="Must be checked" ></sqm-checkbox-field>
+ * @example Form Checkbox Field - <sqm-checkbox-field checkbox-label="By signing up you agree to the {labelLink}" checkbox-label-link="https://example.com" checkbox-label-link-text="Terms and Conditions" error-message="Must be checked" ></sqm-checkbox-field>
  */
 export declare class CheckboxField {
   ignored: boolean;
@@ -24,15 +24,15 @@ export declare class CheckboxField {
    *
    * @uiName Checkbox label link
    */
-  checkboxLabelLink?: string;
+  checkboxLabelLink: string;
   /**
    * @uiName Checkbox label link lext
    */
-  checkboxLabelLinkText?: string;
+  checkboxLabelLinkText: string;
   /**
    * @uiName Unchecked error message
    */
-  errorMessage?: string;
+  errorMessage: string;
   /**
    * @uiName Optional
    */

package/dist/types/components/sqm-empty/sqm-empty.d.ts

@@ -7,7 +7,7 @@ export declare class Empty {
    * @uiWidget ImageUpload
    * @format url
    * @uiName Image */
-  emptyStateImage: string;
+  emptyStateImage?: string;
   /** @uiName Title  */
   emptyStateHeader: string;
   /**

package/dist/types/components/sqm-google-sign-in/sqm-google-sign-in.d.ts

@@ -0,0 +1,12 @@
+import { EventEmitter } from "../../stencil-public-runtime";
+/**
+ * @uiName Google Sign-In Button
+ * @description Requires <script src="https://accounts.google.com/gsi/client" async></script> be added to the <head> section.
+ */
+export declare class GoogleSignIn {
+  text: string;
+  initComplete: EventEmitter<any>;
+  constructor();
+  disconnectedCallback(): void;
+  render(): any;
+}

package/dist/types/components/{sqm-marketing-emails-checkbox/MarketingEmailsCheckbox.stories.d.ts → sqm-pagination/Pagination.stories.d.ts}

@@ -1,8 +1,5 @@
 declare const _default: {
   title: string;
-  parameters: {
-    scenario: string;
-  };
 };
 export default _default;
 export declare const Default: () => any;

package/dist/types/components/sqm-pagination/sqm-pagination-view.d.ts

@@ -0,0 +1,15 @@
+export interface PaginationViewProps {
+  states: {
+    currentPage?: number;
+    totalPages?: number;
+    loading: boolean;
+  };
+  text: {
+    paginationText: string;
+  };
+  callbacks: {
+    onNext: (e: Event) => void;
+    onPrev: (e: Event) => void;
+  };
+}
+export declare function PaginationView(props: PaginationViewProps): any;

package/dist/types/components/sqm-pagination/sqm-pagination.d.ts

@@ -0,0 +1,22 @@
+import { DemoData } from "../../global/demo";
+import { UsePagination } from "./usePagination";
+/**
+ * @uiName Pagination
+ * @exampleGroup Common Components
+ * @example Link Button - <sqm-pagination></sqm-pagination>
+ */
+export declare class Pagination {
+  ignored: boolean;
+  /**
+   * @uiName Pagination text
+   */
+  paginationText: string;
+  /**
+   * @undocumented
+   * @uiType object
+   */
+  demoData?: DemoData<UsePagination>;
+  constructor();
+  disconnectedCallback(): void;
+  render(): any;
+}

package/dist/types/components/sqm-pagination/usePagination.d.ts

@@ -0,0 +1,16 @@
+import { Pagination } from "./sqm-pagination";
+export declare type UsePagination = typeof usePagination;
+export declare function usePagination(props: Pagination): {
+  states: {
+    currentPage: number;
+    totalPages: number;
+    loading: boolean;
+  };
+  callbacks: {
+    onNext: () => void;
+    onPrev: () => void;
+  };
+  text: {
+    paginationText: string;
+  };
+};

package/dist/types/components/sqm-portal-container/sqm-portal-container.d.ts

@@ -65,7 +65,6 @@ export declare class PortalContainer {
   /**
    * @uiName Background color
    * @uiWidget color
-   * @uiGroup Card style
    * @uiType string
    */
   backgroundColor?: string;

package/dist/types/components/sqm-portal-google-registration-form/PortalGoogleRegistrationForm.stories.d.ts

@@ -0,0 +1,8 @@
+declare const _default: {
+  title: string;
+};
+export default _default;
+export declare const Default: () => any;
+export declare const RegisterWithError: () => any;
+export declare const RegisterLoading: () => any;
+export declare const TermsAndConditions: () => any;

package/dist/types/components/sqm-portal-google-registration-form/small-views/RegistrationFieldsView.d.ts

@@ -0,0 +1,31 @@
+export interface RegistrationFieldsViewProps {
+  states: {
+    loading: boolean;
+    isGoogle: boolean;
+    enablePasswordValidation: boolean;
+    registrationFormState: {
+      disabled?: boolean;
+      initialData?: {
+        confirmPassword?: string;
+      };
+      validationErrors?: {
+        confirmPassword?: string;
+      };
+    };
+  };
+  callbacks: {};
+  text: {};
+  content: {
+    passwordLabel: string;
+    confirmPasswordLabel: string;
+    requiredFieldErrorMessage: string;
+    invalidEmailErrorMessage: string;
+    meetsRequirementsText: string;
+    doesNotMeetRequirementsText: string;
+    minErrorText: string;
+    uppercaseErrorText: string;
+    lowercaseErrorText: string;
+    hasErrorText: string;
+  };
+}
+export declare const RegistrationFieldsView: (props: RegistrationFieldsViewProps) => any;

package/dist/types/components/sqm-portal-google-registration-form/sqm-portal-google-registration-form.d.ts

@@ -0,0 +1,155 @@
+import { DemoData } from "../../global/demo";
+import { PortalRegistrationFormViewProps } from "../sqm-portal-registration-form/sqm-portal-registration-form-view";
+export declare class PortalGoogleRegistrationForm {
+  ignored: boolean;
+  /**
+   * Redirect participants to this page after they successfully register.
+   *
+   * @uiName Registration redirect
+   * @uiWidget pageSelect
+   */
+  nextPage: string;
+  /**
+   * Redirect participants to this page from their verification email
+   *
+   * @uiName Email verification redirect
+   * @uiWidget pageSelect
+   */
+  redirectPath: string;
+  /**
+   * @uiName Email field label
+   */
+  emailLabel: string;
+  /**
+   * @uiName Password field label
+   */
+  passwordLabel: string;
+  /**
+   * @uiName Submit button text
+   */
+  submitLabel: string;
+  /**
+   * @uiName Login button text
+   */
+  loginLabel: string;
+  /**
+   * @uiName Confirm password field label
+   */
+  confirmPasswordLabel: string;
+  /**
+   * @uiName Show confirm password field
+   */
+  confirmPassword: boolean;
+  /**
+   * @uiName Disable password validation
+   */
+  disablePasswordValidation: boolean;
+  /**
+   * Hides the email and password fields. Note: If you hide default inputs, you must add additional input fields. They must have the input name attributes "email" and "password" for this form to succeed.
+   *
+   * @uiName Hide default fields
+   */
+  hideInputs: boolean;
+  /**
+   * Hides the first name and last name fields
+   *
+   * @uiName Hide name fields
+   */
+  hideNameFields: boolean;
+  /**
+   * @uiName Header text
+   */
+  pageLabel: string;
+  /**
+   * Redirect participants to this page after clicking the login button.
+   *
+   * @uiName Login redirect
+   * @uiWidget pageSelect
+   */
+  loginPath: string;
+  /**
+   * Login Call-to-action
+   *
+   * @uiName Login CTA
+   */
+  loginCTA: string;
+  /**
+   * The message to be displayed when a required field is not filled.
+   *
+   * @uiName Required field message
+   * @uiWidget textArea
+   */
+  requiredFieldErrorMessage: string;
+  /**
+   * The message to be displayed when a the form submission fails unexpectedly.
+   *
+   * @uiName Network error message
+   * @uiWidget textArea
+   */
+  networkErrorMessage: string;
+  /**
+   * The message to be displayed when password inputs do not match.
+   *
+   * @uiName Password mismatch message
+   * @uiWidget textArea
+   */
+  passwordMismatchErrorMessage: string;
+  /**
+   * The message to be displayed when the email used is invalid or blocked.
+   *
+   * @uiName Invalid email message
+   * @uiWidget textArea
+   */
+  invalidEmailErrorMessage: string;
+  /**
+   * The message to be displayed when the registration form is disabled.
+   *
+   * @uiName Form disabled message
+   * @uiWidget textArea
+   */
+  formDisabledErrorMessage: string;
+  /**
+   * @uiName Password requirement met
+   */
+  meetsRequirementsText: string;
+  /**
+   * @uiName Password requirement failed
+   */
+  doesNotMeetRequirementsText: string;
+  /**
+   * @uiName Minimum length text
+   */
+  minErrorText: string;
+  /**
+   * @uiName Missing uppercase text
+   */
+  uppercaseErrorText: string;
+  /**
+   * @uiName Missing lowercase text
+   */
+  lowercaseErrorText: string;
+  /**
+   * @uiName Missing number or symbol text
+   */
+  hasErrorText: string;
+  /**
+   * The key of the registration form used for this microsite.
+   *
+   * @uiName Form key
+   * @required
+   */
+  formKey: string;
+  /**
+   * @undocumented
+   * @uiType object
+   */
+  demoData?: DemoData<PortalRegistrationFormViewProps>;
+  /**
+   * @undocumented
+   * @uiType object
+   */
+  demoGoogleData?: DemoData<PortalRegistrationFormViewProps>;
+  constructor();
+  disconnectedCallback(): void;
+  render(): any;
+}

package/dist/types/components/sqm-portal-google-registration-form/usePortalGoogleRegistrationForm.d.ts

@@ -0,0 +1,14 @@
+import { PortalGoogleRegistrationForm } from "./sqm-portal-google-registration-form";
+export declare type ValidationErrorFunction = (input: {
+  control: any;
+  key: string;
+  value: any;
+}) => string | undefined;
+export declare function usePortalGoogleRegistrationForm(props: PortalGoogleRegistrationForm): {
+  showRegistrationForm: {
+    mode: string;
+  };
+  emailValidationError: any;
+  handleGoogleInit: (event: CustomEvent<any>) => void;
+  handleEmailSubmit: (event: any) => Promise<void>;
+};

package/dist/types/components/sqm-portal-login/PortalLogin.stories.d.ts

@@ -3,5 +3,6 @@ declare const _default: {
 };
 export default _default;
 export declare const Default: () => any;
+export declare const IsGoogle: () => any;
 export declare const LoginWithError: () => any;
 export declare const LoginLoading: () => any;

package/dist/types/components/sqm-portal-login/sqm-portal-login-view.d.ts

@@ -1,3 +1,4 @@
+import { VNode } from "../../stencil-public-runtime";
 export interface PortalLoginViewProps {
   states: {
     error: string;
@@ -9,6 +10,7 @@ export interface PortalLoginViewProps {
     submit: (event: any) => Promise<void>;
   };
   content: {
+    googleButton?: VNode;
     forgotPasswordButton?: any;
     secondaryButton?: any;
     emailLabel?: string;

package/dist/types/components/sqm-portal-login/sqm-portal-login.d.ts

@@ -54,6 +54,14 @@ export declare class PortalLogin {
    * Displayed when the login fails due to a network error. The participant can try refreshing the page.
    */
   networkErrorMessage: string;
+  /**
+   * @uiName Register CTA
+   */
+  registerCTA: string;
+  /**
+   * @undocumented
+   */
+  showGoogleLogin: boolean;
   /**
    * @undocumented
    * @uiType object

package/dist/types/components/sqm-portal-registration-form/PortalRegistrationForm.stories.d.ts

@@ -7,5 +7,4 @@ export declare const RegisterWithError: () => any;
 export declare const RegisterLoading: () => any;
 export declare const FieldsHidden: () => any;
 export declare const SlottedInputs: () => any;
-export declare const RegisterWithMarketingEmailsCheckbox: () => any;
 export declare const TermsAndConditions: () => any;

package/dist/types/components/sqm-portal-registration-form/sqm-portal-registration-form-view.d.ts

@@ -6,6 +6,8 @@ export interface PortalRegistrationFormViewProps {
     loading: boolean;
     confirmPassword: boolean;
     hideInputs: boolean;
+    hidePasswords?: boolean;
+    hideNameFields?: boolean;
     registrationFormState?: RegistrationFormState;
     enablePasswordValidation?: boolean;
     loginPath: string;
@@ -17,7 +19,6 @@ export interface PortalRegistrationFormViewProps {
   content: {
     formData?: VNode;
     terms?: VNode;
-    emailOptIn?: VNode;
     passwordField?: VNode;
     secondaryButton?: VNode;
     emailLabel?: string;

package/dist/types/components/sqm-portal-registration-form/sqm-portal-registration-form.d.ts

@@ -2,7 +2,7 @@ import { DemoData } from "../../global/demo";
 import { PortalRegistrationFormViewProps } from "./sqm-portal-registration-form-view";
 /**
  * @uiName Microsite Registration
- * @slots [{"name":"formData","title":"Additional Fields"},{"name":"terms","title":"Terms And Conditions Fields"},{"name":"emailOptIn","title":"Email Opt-in Fields"}]
+ * @slots [{"name":"formData","title":"Additional Fields"},{"name":"terms","title":"Terms And Conditions Fields"}]
  */
 export declare class PortalRegistrationForm {
   ignored: boolean;
@@ -54,6 +54,12 @@ export declare class PortalRegistrationForm {
    * @uiName Hide default fields
    */
   hideInputs: boolean;
+  /**
+   * Hides the first name and last name fields
+   *
+   * @uiName Hide name fields
+   */
+  hideNameFields: boolean;
   /**
    * @uiName Header text
    */

package/dist/types/components/sqm-portal-registration-form/usePortalRegistrationForm.d.ts

@@ -12,6 +12,7 @@ export declare function usePortalRegistrationForm(props: PortalRegistrationForm)
     registrationFormState: RegistrationFormState;
     confirmPassword: boolean;
     hideInputs: boolean;
+    hideNameFields: boolean;
     loginPath: string;
     enablePasswordValidation: boolean;
   };

package/dist/types/components/sqm-referral-card/ReferralCard.stories.d.ts

@@ -8,6 +8,7 @@ export default _default;
 export declare const ImageAndShareButtons: () => any;
 export declare const LimitWidth: () => any;
 export declare const TimelineAndShareButtons: () => any;
+export declare const OneTimeUsePromoCodes: () => any;
 export declare const StartAlignment: () => any;
 export declare const CenterAlignment: () => any;
 export declare const EndAlignment: () => any;

package/dist/types/components/sqm-referral-code/ReferralCode.stories.d.ts

@@ -0,0 +1,18 @@
+declare const _default: {
+  title: string;
+  parameters: {
+    scenario: string;
+  };
+};
+export default _default;
+export declare const ReferralCode: () => any;
+export declare const ShowNotificationText: () => any;
+export declare const ShowNotificationTextWithButton: () => any;
+export declare const ShowNotificationTextWithButtonBelow: () => any;
+export declare const CustomTooltipText: () => any;
+export declare const TextAlignCenter: () => any;
+export declare const TextAlignRight: () => any;
+export declare const CustomTooltipDuration: () => any;
+export declare const CopyButton: () => any;
+export declare const CopyButtonBelow: () => any;
+export declare const Error: () => any;

package/dist/types/components/sqm-referral-code/sqm-referral-code.d.ts

@@ -0,0 +1,70 @@
+import { DemoData } from "../../global/demo";
+import { CopyTextViewProps } from "../views/copy-text-view";
+/**
+ * @uiName Referral Code
+ * @exampleGroup Sharing
+ * @example Referral Code - <sqm-referral-code tooltip-text="Copied to Clipboard" tooltip-lifespan="1000" show-notification-text="true"></sqm-referral-code>
+ */
+export declare class ReferralCode {
+  /**
+   * The ID of the program that should generate the code. Defaults to the program ID in context where this widget is loaded.
+   *
+   * @uiName Program ID
+   * @uiWidget programSelector
+   */
+  programId?: string;
+  /**
+   * Shown inside a tooltip after someone has successfully copied the link to their clipboard
+   *
+   * @uiName Tooltip text
+   */
+  tooltiptext: string;
+  /**
+   * Boolean used to show notification text below input
+   *
+   * @uiName Show notification text
+   */
+  showNotificationText: boolean;
+  /**
+   * Shown underneath single-use promo codes when the user has already copied the code
+   *
+   * @uiName Notification text
+   */
+  notificationText: string;
+  /**
+   * The number of milliseconds that the tooltip appears for
+   *
+   * @uiName Tooltip lifespan
+   */
+  tooltiplifespan: number;
+  /**
+   * Change the text alignment
+   *
+   * @uiName Referral code alignment
+   * @uiType string
+   * @uiEnum ["left", "center", "right"]
+   * @uiEnumNames ["Left", "Center", "Right"]
+   */
+  textAlign: "left" | "center" | "right";
+  /**
+   * @uiName Copy button label
+   */
+  copyButtonLabel?: string;
+  /**
+   * Set the copy button style and placement
+   *
+   * @uiName Style
+   * @uiType string
+   * @uiEnum ["icon", "button-outside", "button-below"]
+   * @uiEnumNames ["Icon", "Button outside", "Button below"]
+   */
+  buttonStyle?: "icon" | "button-outside" | "button-below";
+  /**
+   * @undocumented
+   * @uiType object
+   */
+  demoData?: DemoData<CopyTextViewProps>;
+  constructor();
+  disconnectedCallback(): void;
+  render(): any;
+}

package/dist/types/components/sqm-referral-code/useReferralCode.d.ts

@@ -0,0 +1,3 @@
+import { CopyTextViewProps } from "../views/copy-text-view";
+import { ReferralCode } from "./sqm-referral-code";
+export declare function useReferralCode(props: ReferralCode): CopyTextViewProps;

package/dist/types/components/sqm-referral-codes/ReferralCodes.stories.d.ts

@@ -0,0 +1,12 @@
+declare const _default: {
+  title: string;
+  parameters: {
+    scenario: string;
+  };
+};
+export default _default;
+export declare const ReferralCodes: () => any;
+export declare const WithPreviouslyCopiedCode: () => any;
+export declare const Empty: () => any;
+export declare const EmptyWithCustomTextAndImage: () => any;
+export declare const Loading: () => any;