@saasquatch/mint-components 1.6.2-3 → 1.7.0-0

package/dist/cjs/{sqm-portal-reset-password-view-f8dc0b79.js → sqm-portal-reset-password-view-042073ca.js}

@@ -1,81 +1,81 @@
 'use strict';
 
 const index = require('./index-b0129cd6.js');
-const mixins = require('./mixins-fe9d4112.js');
-const JSS = require('./JSS-97fd087e.js');
-const sqmTextSpanView = require('./sqm-text-span-view-2c7d94b5.js');
+const mixins = require('./mixins-338ca5f1.js');
+const JSS = require('./JSS-a75f3a9a.js');
+const sqmTextSpanView = require('./sqm-text-span-view-ab4ad6ef.js');
 
-const style = {
-  Wrapper: mixins.AuthWrapper,
-  Column: mixins.AuthColumn,
-  ButtonsContainer: mixins.AuthButtonsContainer,
-  Banner: {
-    "&::part(erroralert-base)": {
-      margin: "15px 0px",
-    },
-  },
-  CodeError: {
-    "&::part(erroralert-base)": {
-      "margin-bottom": "15px",
-    },
-  },
-  CodeSuccess: {
-    "&::part(successalert-base)": {
-      "margin-bottom": "15px",
-    },
-  },
-  ContinueButton: {
-    width: "100%",
-  },
-};
-const vanillaStyle = `
-:host {
-  display: block;
-}
-:host([hidden]): {
-  display: none;
-}
-`;
-const sheet = JSS.createStyleSheet(style);
-const styleString = sheet.toString();
-function PortalResetPasswordView(props) {
-  const { states, callbacks } = props;
-  if (states.reset) {
-    return (index.h("div", { class: `${sheet.classes.Wrapper} ${sheet.classes.Column}` },
-      index.h("style", { type: "text/css" }, styleString),
-      index.h(sqmTextSpanView.TextSpanView, { type: "h3" }, states.content.resetPasswordHeader),
-      index.h("sqm-form-message", { class: sheet.classes.CodeSuccess, exportparts: "success-icon" },
-        index.h("div", { part: "successalert-text" }, "Your password has been reset and you are being redirected. If you are not redirected, please click Continue.")),
-      index.h("div", null,
-        index.h("sl-button", { class: sheet.classes.ContinueButton, onClick: callbacks.gotoNextPage, loading: states.loading, exportparts: "base: primarybutton-base", type: "primary" }, states.content.continueButtonText))));
-  }
-  if (states.oobCodeValidating) {
-    return index.h("div", null);
-  }
-  if (!states.oobCodeValid) {
-    return (index.h("div", { class: `${sheet.classes.Wrapper} ${sheet.classes.Column}` },
-      index.h("style", { type: "text/css" }, styleString),
-      index.h("sqm-form-message", { class: sheet.classes.CodeError, type: "error", exportparts: "erroralert-icon" },
-        index.h("div", { part: "erroralert-text" }, "The password reset code is invalid or has expired, please try again.")),
-      index.h("div", null,
-        index.h("sl-button", { class: sheet.classes.ContinueButton, onClick: callbacks.failed, exportparts: "base: primarybutton-base", type: "primary" }, states.content.continueButtonText))));
-  }
-  return (index.h("div", { class: sheet.classes.Wrapper },
-    index.h("style", { type: "text/css" },
-      vanillaStyle,
-      styleString),
-    index.h(sqmTextSpanView.TextSpanView, { type: "h2" }, states.reset
-      ? states.content.passwordResetHeader
-      : states.content.resetPasswordHeader),
-    index.h("sl-form", { class: sheet.classes.Column, "onSl-submit": callbacks.submit },
-      props.states.error && (index.h("sqm-form-message", { type: "error", class: sheet.classes.Banner, exportparts: "erroralert-icon" },
-        index.h("div", { part: "erroralert-text" }, props.states.error))),
-      !states.reset && (index.h("sqm-password-field", { fieldLabel: states.content.passwordFieldLabel, demoData: states.passwordDemoData })),
-      !states.reset && states.confirmPassword && (index.h("sl-input", { exportparts: "label: input-label", type: "password", name: "/confirmPassword", label: states.content.confirmPasswordFieldLabel, disabled: states.loading, required: true })),
-      index.h("div", { class: sheet.classes.ButtonsContainer },
-        index.h("sl-button", { class: sheet.classes.ContinueButton, submit: true, loading: states.loading, exportparts: "base: primarybutton-base", type: "primary" }, states.reset
-          ? states.content.continueButtonText
-          : states.content.resetPasswordButtonText)))));
+const style = {
+  Wrapper: mixins.AuthWrapper,
+  Column: mixins.AuthColumn,
+  ButtonsContainer: mixins.AuthButtonsContainer,
+  Banner: {
+    "&::part(erroralert-base)": {
+      margin: "15px 0px",
+    },
+  },
+  CodeError: {
+    "&::part(erroralert-base)": {
+      "margin-bottom": "15px",
+    },
+  },
+  CodeSuccess: {
+    "&::part(successalert-base)": {
+      "margin-bottom": "15px",
+    },
+  },
+  ContinueButton: {
+    width: "100%",
+  },
+};
+const vanillaStyle = `
+:host {
+  display: block;
+}
+:host([hidden]): {
+  display: none;
+}
+`;
+const sheet = JSS.createStyleSheet(style);
+const styleString = sheet.toString();
+function PortalResetPasswordView(props) {
+  const { states, callbacks } = props;
+  if (states.reset) {
+    return (index.h("div", { class: `${sheet.classes.Wrapper} ${sheet.classes.Column}` },
+      index.h("style", { type: "text/css" }, styleString),
+      index.h(sqmTextSpanView.TextSpanView, { type: "h3" }, states.content.resetPasswordHeader),
+      index.h("sqm-form-message", { class: sheet.classes.CodeSuccess, exportparts: "success-icon" },
+        index.h("div", { part: "successalert-text" }, "Your password has been reset and you are being redirected. If you are not redirected, please click Continue.")),
+      index.h("div", null,
+        index.h("sl-button", { class: sheet.classes.ContinueButton, onClick: callbacks.gotoNextPage, loading: states.loading, exportparts: "base: primarybutton-base", type: "primary" }, states.content.continueButtonText))));
+  }
+  if (states.oobCodeValidating) {
+    return index.h("div", null);
+  }
+  if (!states.oobCodeValid) {
+    return (index.h("div", { class: `${sheet.classes.Wrapper} ${sheet.classes.Column}` },
+      index.h("style", { type: "text/css" }, styleString),
+      index.h("sqm-form-message", { class: sheet.classes.CodeError, type: "error", exportparts: "erroralert-icon" },
+        index.h("div", { part: "erroralert-text" }, "The password reset code is invalid or has expired, please try again.")),
+      index.h("div", null,
+        index.h("sl-button", { class: sheet.classes.ContinueButton, onClick: callbacks.failed, exportparts: "base: primarybutton-base", type: "primary" }, states.content.continueButtonText))));
+  }
+  return (index.h("div", { class: sheet.classes.Wrapper },
+    index.h("style", { type: "text/css" },
+      vanillaStyle,
+      styleString),
+    index.h(sqmTextSpanView.TextSpanView, { type: "h2" }, states.reset
+      ? states.content.passwordResetHeader
+      : states.content.resetPasswordHeader),
+    index.h("sl-form", { class: sheet.classes.Column, "onSl-submit": callbacks.submit },
+      props.states.error && (index.h("sqm-form-message", { type: "error", class: sheet.classes.Banner, exportparts: "erroralert-icon" },
+        index.h("div", { part: "erroralert-text" }, props.states.error))),
+      !states.reset && (index.h("sqm-password-field", { fieldLabel: states.content.passwordFieldLabel, demoData: states.passwordDemoData })),
+      !states.reset && states.confirmPassword && (index.h("sl-input", { exportparts: "label: input-label", type: "password", name: "/confirmPassword", label: states.content.confirmPasswordFieldLabel, disabled: states.loading, required: true })),
+      index.h("div", { class: sheet.classes.ButtonsContainer },
+        index.h("sl-button", { class: sheet.classes.ContinueButton, submit: true, loading: states.loading, exportparts: "base: primarybutton-base", type: "primary" }, states.reset
+          ? states.content.continueButtonText
+          : states.content.resetPasswordButtonText)))));
 }
 
 exports.PortalResetPasswordView = PortalResetPasswordView;

package/dist/cjs/sqm-portal-reset-password.cjs.entry.js

@@ -5,183 +5,180 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-b0129cd6.js');
 const stencilHooks_module = require('./stencil-hooks.module-87a1f4f7.js');
 require('./use-callback-e754042f.js');
-const index_module = require('./index.module-7eab8006.js');
+const index_module = require('./index.module-1c799b1f.js');
 require('./extends-08099afd.js');
 const jsonpointer = require('./jsonpointer-11327262.js');
 const cjs = require('./cjs-1066ec21.js');
-require('./mixins-fe9d4112.js');
-require('./JSS-97fd087e.js');
-const utils = require('./utils-6847bc06.js');
-require('./sqm-text-span-view-2c7d94b5.js');
-const sqmPortalResetPasswordView = require('./sqm-portal-reset-password-view-f8dc0b79.js');
+require('./mixins-338ca5f1.js');
+require('./JSS-a75f3a9a.js');
+const utils = require('./utils-8ef4fe4a.js');
+require('./sqm-text-span-view-ab4ad6ef.js');
+const sqmPortalResetPasswordView = require('./sqm-portal-reset-password-view-042073ca.js');
 
-function usePortalResetPassword(props) {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
-  const [reset, setReset] = stencilHooks_module.useState(false);
-  const [error, setError] = stencilHooks_module.useState("");
-  const [verifyPasswordResetCode, verifyPasswordResetCodeState] = index_module.Ke();
-  const [resetPassword, resetPasswordState] = index_module.Ge();
-  const urlParams = new URLSearchParams(window.location.search);
-  const oobCode = urlParams.get("oobCode");
-  urlParams.delete("oobCode");
-  const nextPageOverride = urlParams.get("nextPage");
-  const submit = async (event) => {
-    setError("");
-    let formData = event.detail.formData;
-    formData === null || formData === void 0 ? void 0 : formData.forEach((value, key) => {
-      jsonpointer.jsonpointer.set(formData, key, value);
-    });
-    const variables = { oobCode, password: formData.password };
-    if (formData.password !== formData.confirmPassword) {
-      setError("Passwords do not match.");
-      return;
-    }
-    await resetPassword(variables);
-  };
-  const gotoNextPage = () => {
-    urlParams.delete("nextPage");
-    const url = utils.sanitizeUrlPath(nextPageOverride || props.nextPage);
-    index_module.In.push(url.href);
-  };
-  const failed = () => {
-    index_module.In.push({
-      pathname: props.failedPage,
-      search: urlParams.toString() && "?" + urlParams.toString(),
-    });
-  };
-  stencilHooks_module.useEffect(() => {
-    var _a;
-    if ((_a = resetPasswordState.data) === null || _a === void 0 ? void 0 : _a.resetManagedIdentityPassword) {
-      setReset(true);
-      setTimeout(() => {
-        gotoNextPage();
-      }, 5000);
-    }
-  }, [(_a = resetPasswordState.data) === null || _a === void 0 ? void 0 : _a.resetManagedIdentityPassword]);
-  stencilHooks_module.useEffect(() => {
-    verifyPasswordResetCode({ oobCode });
-  }, [oobCode]);
-  stencilHooks_module.useEffect(() => {
-    var _a;
-    if ((_a = verifyPasswordResetCodeState === null || verifyPasswordResetCodeState === void 0 ? void 0 : verifyPasswordResetCodeState.errors) === null || _a === void 0 ? void 0 : _a.message) {
-      setError("Network request failed.");
-    }
-  }, [verifyPasswordResetCodeState === null || verifyPasswordResetCodeState === void 0 ? void 0 : verifyPasswordResetCodeState.errors]);
-  stencilHooks_module.useEffect(() => {
-    var _a;
-    if ((_a = resetPasswordState === null || resetPasswordState === void 0 ? void 0 : resetPasswordState.errors) === null || _a === void 0 ? void 0 : _a.message) {
-      setError("Network request failed.");
-    }
-  }, [resetPasswordState === null || resetPasswordState === void 0 ? void 0 : resetPasswordState.errors]);
-  return {
-    states: {
-      loading: resetPasswordState.loading,
-      reset,
-      confirmPassword: props.confirmPassword,
-      error: ((_f = (_e = (_d = (_c = (_b = resetPasswordState.errors) === null || _b === void 0 ? void 0 : _b.response) === null || _c === void 0 ? void 0 : _c.errors) === null || _d === void 0 ? void 0 : _d[0]) === null || _e === void 0 ? void 0 : _e.extensions) === null || _f === void 0 ? void 0 : _f.message) || ((_k = (_j = (_h = (_g = resetPasswordState.errors) === null || _g === void 0 ? void 0 : _g.response) === null || _h === void 0 ? void 0 : _h.errors) === null || _j === void 0 ? void 0 : _j[0]) === null || _k === void 0 ? void 0 : _k.message) ||
-        error,
-      oobCodeValidating: verifyPasswordResetCodeState.loading,
-      oobCodeValid: (_l = verifyPasswordResetCodeState.data) === null || _l === void 0 ? void 0 : _l.verifyManagedIdentityPasswordResetCode.success,
-      content: {
-        passwordResetHeader: props.passwordResetHeader,
-        resetPasswordHeader: props.resetPasswordHeader,
-        continueButtonText: props.continueButtonText,
-        resetPasswordButtonText: props.resetPasswordButtonText,
-        confirmPasswordFieldLabel: props.confirmPasswordFieldLabel,
-        passwordFieldLabel: props.passwordFieldLabel,
-      },
-    },
-    callbacks: { submit, failed, gotoNextPage },
-  };
+function usePortalResetPassword(props) {
+  var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
+  const [reset, setReset] = stencilHooks_module.useState(false);
+  const [error, setError] = stencilHooks_module.useState("");
+  const [verifyPasswordResetCode, verifyPasswordResetCodeState] = index_module.ze();
+  const [resetPassword, resetPasswordState] = index_module.Qe();
+  const urlParams = new URLSearchParams(window.location.search);
+  const oobCode = urlParams.get("oobCode");
+  urlParams.delete("oobCode");
+  const nextPageOverride = urlParams.get("nextPage");
+  const submit = async (event) => {
+    setError("");
+    let formData = event.detail.formData;
+    formData === null || formData === void 0 ? void 0 : formData.forEach((value, key) => {
+      jsonpointer.jsonpointer.set(formData, key, value);
+    });
+    const variables = { oobCode, password: formData.password };
+    if (formData.password !== formData.confirmPassword) {
+      setError("Passwords do not match.");
+      return;
+    }
+    await resetPassword(variables);
+  };
+  const gotoNextPage = () => {
+    urlParams.delete("nextPage");
+    const url = utils.sanitizeUrlPath(nextPageOverride || props.nextPage);
+    index_module.wn.push(url.href);
+  };
+  const failed = () => {
+    index_module.wn.push({
+      pathname: props.failedPage,
+      search: urlParams.toString() && "?" + urlParams.toString(),
+    });
+  };
+  stencilHooks_module.useEffect(() => {
+    var _a;
+    if ((_a = resetPasswordState.data) === null || _a === void 0 ? void 0 : _a.resetManagedIdentityPassword) {
+      setReset(true);
+      setTimeout(() => {
+        gotoNextPage();
+      }, 5000);
+    }
+  }, [(_a = resetPasswordState.data) === null || _a === void 0 ? void 0 : _a.resetManagedIdentityPassword]);
+  stencilHooks_module.useEffect(() => {
+    verifyPasswordResetCode({ oobCode });
+  }, [oobCode]);
+  stencilHooks_module.useEffect(() => {
+    var _a;
+    if ((_a = verifyPasswordResetCodeState === null || verifyPasswordResetCodeState === void 0 ? void 0 : verifyPasswordResetCodeState.errors) === null || _a === void 0 ? void 0 : _a.message) {
+      setError("Network request failed.");
+    }
+  }, [verifyPasswordResetCodeState === null || verifyPasswordResetCodeState === void 0 ? void 0 : verifyPasswordResetCodeState.errors]);
+  stencilHooks_module.useEffect(() => {
+    var _a;
+    if ((_a = resetPasswordState === null || resetPasswordState === void 0 ? void 0 : resetPasswordState.errors) === null || _a === void 0 ? void 0 : _a.message) {
+      setError("Network request failed.");
+    }
+  }, [resetPasswordState === null || resetPasswordState === void 0 ? void 0 : resetPasswordState.errors]);
+  return {
+    states: {
+      loading: resetPasswordState.loading,
+      reset,
+      confirmPassword: props.confirmPassword,
+      error: ((_f = (_e = (_d = (_c = (_b = resetPasswordState.errors) === null || _b === void 0 ? void 0 : _b.response) === null || _c === void 0 ? void 0 : _c.errors) === null || _d === void 0 ? void 0 : _d[0]) === null || _e === void 0 ? void 0 : _e.extensions) === null || _f === void 0 ? void 0 : _f.message) || ((_k = (_j = (_h = (_g = resetPasswordState.errors) === null || _g === void 0 ? void 0 : _g.response) === null || _h === void 0 ? void 0 : _h.errors) === null || _j === void 0 ? void 0 : _j[0]) === null || _k === void 0 ? void 0 : _k.message) ||
+        error,
+      oobCodeValidating: verifyPasswordResetCodeState.loading,
+      oobCodeValid: (_l = verifyPasswordResetCodeState.data) === null || _l === void 0 ? void 0 : _l.verifyManagedIdentityPasswordResetCode.success,
+      content: {
+        passwordResetHeader: props.passwordResetHeader,
+        resetPasswordHeader: props.resetPasswordHeader,
+        continueButtonText: props.continueButtonText,
+        resetPasswordButtonText: props.resetPasswordButtonText,
+        confirmPasswordFieldLabel: props.confirmPasswordFieldLabel,
+        passwordFieldLabel: props.passwordFieldLabel,
+      },
+    },
+    callbacks: { submit, failed, gotoNextPage },
+  };
 }
 
-const PortalResetPassword = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.ignored = true;
-    /**
-     * The page that users are redirected to when the password reset succeeds.
-     *
-     * @uiName Next Page Path
-     */
-    this.nextPage = "/";
-    /**
-     * The page that users are redirected to if the reset fails due to outdated password reset attempt.
-     *
-     * @uiName Failed Page Path
-     */
-    this.failedPage = "/";
-    /**
-     * Show or hide confirm password field
-     *
-     * @uiName Show Confirm Password
-     * @default
-     */
-    this.confirmPassword = false;
-    /**
-     * @uiName Reset Password Header Text
-     */
-    this.resetPasswordHeader = "Reset your password";
-    /**
-     * Displayed after a successful password reset
-     *
-     * @uiName Successful Password Reset Text
-     */
-    this.passwordResetHeader = "Password reset";
-    /**
-     * @uiName Password Reset Button Text
-     */
-    this.resetPasswordButtonText = "Reset Password";
-    /**
-     * Button text displayed after a successful password reset
-     *
-     * @uiName Continue Button Text
-     */
-    this.continueButtonText = "Continue";
-    /**
-     * @uiName Confirm Password Label
-     */
-    this.confirmPasswordFieldLabel = "Confirm Password";
-    /**
-     * @uiName Password Label
-     */
-    this.passwordFieldLabel = "New Password";
-    stencilHooks_module.h$1(this);
-  }
-  disconnectedCallback() { }
-  render() {
-    const { states, callbacks } = index_module.L()
-      ? usePortalResetPasswordDemo(this)
-      : usePortalResetPassword(this);
-    return index.h(sqmPortalResetPasswordView.PortalResetPasswordView, { states: states, callbacks: callbacks });
-  }
-};
-function usePortalResetPasswordDemo(props) {
-  return cjs.cjs({
-    states: {
-      error: "",
-      loading: false,
-      reset: false,
-      confirmPassword: true,
-      oobCodeValidating: false,
-      oobCodeValid: true,
-      content: {
-        passwordResetHeader: "Password reset",
-        resetPasswordHeader: "Reset your password",
-        continueButtonText: "Continue",
-        resetPasswordButtonText: "Reset Password",
-        confirmPasswordFieldLabel: "Confirm Password",
-        passwordFieldLabel: "New Password",
-      },
-    },
-    callbacks: {
-      submit: async (_event) => {
-        console.log("submit");
-      },
-      failed: () => { },
-      gotoNextPage: () => { },
-    },
-  }, props.demoData || {}, { arrayMerge: (_, a) => a });
+const PortalResetPassword = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.ignored = true;
+    /**
+     * The page that users are redirected to when the password reset succeeds.
+     *
+     * @uiName Next page path
+     */
+    this.nextPage = "/";
+    /**
+     * The page that users are redirected to if the reset fails due to outdated password reset attempt.
+     *
+     * @uiName Failed page redirection path
+     */
+    this.failedPage = "/";
+    /**
+     * @uiName Show confirm password
+     */
+    this.confirmPassword = false;
+    /**
+     * @uiName Password reset header text
+     */
+    this.resetPasswordHeader = "Reset your password";
+    /**
+     * Displayed after a successful password reset
+     *
+     * @uiName Password reset header text
+     */
+    this.passwordResetHeader = "Password reset";
+    /**
+     * @uiName Password reset button text
+     */
+    this.resetPasswordButtonText = "Reset Password";
+    /**
+     * Displayed after a successful password reset
+     *
+     * @uiName Continue button text
+     */
+    this.continueButtonText = "Continue";
+    /**
+     * @uiName Confirm password field label
+     */
+    this.confirmPasswordFieldLabel = "Confirm Password";
+    /**
+     * @uiName Password field label
+     */
+    this.passwordFieldLabel = "New Password";
+    stencilHooks_module.h$1(this);
+  }
+  disconnectedCallback() { }
+  render() {
+    const { states, callbacks } = index_module.L()
+      ? usePortalResetPasswordDemo(this)
+      : usePortalResetPassword(this);
+    return index.h(sqmPortalResetPasswordView.PortalResetPasswordView, { states: states, callbacks: callbacks });
+  }
+};
+function usePortalResetPasswordDemo(props) {
+  return cjs.cjs({
+    states: {
+      error: "",
+      loading: false,
+      reset: false,
+      confirmPassword: true,
+      oobCodeValidating: false,
+      oobCodeValid: true,
+      content: {
+        passwordResetHeader: "Password reset",
+        resetPasswordHeader: "Reset your password",
+        continueButtonText: "Continue",
+        resetPasswordButtonText: "Reset Password",
+        confirmPasswordFieldLabel: "Confirm Password",
+        passwordFieldLabel: "New Password",
+      },
+    },
+    callbacks: {
+      submit: async (_event) => {
+        console.log("submit");
+      },
+      failed: () => { },
+      gotoNextPage: () => { },
+    },
+  }, props.demoData || {}, { arrayMerge: (_, a) => a });
 }
 
 exports.sqm_portal_reset_password = PortalResetPassword;

