@saasquatch/mint-components 1.12.1-7 → 1.12.1-8

package/dist/collection/components/sqm-portal-registration-form/sqm-portal-registration-form.js

@@ -6,7 +6,7 @@ import { PortalRegistrationFormView, } from "./sqm-portal-registration-form-view
 import { usePortalRegistrationForm } from "./usePortalRegistrationForm";
 /**
  * @uiName Microsite Registration
- * @slots [{"name":"formData","title":"Additional Fields"},{"name":"terms","title":"Terms And Conditions Fields"}]
+ * @slots [{"name":"formData","title":"Additional Fields"},{"name":"terms","title":"Terms And Conditions Fields"},{"name":"emailOptIn","title":"Email Opt-in Fields"}]
  */
 export class PortalRegistrationForm {
   constructor() {
@@ -59,12 +59,6 @@ export class PortalRegistrationForm {
      * @uiName Hide default fields
      */
     this.hideInputs = false;
-    /**
-     * Shows the first name and last name fields
-     *
-     * @uiName Show name fields
-     */
-    this.showNameFields = false;
     /**
      * @uiName Header text
      */
@@ -147,6 +141,7 @@ export class PortalRegistrationForm {
       secondaryButton: (h("slot", { name: "secondaryButton" },
         h("sl-button", { type: "text", disabled: states.loading, onClick: () => navigation.push(states.loginPath) }, this.loginLabel))),
       terms: h("slot", { name: "terms" }),
+      emailOptIn: h("slot", { name: "emailOptIn" }),
       emailLabel: this.emailLabel,
       passwordLabel: this.passwordLabel,
       submitLabel: this.submitLabel,
@@ -385,27 +380,6 @@ export class PortalRegistrationForm {
       "reflect": false,
       "defaultValue": "false"
     },
-    "showNameFields": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [{
-            "text": "Show name fields",
-            "name": "uiName"
-          }],
-        "text": "Shows the first name and last name fields"
-      },
-      "attribute": "show-name-fields",
-      "reflect": false,
-      "defaultValue": "false"
-    },
     "pageLabel": {
       "type": "string",
       "mutable": false,
@@ -725,7 +699,7 @@ export class PortalRegistrationForm {
       "mutable": false,
       "complexType": {
         "original": "DemoData<PortalRegistrationFormViewProps>",
-        "resolved": "{ states?: { error: string; loading: boolean; confirmPassword: boolean; hideInputs: boolean; hidePasswords?: boolean; showNameFields?: boolean; registrationFormState?: RegistrationFormState; enablePasswordValidation?: boolean; loginPath: string; }; refs?: { formRef: any; }; content?: { formData?: VNode; terms?: VNode; passwordField?: VNode; secondaryButton?: VNode; emailLabel?: string; passwordLabel?: string; submitLabel?: string; pageLabel?: string; confirmPasswordLabel?: string; networkErrorMessage?: string; passwordMismatchErrorMessage?: string; invalidEmailErrorMessage?: string; formDisabledErrorMessage?: string; requiredFieldErrorMessage?: string; meetsRequirementsText?: string; doesNotMeetRequirementsText?: string; minErrorText?: string; uppercaseErrorText?: string; lowercaseErrorText?: string; hasErrorText?: string; }; }",
+        "resolved": "{ states?: { error: string; loading: boolean; confirmPassword: boolean; hideInputs: boolean; registrationFormState?: RegistrationFormState; enablePasswordValidation?: boolean; loginPath: string; }; refs?: { formRef: any; }; content?: { formData?: VNode; terms?: VNode; emailOptIn?: VNode; passwordField?: VNode; secondaryButton?: VNode; emailLabel?: string; passwordLabel?: string; submitLabel?: string; pageLabel?: string; confirmPasswordLabel?: string; networkErrorMessage?: string; passwordMismatchErrorMessage?: string; invalidEmailErrorMessage?: string; formDisabledErrorMessage?: string; requiredFieldErrorMessage?: string; meetsRequirementsText?: string; doesNotMeetRequirementsText?: string; minErrorText?: string; uppercaseErrorText?: string; lowercaseErrorText?: string; hasErrorText?: string; }; }",
         "references": {
           "DemoData": {
             "location": "import",
@@ -762,7 +736,6 @@ function useRegisterDemo(props) {
       loading: false,
       confirmPassword: props.confirmPassword,
       hideInputs: props.hideInputs || false,
-      showNameFields: props.showNameFields || false,
       customPasswordField: false,
       loginPath: "/login",
     },

package/dist/collection/components/sqm-portal-registration-form/usePortalRegistrationForm.js

@@ -51,6 +51,7 @@ export function usePortalRegistrationForm(props) {
   const submit = async (event) => {
     var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t;
     let formControls = event.target.getFormControls();
+    console.log("Test 123");
     let formData = {};
     let validationErrors = {};
     formControls === null || formControls === void 0 ? void 0 : formControls.forEach((control) => {
@@ -96,6 +97,7 @@ export function usePortalRegistrationForm(props) {
       validationErrors: {},
     });
     const { email, password } = formData;
+    console.log("form data is ", formData);
     delete formData.email;
     delete formData.password;
     delete formData.confirmPassword;
@@ -195,7 +197,6 @@ export function usePortalRegistrationForm(props) {
       registrationFormState,
       confirmPassword: props.confirmPassword,
       hideInputs: props.hideInputs,
-      showNameFields: props.showNameFields,
       loginPath: props.loginPath,
       enablePasswordValidation: !props.disablePasswordValidation,
     },

package/dist/collection/components/sqm-referral-card/ReferralCard.stories.js

@@ -21,21 +21,6 @@ const sharebutton = (slot) => {
       h("sqm-share-button", { medium: "facebook" }, "Share on Facebook"),
       h("sqm-share-button", { medium: "twitter" }, "Post about us on X"))));
 };
-const shareButtonsWithPromoCodes = (slot) => {
-  return (h("sqm-portal-container", { gap: "large", slot: slot },
-    h("sqm-text", null, "Choose how you want to share:"),
-    h("sqm-text", null,
-      h("sub", null, "Share with your friends:"),
-      h("sqm-share-code", null),
-      h("sqm-share-link", null)),
-    h("sqm-portal-container", { gap: "x-small" },
-      h("sqm-share-button", { medium: "email" }, "Share via email"),
-      h("sqm-share-button", { medium: "facebook" }, "Share on Facebook"),
-      h("sqm-share-button", { medium: "twitter" }, "Post about us on X"),
-      h("sqm-portal-container", { gap: "x-small" },
-        h("span", { style: { textAlign: "center", color: "var(--sl-color-gray-500)" } }, "You have copied this code before"),
-        h("sqm-pagination", null)))));
-};
 const timeline = (slot, count) => {
   return (h("sqm-timeline", { slot: slot, icon: "circle" },
     count > 0 && (h("sqm-timeline-entry", { reward: "75", unit: "points", desc: "Your friends signs up for a free trial" })),
@@ -58,11 +43,6 @@ export const TimelineAndShareButtons = () => {
     timeline("left", 3),
     sharebutton("right")));
 };
-export const OneTimeUsePromoCodes = () => {
-  return (h("sqm-referral-card", null,
-    timeline("left", 4),
-    shareButtonsWithPromoCodes("right")));
-};
 export const StartAlignment = () => {
   return (h("sqm-referral-card", { "vertical-alignment": "start" },
     timeline("left", 4),

package/dist/collection/components/sqm-referral-table/ReferralTableRewardsCell.stories.js

@@ -289,6 +289,7 @@ export const PayoutFailed = () => {
       },
     ], statusText: statusText, statusLongText: statusLongText, fuelTankText: "Your code is", rewardReceivedText: "Reward received on", expiringText: "Expiring in", pendingForText: "{status} for {date}", deniedHelpText: "Contact support if you think this is a mistake." }));
 };
+// AL: TODO payout cancelled
 export const PayoutCancelled = () => {
   return (h("sqm-referral-table-rewards-cell", { rewards: [
       {

package/dist/collection/components/sqm-referral-table/cells/sqm-referral-table-rewards-cell.js

@@ -6,8 +6,6 @@ import { intl } from "../../../global/global";
 import { luxonLocale } from "../../../utils/utils";
 export class ReferralTableRewardsCell {
   constructor() {
-    this.statusText = "{status, select, AVAILABLE {Available} CANCELLED {Cancelled} PENDING {Pending} PENDING_REVIEW {Pending} PAYOUT_APPROVED {Payout Approved} PAYOUT_FAILED {Payout Failed} PAYOUT_CANCELLED {Payout Cancelled} PENDING_TAX_REVIEW {Pending} PENDING_NEW_TAX_FORM {Pending} PENDING_TAX_SUBMISSION {Pending} PENDING_PARTNER_CREATION {Pending} DENIED {Denied} EXPIRED {Expired} REDEEMED {Redeemed} other {Not available} }";
-    this.statusLongText = "{status, select, AVAILABLE {Reward expiring on} CANCELLED {Reward cancelled on} PENDING {Available on} PENDING_REVIEW {Pending since} PAYOUT_APPROVED {Reward approved for payout and was scheduled for payment based on your settings.} PAYOUT_FAILED {Payout failed due to a fulfillment issue and is currently being retried.} PAYOUT_CANCELLED {If you think this is a mistake, contact our Support team.} PENDING_TAX_REVIEW {Awaiting tax form review} PENDING_NEW_TAX_FORM {Invalid tax form. Submit a new form to receive your rewards.} PENDING_TAX_SUBMISSION {Submit your tax documents to receive your rewards} PENDING_PARTNER_CREATION {Complete your tax and cash payout setup to receive your rewards} DENIED {Denied on} EXPIRED {Reward expired on} other {Not available} }";
     this.locale = "en";
   }
   render() {
@@ -341,8 +339,7 @@ export class ReferralTableRewardsCell {
         "text": ""
       },
       "attribute": "status-text",
-      "reflect": false,
-      "defaultValue": "\"{status, select, AVAILABLE {Available} CANCELLED {Cancelled} PENDING {Pending} PENDING_REVIEW {Pending} PAYOUT_APPROVED {Payout Approved} PAYOUT_FAILED {Payout Failed} PAYOUT_CANCELLED {Payout Cancelled} PENDING_TAX_REVIEW {Pending} PENDING_NEW_TAX_FORM {Pending} PENDING_TAX_SUBMISSION {Pending} PENDING_PARTNER_CREATION {Pending} DENIED {Denied} EXPIRED {Expired} REDEEMED {Redeemed} other {Not available} }\""
+      "reflect": false
     },
     "statusLongText": {
       "type": "string",
@@ -359,8 +356,7 @@ export class ReferralTableRewardsCell {
         "text": ""
       },
       "attribute": "status-long-text",
-      "reflect": false,
-      "defaultValue": "\"{status, select, AVAILABLE {Reward expiring on} CANCELLED {Reward cancelled on} PENDING {Available on} PENDING_REVIEW {Pending since} PAYOUT_APPROVED {Reward approved for payout and was scheduled for payment based on your settings.} PAYOUT_FAILED {Payout failed due to a fulfillment issue and is currently being retried.} PAYOUT_CANCELLED {If you think this is a mistake, contact our Support team.} PENDING_TAX_REVIEW {Awaiting tax form review} PENDING_NEW_TAX_FORM {Invalid tax form. Submit a new form to receive your rewards.} PENDING_TAX_SUBMISSION {Submit your tax documents to receive your rewards} PENDING_PARTNER_CREATION {Complete your tax and cash payout setup to receive your rewards} DENIED {Denied on} EXPIRED {Reward expired on} other {Not available} }\""
+      "reflect": false
     },
     "fuelTankText": {
       "type": "string",

package/dist/collection/components/sqm-rewards-table/RewardsTableCell.stories.js

@@ -224,7 +224,9 @@ export const SourceCellDeletedUser = () => {
   return (h("sqm-rewards-table-source-cell", { reward: { ...rewardsData, ...referral(null) }, referralText: "Referral to", deletedUserText: "Deleted User" }));
 };
 export const SourceCellDeletedReferral = () => {
-  return (h("sqm-rewards-table-source-cell", { 
+  return (
+  // AL: TODO
+  h("sqm-rewards-table-source-cell", { 
     //@ts-ignore
     reward: { ...rewardsData, ...deletedReferral(null) }, referralText: "Referral to", deletedReferralText: "Deleted Referral" }));
 };

package/dist/collection/components/sqm-share-button/useShareButton.js

@@ -1,7 +1,6 @@
-import { useEngagementMedium, useUserIdentity, useQuery, useParentValue, useMutation, } from "@saasquatch/component-boilerplate";
+import { useEngagementMedium, useUserIdentity, useQuery, } from "@saasquatch/component-boilerplate";
 import { gql } from "graphql-request";
 import { useProgramId, getEnvironmentSDK, } from "@saasquatch/component-boilerplate";
-import { REFERRAL_CODES_NAMESPACE, SET_CODE_COPIED, } from "../sqm-referral-codes/useReferralCodes";
 const MessageLinkQuery = gql `
   query (
     $programId: ID
@@ -39,62 +38,52 @@ function NativeShare(props, directLink, undefinedErrorText, unsupportedPlatformT
     alert(unsupportedPlatformText);
   }
 }
-function FacebookShare(directLink, messageLink, errorText) {
-  if (messageLink === "undefined" || directLink === "undefined") {
+function FacebookShare(directLink, res, errorText) {
+  var _a, _b;
+  if (((_b = (_a = res.data) === null || _a === void 0 ? void 0 : _a.viewer) === null || _b === void 0 ? void 0 : _b.messageLink) === "undefined" ||
+    directLink === "undefined") {
     return alert(errorText);
   }
   if (typeof SquatchAndroid.shareOnFacebook !== "undefined") {
-    return SquatchAndroid.shareOnFacebook(directLink, messageLink);
+    return SquatchAndroid.shareOnFacebook(directLink, res.data.viewer.messageLink);
   }
   else {
-    return GenericShare(messageLink, errorText);
+    return GenericShare(res, errorText);
   }
 }
-function GenericShare(messageLink, errorText) {
-  return messageLink ? window.open(messageLink) : alert(errorText);
+function GenericShare(res, errorText) {
+  var _a, _b;
+  return ((_b = (_a = res.data) === null || _a === void 0 ? void 0 : _a.viewer) === null || _b === void 0 ? void 0 : _b.messageLink) ? window.open(res.data.viewer.messageLink)
+    : alert(errorText);
 }
 export function useShareButton(props) {
   var _a, _b;
   const { sharetitle, sharetext, medium } = props;
   const programId = props.programId ? props.programId : useProgramId();
   const user = useUserIdentity();
-  const engagementMedium = useEngagementMedium();
   const variables = {
-    engagementMedium,
+    engagementMedium: useEngagementMedium(),
     programId: programId,
     shareMedium: medium.toUpperCase(),
   };
-  const contextData = useParentValue(REFERRAL_CODES_NAMESPACE);
-  const overrideData = contextData === null || contextData === void 0 ? void 0 : contextData[medium];
   // only queries if a programId is available
-  const res = useQuery(MessageLinkQuery, variables, !(user === null || user === void 0 ? void 0 : user.jwt) || !programId || overrideData !== undefined);
-  const [setCopied, copiedRes] = useMutation(SET_CODE_COPIED);
-  const directLink = (overrideData === null || overrideData === void 0 ? void 0 : overrideData.shareLink) || ((_b = (_a = res === null || res === void 0 ? void 0 : res.data) === null || _a === void 0 ? void 0 : _a.viewer) === null || _b === void 0 ? void 0 : _b.shareLink);
+  const res = useQuery(MessageLinkQuery, variables, !(user === null || user === void 0 ? void 0 : user.jwt) || !programId);
+  const directLink = (_b = (_a = res === null || res === void 0 ? void 0 : res.data) === null || _a === void 0 ? void 0 : _a.viewer) === null || _b === void 0 ? void 0 : _b.shareLink;
   const environment = getEnvironmentSDK();
   const hide = (medium.toLocaleUpperCase() === "SMS" &&
     window.orientation === undefined) ||
     (medium.toLocaleUpperCase() === "DIRECT" && !window.navigator.share);
-  async function onClick() {
-    var _a, _b, _c, _d;
-    if (overrideData) {
-      await setCopied({ referralCode: contextData.referralCode });
-      contextData.refresh();
-    }
+  function onClick() {
     if (medium.toLocaleUpperCase() === "FACEBOOK" &&
       environment.type === "SquatchAndroid") {
-      FacebookShare(directLink, (overrideData === null || overrideData === void 0 ? void 0 : overrideData.messageLink) || ((_b = (_a = res.data) === null || _a === void 0 ? void 0 : _a.viewer) === null || _b === void 0 ? void 0 : _b.messageLink), props.errorText);
+      FacebookShare(directLink, res, props.errorText);
     }
     else if (medium.toLocaleUpperCase() === "DIRECT") {
       NativeShare({ sharetitle, sharetext }, directLink, props.errorText, props.unsupportedPlatformText);
     }
     else {
-      GenericShare((overrideData === null || overrideData === void 0 ? void 0 : overrideData.messageLink) || ((_d = (_c = res.data) === null || _c === void 0 ? void 0 : _c.viewer) === null || _d === void 0 ? void 0 : _d.messageLink), props.errorText);
+      GenericShare(res, props.errorText);
     }
   }
-  return {
-    ...props,
-    loading: res.loading && !(overrideData === null || overrideData === void 0 ? void 0 : overrideData.messageLink),
-    onClick,
-    hide,
-  };
+  return { ...props, loading: res.loading, onClick, hide };
 }

package/dist/collection/components/sqm-share-code/sqm-share-code.js

@@ -210,7 +210,7 @@ export class ShareCode {
       "mutable": false,
       "complexType": {
         "original": "DemoData<CopyTextViewProps>",
-        "resolved": "{ loading?: boolean; copyString?: string; tooltiptext?: string; open?: boolean; copyButtonLabel?: string; disabled?: boolean; textAlign?: \"left\" | \"right\" | \"center\"; buttonStyle?: \"icon\" | \"button-outside\" | \"button-below\"; error?: boolean; errorText?: string; notificationText?: string; showNotificationText?: boolean; inputPlaceholderText?: string; dateAvailable?: string; isCopied?: boolean; onClick?: () => void; }",
+        "resolved": "{ loading?: boolean; copyString?: string; tooltiptext?: string; open?: boolean; copyButtonLabel?: string; disabled?: boolean; textAlign?: \"left\" | \"right\" | \"center\"; buttonStyle?: \"icon\" | \"button-outside\" | \"button-below\"; error?: boolean; errorText?: string; inputPlaceholderText?: string; dateAvailable?: string; onClick?: () => void; }",
         "references": {
           "DemoData": {
             "location": "import",

package/dist/collection/components/sqm-share-link/sqm-share-link.js

@@ -210,7 +210,7 @@ export class ShareLink {
       "mutable": false,
       "complexType": {
         "original": "DemoData<CopyTextViewProps>",
-        "resolved": "{ loading?: boolean; copyString?: string; tooltiptext?: string; open?: boolean; copyButtonLabel?: string; disabled?: boolean; textAlign?: \"left\" | \"right\" | \"center\"; buttonStyle?: \"icon\" | \"button-outside\" | \"button-below\"; error?: boolean; errorText?: string; notificationText?: string; showNotificationText?: boolean; inputPlaceholderText?: string; dateAvailable?: string; isCopied?: boolean; onClick?: () => void; }",
+        "resolved": "{ loading?: boolean; copyString?: string; tooltiptext?: string; open?: boolean; copyButtonLabel?: string; disabled?: boolean; textAlign?: \"left\" | \"right\" | \"center\"; buttonStyle?: \"icon\" | \"button-outside\" | \"button-below\"; error?: boolean; errorText?: string; inputPlaceholderText?: string; dateAvailable?: string; onClick?: () => void; }",
         "references": {
           "DemoData": {
             "location": "import",

package/dist/collection/components/sqm-share-link/useShareLink.js

@@ -1,7 +1,6 @@
-import { useEngagementMedium, useMutation, useParentValue, useProgramId, useQuery, useUserIdentity, } from "@saasquatch/component-boilerplate";
+import { useEngagementMedium, useMutation, useProgramId, useQuery, useUserIdentity, } from "@saasquatch/component-boilerplate";
 import { useState } from "@saasquatch/universal-hooks";
 import { gql } from "graphql-request";
-import { REFERRAL_CODES_NAMESPACE, SET_CODE_COPIED, } from "../sqm-referral-codes/useReferralCodes";
 const MessageLinkQuery = gql `
   query ($programId: ID, $engagementMedium: UserEngagementMedium!) {
     user: viewer {
@@ -25,19 +24,13 @@ export function useShareLink(props) {
   const { programId = useProgramId() } = props;
   const user = useUserIdentity();
   const engagementMedium = useEngagementMedium();
-  const contextData = useParentValue(REFERRAL_CODES_NAMESPACE);
-  const { data } = useQuery(MessageLinkQuery, { programId, engagementMedium }, !(user === null || user === void 0 ? void 0 : user.jwt) || !!props.linkOverride || (contextData === null || contextData === void 0 ? void 0 : contextData.shareLink) !== undefined);
+  const { data } = useQuery(MessageLinkQuery, { programId, engagementMedium }, !(user === null || user === void 0 ? void 0 : user.jwt));
   const [sendLoadEvent] = useMutation(WIDGET_ENGAGEMENT_EVENT);
-  const [setCopied, copiedRes] = useMutation(SET_CODE_COPIED);
-  const copyString = (_b = ((contextData === null || contextData === void 0 ? void 0 : contextData.shareLink) || ((_a = data === null || data === void 0 ? void 0 : data.user) === null || _a === void 0 ? void 0 : _a.shareLink))) !== null && _b !== void 0 ? _b : 
+  const copyString = (_b = (_a = data === null || data === void 0 ? void 0 : data.user) === null || _a === void 0 ? void 0 : _a.shareLink) !== null && _b !== void 0 ? _b : 
   // Shown during loading
   "...";
   const [open, setOpen] = useState(false);
-  async function onClick() {
-    if (contextData) {
-      await setCopied({ referralCode: contextData.referralCode });
-      contextData.refresh();
-    }
+  function onClick() {
     // Should well supported: https://developer.mozilla.org/en-US/docs/Web/API/Clipboard#browser_compatibility
     // Only if called from a user-initiated event
     navigator.clipboard.writeText(copyString);

package/dist/collection/components/sqm-stencilbook/sqm-stencilbook.js

@@ -3,7 +3,6 @@ import { useStencilbook } from "@saasquatch/stencilbook";
 import { useState, withHooks } from "@saasquatch/stencil-hooks";
 import * as ShareButton from "../sqm-share-button/ShareButton.stories";
 import * as EmptyState from "../sqm-empty/EmptyState.stories";
-import * as Pagination from "../sqm-pagination/Pagination.stories";
 import * as ShareLink from "../sqm-share-link/ShareLink.stories";
 import * as BigStat from "../sqm-big-stat/BigStat.stories";
 import * as Leaderboard from "../sqm-leaderboard/Leaderboard.stories";
@@ -26,6 +25,7 @@ import * as SidebarItem from "../sqm-navigation-sidebar-item/SidebarItem.stories
 import * as NavigationSidebar from "../sqm-navigation-sidebar/NavigationSidebar.stories";
 import * as PortalLogin from "../sqm-portal-login/PortalLogin.stories";
 import * as PortalRegister from "../sqm-portal-register/PortalRegister.stories";
+import * as NewPortalRegistrationForm from "../sqm-portal-registration-form/PortalRegistrationForm.stories";
 import * as PortalForgotPassword from "../sqm-portal-forgot-password/PortalForgotPassword.stories";
 import * as PortalEmailVerification from "../sqm-portal-email-verification/PortalEmailVerification.stories";
 import * as PortalResetPassword from "../sqm-portal-reset-password/PortalResetPassword.stories";
@@ -48,6 +48,7 @@ import * as Hero from "../sqm-hero/Hero.stories";
 import * as ReferralIframe from "../sqm-referral-iframe/ReferralIframe.stories";
 import * as NameFields from "../sqm-name-fields/NameFields.stories";
 import * as CheckboxField from "../sqm-checkbox-field/CheckboxField.stories";
+import * as MarketingEmailsCheckbox from "../sqm-marketing-emails-checkbox/MarketingEmailsCheckbox.stories";
 import * as UseCheckboxField from "../sqm-checkbox-field/UseCheckboxField.stories";
 import * as DropdownField from "../sqm-dropdown-field/DropdownField.stories";
 import * as UseDropdownField from "../sqm-dropdown-field/UseDropdownField.stories";
@@ -70,7 +71,6 @@ import * as TitledSection from "../sqm-titled-section/TitledSection.stories";
 import * as Scroll from "../sqm-scroll/Scroll.stories";
 import * as Tabs from "../sqm-tabs/Tabs.stories";
 import * as ShareCode from "../sqm-share-code/ShareCode.stories";
-import * as ReferralCode from "../sqm-referral-code/ReferralCode.stories";
 import * as EmailRegistration from "../views/EmailRegistration.stories";
 import * as CouponCode from "../sqm-coupon-code/CouponCode.stories";
 import * as LogoutCurrentUser from "../sqm-logout-current-user/LogoutCurrentUser.stories";
@@ -85,10 +85,6 @@ import * as BankingInfoForm from "../tax-and-cash/BankingForm.stories";
 import * as InvoiceTable from "../sqm-invoice-table/InvoiceTable.stories";
 import * as InvoiceTableCells from "../sqm-invoice-table/InvoiceTableCell.stories";
 import * as UseInvoiceTableCells from "../sqm-invoice-table/UseInvoiceTable.stories";
-import * as ReferralCodes from "../sqm-referral-codes/ReferralCodes.stories";
-import * as BaseRegistrationForm from "../sqm-base-registration/BaseRegistrationForm.stories";
-import * as PortalRegistrationForm from "../sqm-portal-registration-form/PortalRegistrationForm.stories";
-import * as PortalGoogleRegistrationFormStories from "../sqm-portal-google-registration-form/PortalGoogleRegistrationForm.stories";
 import * as Themes from "./Themes";
 import { CucumberAddon } from "./CucumberAddon";
 import { HookStoryAddon } from "./HookStoryAddon";
@@ -99,7 +95,6 @@ const stories = [
   InvoiceTableCells,
   UseInvoiceTableCells,
   ShareButton,
-  Pagination,
   ShareLink,
   BigStat,
   Leaderboard,
@@ -145,6 +140,7 @@ const stories = [
   ReferralIframe,
   NameFields,
   CheckboxField,
+  MarketingEmailsCheckbox,
   DropdownField,
   InputField,
   RewardExchangeList,
@@ -168,8 +164,6 @@ const stories = [
   Tabs,
   ShareCode,
   CouponCode,
-  ReferralCode,
-  ReferralCodes,
   LogoutCurrentUser,
   LinkButton,
   EmailRegistration,
@@ -180,9 +174,7 @@ const stories = [
   TaxFormSlots,
   PayoutDetailsCard,
   BankingInfoForm,
-  BaseRegistrationForm,
-  PortalRegistrationForm,
-  PortalGoogleRegistrationFormStories,
+  NewPortalRegistrationForm,
 ];
 /**
  * For internal documentation

package/dist/collection/components/views/copy-text-view.js

@@ -1,6 +1,6 @@
 import { h } from "@stencil/core";
-import { HostBlock } from "../../global/mixins";
 import { createStyleSheet } from "../../styling/JSS";
+import { HostBlock } from "../../global/mixins";
 const style = {
   HostBlock: HostBlock,
   inputStyle: {
@@ -13,14 +13,6 @@ const style = {
       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",
@@ -31,10 +23,6 @@ const style = {
     margin: "0",
     color: "var(--sl-color-danger-500)",
   },
-  notificationTextStyle: {
-    margin: "0",
-    color: "var(--sl-color-neutral-500)",
-  },
 };
 const vanillaStyle = `
   :host{
@@ -71,7 +59,7 @@ export function CopyTextView(props) {
       ? "top"
       : "top-end";
   const copyButton = (h("sl-tooltip", { trigger: "manual", content: props.tooltiptext, placement: tooltipPlacement, disabled: props.disabled, open: props.open, skidding: props.buttonStyle === "icon" ? -5 : 0, slot: "suffix" }, buttonStyle === "icon" ? (h("sl-icon-button", { exportparts: "base: icon-button-base", onClick: () => { var _a; return (_a = props.onClick) === null || _a === void 0 ? void 0 : _a.call(props); }, name: "files", disabled: disabled })) : (h("sl-button", { exportparts: "base: copy-button-base", onClick: () => { var _a; return (_a = props.onClick) === null || _a === void 0 ? void 0 : _a.call(props); }, size: "medium", style: { width: `${buttonStyle === "button-below" && "100%"}` }, disabled: disabled, type: "primary" }, props.copyButtonLabel || "Copy"))));
-  return (h("div", { class: sheet.classes.ContainerDiv },
+  return (h("div", null,
     h("style", { type: "text/css" },
       styleString,
       vanillaStyle,
@@ -84,8 +72,5 @@ export function CopyTextView(props) {
         buttonStyle === "icon" && copyButton,
         error && (h("p", { slot: "help-text", class: sheet.classes.errorTextStyle }, props.errorText))),
       (buttonStyle === "button-outside" || buttonStyle === "button-below") &&
-        copyButton),
-    props.isCopied &&
-      props.showNotificationText &&
-      props.notificationText && (h("p", { part: "sqm-notification-text", class: sheet.classes.notificationTextStyle }, props.notificationText))));
+        copyButton)));
 }

package/dist/collection/global/mixins.js

@@ -89,6 +89,7 @@ export const AuthButtonsContainer = {
   display: "flex",
   "flex-direction": "column",
   width: "100%",
+  "align-items": "center",
   "&>*": {
     width: "100%",
   },

package/dist/collection/stories/Widget.stories.js

@@ -3,7 +3,6 @@ import { h } from "@stencil/core";
 import { createHookStory } from "../components/sqm-stencilbook/HookStoryAddon";
 import referralWidget from "../templates/ReferralWidget.html";
 import monoWidget from "../templates/MonoWidget.html";
-import promoCodeReferralWidget from "../templates/PromoCodeReferralWidget.html";
 import loyaltyWidget from "../templates/LoyaltyWidget.html";
 import instantAccessReferrerShareWidget from "../templates/InstantAccessReferrerShareWidget.html";
 import instantAccessFriendCouponWidget from "../templates/InstantAccessFriendCouponWidget.html";
@@ -43,10 +42,6 @@ export const Loyalty = createHookStory(() => {
   const { states, callbacks } = useTemplate(loyaltyWidget);
   return (h(DefaultTemplateView, { states: states, callbacks: callbacks, template: loyaltyWidget }));
 });
-export const PromoCodeReferralWidget = createHookStory(() => {
-  const { states, callbacks } = useTemplate(promoCodeReferralWidget);
-  return (h(DefaultTemplateView, { states: states, callbacks: callbacks, template: referralWidget }));
-});
 export const InstantAccessReferrerShareWidget = createHookStory(() => {
   const { states, callbacks } = useTemplate(instantAccessReferrerShareWidget);
   return h(TemplateView, { states: states, callbacks: callbacks });

package/dist/esm/{GenericTableView-6aa9fac9.js → GenericTableView-07d98ad0.js}

@@ -1,6 +1,6 @@
-import { h } from './index-60f16d0a.js';
-import { c as createStyleSheet } from './JSS-67b5cff8.js';
-import { g as gap } from './mixins-83f90fa1.js';
+import { h } from './index-17b4da69.js';
+import { g as gap } from './mixins-f60a614c.js';
+import { c as createStyleSheet } from './JSS-1c144d47.js';
 
 function GenericTableView(props) {
   const { states, data, callbacks, elements } = props;

package/dist/esm/JSS-1c144d47.js

@@ -0,0 +1,6 @@
+import { c as create, a as create$1 } from './jss-preset-default.esm-f910d30d.js';
+
+const jss = create(create$1());
+const createStyleSheet = (...args) => jss.createStyleSheet(...args);
+
+export { createStyleSheet as c };