package/dist/cjs/{sqm-portal-section-view-854a3e9c.js → sqm-portal-section-view-765aae4d.js}

@@ -1,27 +1,27 @@
 'use strict';
 
 const index = require('./index-b0129cd6.js');
-const JSS = require('./JSS-97fd087e.js');
+const JSS = require('./JSS-a75f3a9a.js');
 
-function PortalSectionView(props) {
-  // Due to sole usage of props, not feasiable to move out of render function
-  const style = {
-    LabelContainer: {
-      "margin-bottom": props.labelMargin === "none"
-        ? props.labelMargin
-        : `var(--sl-spacing-${props.labelMargin})`,
-    },
-    SectionContainer: {
-      textAlign: props.textAlign || "left",
-      padding: props.padding === "none" ? "0" : `var(--sl-spacing-${props.padding})`,
-    },
-  };
-  const sheet = JSS.createStyleSheet(style);
-  const styleString = sheet.toString();
-  return (index.h("div", { class: sheet.classes.SectionContainer },
-    index.h("style", { type: "text/css" }, styleString),
-    index.h("div", { class: sheet.classes.LabelContainer }, props.label),
-    props.content));
+function PortalSectionView(props) {
+  // Due to sole usage of props, not feasiable to move out of render function
+  const style = {
+    LabelContainer: {
+      "margin-bottom": props.labelMargin === "none"
+        ? props.labelMargin
+        : `var(--sl-spacing-${props.labelMargin})`,
+    },
+    SectionContainer: {
+      textAlign: props.textAlign || "left",
+      padding: props.padding === "none" ? "0" : `var(--sl-spacing-${props.padding})`,
+    },
+  };
+  const sheet = JSS.createStyleSheet(style);
+  const styleString = sheet.toString();
+  return (index.h("div", { class: sheet.classes.SectionContainer },
+    index.h("style", { type: "text/css" }, styleString),
+    index.h("div", { class: sheet.classes.LabelContainer }, props.label),
+    props.content));
 }
 
 exports.PortalSectionView = PortalSectionView;

package/dist/cjs/{sqm-portal-verify-email-view-cc59877c.js → sqm-portal-verify-email-view-cb3c9c2f.js}

@@ -1,47 +1,47 @@
 'use strict';
 
 const index = require('./index-b0129cd6.js');
-const mixins = require('./mixins-fe9d4112.js');
-const JSS = require('./JSS-97fd087e.js');
-const sqmTextSpanView = require('./sqm-text-span-view-2c7d94b5.js');
+const mixins = require('./mixins-338ca5f1.js');
+const JSS = require('./JSS-a75f3a9a.js');
+const sqmTextSpanView = require('./sqm-text-span-view-ab4ad6ef.js');
 
-const style = {
-  Wrapper: mixins.AuthWrapper,
-  Column: mixins.AuthColumn,
-  ContinueButton: {
-    width: "100%",
-  },
-};
-const vanillaStyle = `
-:host {
-  display: block;
-}
-:host([hidden]): {
-  display: none;
-}
-`;
-const sheet = JSS.createStyleSheet(style);
-const styleString = sheet.toString();
-function PortalVerifyEmailView(props) {
-  const { states, data, callbacks } = props;
-  if (states.verified) {
-    return (index.h("div", { class: sheet.classes.Wrapper },
-      index.h("style", { type: "text/css" },
-        vanillaStyle,
-        styleString),
-      index.h(sqmTextSpanView.TextSpanView, { type: "h3" }, "Verify your email"),
-      index.h("sqm-form-message", { exportparts: "success-icon" },
-        index.h("div", { part: "successalert-text" }, "Your email has been verified and you are being redirected. If you are not redirected, please click Continue.")),
-      index.h("sl-button", { class: sheet.classes.ContinueButton, onClick: callbacks.gotoNextPage, loading: states.loading, exportparts: "base: primarybutton-base", type: "primary" }, "Continue")));
-  }
-  if (states.error || !data.oobCode) {
-    return (index.h("div", { class: sheet.classes.Wrapper },
-      index.h("style", { type: "text/css" }, styleString),
-      index.h(sqmTextSpanView.TextSpanView, { type: "h3" }, "Verify your email"),
-      index.h("sqm-form-message", { type: "error", exportparts: "erroralert-icon" },
-        index.h("div", { part: "erroralert-text" }, "The email verification code is invalid or has expired, please try again.")),
-      index.h("sl-button", { class: sheet.classes.ContinueButton, onClick: callbacks.failed, loading: states.loading, exportparts: "base: primarybutton-base", type: "primary" }, "Continue")));
-  }
+const style = {
+  Wrapper: mixins.AuthWrapper,
+  Column: mixins.AuthColumn,
+  ContinueButton: {
+    width: "100%",
+  },
+};
+const vanillaStyle = `
+:host {
+  display: block;
+}
+:host([hidden]): {
+  display: none;
+}
+`;
+const sheet = JSS.createStyleSheet(style);
+const styleString = sheet.toString();
+function PortalVerifyEmailView(props) {
+  const { states, data, callbacks } = props;
+  if (states.verified) {
+    return (index.h("div", { class: sheet.classes.Wrapper },
+      index.h("style", { type: "text/css" },
+        vanillaStyle,
+        styleString),
+      index.h(sqmTextSpanView.TextSpanView, { type: "h3" }, "Verify your email"),
+      index.h("sqm-form-message", { exportparts: "success-icon" },
+        index.h("div", { part: "successalert-text" }, "Your email has been verified and you are being redirected. If you are not redirected, please click Continue.")),
+      index.h("sl-button", { class: sheet.classes.ContinueButton, onClick: callbacks.gotoNextPage, loading: states.loading, exportparts: "base: primarybutton-base", type: "primary" }, "Continue")));
+  }
+  if (states.error || !data.oobCode) {
+    return (index.h("div", { class: sheet.classes.Wrapper },
+      index.h("style", { type: "text/css" }, styleString),
+      index.h(sqmTextSpanView.TextSpanView, { type: "h3" }, "Verify your email"),
+      index.h("sqm-form-message", { type: "error", exportparts: "erroralert-icon" },
+        index.h("div", { part: "erroralert-text" }, "The email verification code is invalid or has expired, please try again.")),
+      index.h("sl-button", { class: sheet.classes.ContinueButton, onClick: callbacks.failed, loading: states.loading, exportparts: "base: primarybutton-base", type: "primary" }, "Continue")));
+  }
 }
 
 exports.PortalVerifyEmailView = PortalVerifyEmailView;