@saasquatch/mint-components 2.5.0-4 → 2.5.0-6

package/dist/cjs/sqm-portal-forgot-password_6.cjs.entry.js

@@ -11,7 +11,7 @@ const utils = require('./utils-6847bc06.js');
 const JSS = require('./JSS-8503a151.js');
 require('./mixins-4761d472.js');
 require('./sqm-text-span-view-b9e10f5d.js');
-const sqmPortalVerifyEmailView = require('./sqm-portal-verify-email-view-717d0633.js');
+const sqmPortalVerifyEmailView = require('./sqm-portal-verify-email-view-a679a0a7.js');
 const AsYouType = require('./AsYouType-d15caac8.js');
 const useRegistrationFormState = require('./useRegistrationFormState-4fe5b770.js');
 const sqmPortalRegistrationFormView = require('./sqm-portal-registration-form-view-a45f7a52.js');

package/dist/cjs/{sqm-portal-profile-view-a4ba4657.js → sqm-portal-profile-view-95a3ad9f.js}

@@ -64,7 +64,7 @@ function PortalProfileView(props) {
     index.h(sqmTextSpanView.TextSpanView, Object.assign({}, { type: "h1" }), text.editProfileHeader),
     index.h(sqmTextSpanView.TextSpanView, Object.assign({}, { type: "h2" }), text.editProfileSubHeader),
     index.h("form", { class: sheet.classes.FormStyle, onSubmit: callbacks.onSubmit },
-      states.success && (index.h("sqm-form-message", { class: sheet.classes.Success, exportparts: "success-icon" },
+      states.success && (index.h("sqm-form-message", { class: sheet.classes.Success, exportparts: "successalert-icon" },
         index.h("div", { part: "successalert-text" }, text.submissionSuccessText))),
       error && (index.h("sqm-form-message", { class: sheet.classes.Error, type: "error", exportparts: "erroralert-icon" },
         index.h("div", { part: "erroralert-text" }, error))),

package/dist/cjs/sqm-portal-profile.cjs.entry.js

@@ -10,7 +10,7 @@ const cjs = require('./cjs-1066ec21.js');
 const utils = require('./utils-6847bc06.js');
 require('./JSS-8503a151.js');
 require('./sqm-text-span-view-b9e10f5d.js');
-const sqmPortalProfileView = require('./sqm-portal-profile-view-a4ba4657.js');
+const sqmPortalProfileView = require('./sqm-portal-profile-view-95a3ad9f.js');
 const utilities = require('./utilities-fcdb9504.js');
 
 const GET_USER = index_module.dist.gql `

package/dist/cjs/{sqm-portal-reset-password-view-6786bd86.js → sqm-portal-reset-password-view-b2c546bd.js}

@@ -44,7 +44,7 @@ function PortalResetPasswordView(props) {
     return (index.h("div", { class: `${sheet.classes.Wrapper} ${sheet.classes.Column}`, part: "sqm-base" },
       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("sqm-form-message", { class: sheet.classes.CodeSuccess, exportparts: "successalert-icon" },
         index.h("div", { part: "successalert-text" }, states.content.resetSuccessText)),
       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))));

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

@@ -11,7 +11,7 @@ const utils = require('./utils-6847bc06.js');
 require('./JSS-8503a151.js');
 require('./mixins-4761d472.js');
 require('./sqm-text-span-view-b9e10f5d.js');
-const sqmPortalResetPasswordView = require('./sqm-portal-reset-password-view-6786bd86.js');
+const sqmPortalResetPasswordView = require('./sqm-portal-reset-password-view-b2c546bd.js');
 
 function usePortalResetPassword(props) {
   var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;

package/dist/cjs/{sqm-portal-verify-email-view-717d0633.js → sqm-portal-verify-email-view-a679a0a7.js}

@@ -200,7 +200,7 @@ function PortalVerifyEmailView(props) {
         vanillaStyle$3,
         styleString$2),
       index.h(sqmTextSpanView.TextSpanView, { type: "h3" }, content.verifyEmailText),
-      index.h("sqm-form-message", { exportparts: "success-icon" },
+      index.h("sqm-form-message", { exportparts: "successalert-icon" },
         index.h("div", { part: "successalert-text" }, content.verifySuccessText)),
       index.h("sl-button", { class: sheet$2.classes.ContinueButton, onClick: callbacks.gotoNextPage, loading: states.loading, exportparts: "base: primarybutton-base", type: "primary" }, content.continueText)));
   }

package/dist/cjs/{sqm-qr-code-view-1f2daa76.js → sqm-qr-code-view-0d43424e.js}

@@ -2,7 +2,7 @@
 
 const index = require('./index-8277cbb3.js');
 const JSS = require('./JSS-8503a151.js');
-const ErrorView = require('./ErrorView-ee7b0f36.js');
+const ErrorView = require('./ErrorView-17578c10.js');
 
 const style = {
   DialogContainer: {

package/dist/cjs/sqm-qr-code.cjs.entry.js

@@ -9,8 +9,8 @@ const cjs = require('./cjs-1066ec21.js');
 const utils = require('./utils-6847bc06.js');
 require('./JSS-8503a151.js');
 const useReferralCodes = require('./useReferralCodes-0f7948af.js');
-require('./ErrorView-ee7b0f36.js');
-const sqmQrCodeView = require('./sqm-qr-code-view-1f2daa76.js');
+require('./ErrorView-17578c10.js');
+const sqmQrCodeView = require('./sqm-qr-code-view-0d43424e.js');
 
 const ShareLinkQuery = index_module.dist.gql `
   query shareLink($programId: ID, $engagementMedium: UserEngagementMedium!) {

package/dist/cjs/sqm-referral-table_11.cjs.entry.js

@@ -11,7 +11,7 @@ const utils = require('./utils-6847bc06.js');
 const JSS = require('./JSS-8503a151.js');
 require('./mixins-4761d472.js');
 const sqmTextSpanView = require('./sqm-text-span-view-b9e10f5d.js');
-const GenericTableView = require('./GenericTableView-4633b8dc.js');
+const GenericTableView = require('./GenericTableView-4c48c630.js');
 const reRender = require('./re-render-72a0ef45.js');
 const useReferralTable = require('./useReferralTable-06887d9a.js');
 const useChildElements = require('./useChildElements-041127d7.js');

package/dist/cjs/sqm-rewards-table_9.cjs.entry.js

@@ -10,7 +10,7 @@ const cjs = require('./cjs-1066ec21.js');
 const utils = require('./utils-6847bc06.js');
 const JSS = require('./JSS-8503a151.js');
 require('./mixins-4761d472.js');
-const GenericTableView = require('./GenericTableView-4633b8dc.js');
+const GenericTableView = require('./GenericTableView-4c48c630.js');
 const reRender = require('./re-render-72a0ef45.js');
 const useReferralTable = require('./useReferralTable-06887d9a.js');
 const useChildElements = require('./useChildElements-041127d7.js');
@@ -494,11 +494,6 @@ const style = {
     "margin-right": "var(--sl-spacing-small)",
     "flex-wrap": "wrap",
   },
-  /**
-   * @csspart sqm-reward-cell-value - The reward value
-   * @csspart sqm-reward-cell-progress - The reward progress
-   * @csspart sqm-reward-cell-subtext - The reward subtext
-   */
   Details: {
     "padding-bottom": "var(--sl-spacing-small)",
     "max-width": "500px",
@@ -661,7 +656,7 @@ const RewardsTableColumn = class {
   }
   disconnectedCallback() { }
   async renderCell(data, options) {
-    return (index.h("sqm-rewards-table-reward-cell", { reward: data, redeemedText: this.redeemedText, availableText: this.availableText, copyText: this.copyText, locale: options === null || options === void 0 ? void 0 : options.locale, exportparts: "sqm-rewards-cell-value, sqm-rewards-cell-progress-bar, sqm-rewards-cell-subtext" }));
+    return (index.h("sqm-rewards-table-reward-cell", { reward: data, redeemedText: this.redeemedText, availableText: this.availableText, copyText: this.copyText, locale: options === null || options === void 0 ? void 0 : options.locale, exportparts: "sqm-reward-cell-value, sqm-reward-cell-progress, sqm-reward-cell-subtext" }));
   }
   async renderLabel() {
     return this.columnTitle;

package/dist/cjs/sqm-stencilbook.cjs.entry.js

@@ -11,13 +11,13 @@ require('./utils-6847bc06.js');
 const JSS = require('./JSS-8503a151.js');
 require('./useReferralCodes-0f7948af.js');
 require('./mixins-4761d472.js');
-const copyTextView = require('./copy-text-view-a3f1ef93.js');
+const copyTextView = require('./copy-text-view-bb2c0ea7.js');
 require('./sqm-text-span-view-b9e10f5d.js');
-const sqmPortalVerifyEmailView = require('./sqm-portal-verify-email-view-717d0633.js');
+const sqmPortalVerifyEmailView = require('./sqm-portal-verify-email-view-a679a0a7.js');
 require('./AsYouType-d15caac8.js');
 const subregions = require('./subregions-d12829d6.js');
 const sqmPortalRegistrationFormView = require('./sqm-portal-registration-form-view-a45f7a52.js');
-const GenericTableView = require('./GenericTableView-4633b8dc.js');
+const GenericTableView = require('./GenericTableView-4c48c630.js');
 require('./useChildElements-041127d7.js');
 const luxon = require('./luxon-c1ad356a.js');
 const sqmCloseButtonView = require('./sqm-close-button-view-e9f2a454.js');
@@ -30,17 +30,17 @@ const sqmLogoutCurrentUserView = require('./sqm-logout-current-user-view-f330d64
 const sqmNavigationSidebarView = require('./sqm-navigation-sidebar-view-6616e3e0.js');
 const sqmNavigationSidebarItemView = require('./sqm-navigation-sidebar-item-view-49b152dd.js');
 const sqmPortalEmailVerificationView = require('./sqm-portal-email-verification-view-a2a60c53.js');
-const sqmPortalProfileView = require('./sqm-portal-profile-view-a4ba4657.js');
+const sqmPortalProfileView = require('./sqm-portal-profile-view-95a3ad9f.js');
 require('./utilities-fcdb9504.js');
-const sqmPortalResetPasswordView = require('./sqm-portal-reset-password-view-6786bd86.js');
-require('./ErrorView-ee7b0f36.js');
-const sqmQrCodeView = require('./sqm-qr-code-view-1f2daa76.js');
-const ShadowViewAddon = require('./ShadowViewAddon-0b9f6c4e.js');
+const sqmPortalResetPasswordView = require('./sqm-portal-reset-password-view-b2c546bd.js');
+require('./ErrorView-17578c10.js');
+const sqmQrCodeView = require('./sqm-qr-code-view-0d43424e.js');
+const ShadowViewAddon = require('./ShadowViewAddon-6d88b845.js');
 const sqmPortalContainerView = require('./sqm-portal-container-view-757f921b.js');
-const sqmUserInfoFormView = require('./sqm-user-info-form-view-fd5fb0a5.js');
+const sqmUserInfoFormView = require('./sqm-user-info-form-view-6a65f1fb.js');
 const sqmLeadInputFieldView = require('./sqm-lead-input-field-view-88de1b78.js');
 require('./data-04ef5511.js');
-const sqmPartnerInfoModalView = require('./sqm-partner-info-modal-view-a0675259.js');
+const sqmPartnerInfoModalView = require('./sqm-partner-info-modal-view-d9b61d54.js');
 
 /**
  * lodash (Custom Build) <https://lodash.com/>
@@ -14389,6 +14389,14 @@ const CustomizeUrlSaving = () => {
     isSaving: true,
   })));
 };
+const CustomizeUrlEditingMobileNarrow = () => {
+  return (index.h("div", { style: { width: "320px", border: "1px dashed red" } },
+    index.h(ShadowViewAddon.ShareLinkView, Object.assign({}, {
+      ...defaultCustomizeProps,
+      isEditing: true,
+      domainPrefix: "https://referral-marketing.mybrandname.com/",
+    }))));
+};
 
 const ShareLink = /*#__PURE__*/Object.freeze({
   __proto__: null,
@@ -14412,7 +14420,8 @@ const ShareLink = /*#__PURE__*/Object.freeze({
   CustomizeUrlValidationError: CustomizeUrlValidationError,
   CustomizeUrlInvalidCharacters: CustomizeUrlInvalidCharacters,
   CustomizeUrlProfanity: CustomizeUrlProfanity,
-  CustomizeUrlSaving: CustomizeUrlSaving
+  CustomizeUrlSaving: CustomizeUrlSaving,
+  CustomizeUrlEditingMobileNarrow: CustomizeUrlEditingMobileNarrow
 });
 
 const UseShareLink_stories = {

package/dist/cjs/{sqm-user-info-form-view-fd5fb0a5.js → sqm-user-info-form-view-6a65f1fb.js}

@@ -51,7 +51,7 @@ function InvoiceTableView(props, children) {
     :host{
       display: block;
     }`;
-  return (index.h("div", { class: sheet.classes.Container, part: "sqm-table-container" },
+  return (index.h("div", { class: sheet.classes.Container },
     index.h("style", { type: "text/css" },
       vanillaStyle,
       styleString),
@@ -679,7 +679,7 @@ const TaxAndCashDashboardView = (props) => {
         }, {
           supportLink: (index.h("a", { target: "_blank", href: `mailto:advocate-payment-support@impact.com` }, text.supportLink)),
         }))),
-      alertInfo && (index.h("sqm-form-message", { loading: states.loading, exportparts: "base: alert-base, icon:alert-icon", type: alertInfo === null || alertInfo === void 0 ? void 0 : alertInfo.alertType, class: alertInfo === null || alertInfo === void 0 ? void 0 : alertInfo.class, icon: alertInfo === null || alertInfo === void 0 ? void 0 : alertInfo.icon, transparent: true },
+      alertInfo && (index.h("sqm-form-message", { loading: states.loading, exportparts: "warningalert-base: alert-base, warningalert-icon: alert-icon, erroralert-base: alert-base, erroralert-icon: alert-icon, infoalert-base: alert-base, infoalert-icon: alert-icon", type: alertInfo === null || alertInfo === void 0 ? void 0 : alertInfo.alertType, class: alertInfo === null || alertInfo === void 0 ? void 0 : alertInfo.class, icon: alertInfo === null || alertInfo === void 0 ? void 0 : alertInfo.icon, transparent: true },
         index.h("strong", null, alertInfo.header),
         index.h("p", { style: { margin: "0" } }, alertInfo.description),
         alertInfo.buttonText && (index.h("sl-button", { style: { marginTop: "var(--sl-spacing-x-small)" }, type: "default", loading: states.veriffLoading, onClick: () => callbacks.onVerifyClick() }, alertInfo.buttonText)),

package/dist/collection/components/sqm-checkbox-field/sqm-checkbox-field.js

@@ -11,9 +11,6 @@ import { useCheckboxField } from "./useCheckboxField";
  * @validParents ["sqm-portal-register","sqm-portal-registration-form", "sqm-portal-google-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>
- * @csspart sqm-base - The base container
- *  @csspart input-label - The input label
- * @csspart input-base - The input base
  */
 export class CheckboxField {
   constructor() {

package/dist/collection/components/sqm-coupon-code/sqm-coupon-code-view.js

@@ -20,7 +20,7 @@ export function CouponCodeView(props) {
 `;
   const sheet = createStyleSheet(style);
   const styleString = sheet.toString();
-  return (h("div", { part: "sqm-base" },
+  return (h("div", null,
     h("style", { type: "text/css" },
       styleString,
       vanillaStyle),

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

@@ -11,7 +11,6 @@ import { useCouponCode } from "./useCouponCode";
  * @compatibility Built for instant access
  * @exampleGroup Instant Access
  * @example Coupon Code - <sqm-coupon-code tooltip-text="Copied to Clipboard" tooltip-lifespan="1000"></sqm-coupon-code>
- * @csspart sqm-base - The base container element
  * @csspart label - The coupon code label element
  * @csspart erroralert-text - The error message element
  * @csspart erroralert-icon - The error alert icon

package/dist/collection/components/sqm-invoice-table/sqm-invoice-table-view.js

@@ -44,7 +44,7 @@ export function InvoiceTableView(props, children) {
     :host{
       display: block;
     }`;
-  return (h("div", { class: sheet.classes.Container, part: "sqm-table-container" },
+  return (h("div", { class: sheet.classes.Container },
     h("style", { type: "text/css" },
       vanillaStyle,
       styleString),

package/dist/collection/components/sqm-invoice-table/sqm-invoice-table.js

@@ -17,7 +17,6 @@ import { tryMethod, useInvoiceTable } from "./useInvoiceTable";
  * @validChildren ["p","div","h1","h2","h3","h4","h5","span"]
  * @slots [{"name":"", "title":"Table Row"},{"name":"empty", "title":"Empty"},{"name":"loading","title":"Loading"}]
  * @example Invoice Table - <sqm-invoice-table per-page="4" hidden-columns="2" more-label="Next" prev-label="Prev" sm-breakpoint="599" md-breakpoint="799" ><sqm-invoice-table-download-column></sqm-invoice-table-download-column><sqm-invoice-table-date-column column-title="Date"></sqm-invoice-table-date-column><sqm-invoice-table-data-column column-title="Invoice" property="invoiceId"></sqm-invoice-table-data-column><sqm-invoice-table-data-column column-title="Earnings" property="earnings"></sqm-invoice-table-data-column><sqm-invoice-table-data-column column-title="Indirect tax" property="indirectTax"></sqm-invoice-table-data-column><sqm-invoice-table-data-column column-title="Earnings after tax" property="netEarnings"></sqm-invoice-table-data-column><sqm-empty empty-state-image="https://res.cloudinary.com/saasquatch/image/upload/v1710363322/squatch-assets/invoice-table-empty.png" empty-state-header="View your invoice details" empty-state-text="Refer a friend to view the status of your invoices and rewards earned" slot="empty" ></sqm-empty ></sqm-invoice-table>
- * @csspart sqm-table-container - The container element for the invoice table
  * */
 export class InvoiceTable {
   constructor() {

package/dist/collection/components/sqm-lead-form/sqm-lead-form-view.js

@@ -76,7 +76,7 @@ export function LeadFormView(props) {
         vanillaStyle,
         styleString),
       h(TextSpanView, { type: "h3" }, content.pageLabel),
-      h("sqm-form-message", { loading: states.loading, exportparts: "success-icon" },
+      h("sqm-form-message", { loading: states.loading, exportparts: "successalert-icon" },
         h("b", null, content.submitSuccessHeader),
         h("br", null),
         h("div", { part: "successalert-text" }, content.submitSuccessDescription)),

package/dist/collection/components/sqm-lead-form/sqm-lead-form.js

@@ -12,7 +12,7 @@ import { useLeadForm } from "./useLeadForm";
  * @csspart successalert-text - The success message element
  * @csspart alert-title - The alert title
  * @csspart alert-description - The alert description
- * @csspart success-icon - The success alert icon
+ * @csspart successalert-icon - The success alert icon
  * @csspart input-label - The input label
  * @csspart input-base - The input base
  * @csspart primarybutton-base - The primary button base

package/dist/collection/components/sqm-partner-info-modal/sqm-partner-info-modal-view.js

@@ -99,7 +99,7 @@ export function PartnerInfoModalContentView(props) {
   }, {
     termsAndConditionsLink: (h("a", { href: text.termsAndConditionsLink, target: "_blank" }, text.termsAndConditionsLabel)),
   });
-  return (h("div", { part: "sqm-base" },
+  return (h("div", null,
     h("style", { type: "text/css" }, styleString),
     h("div", { class: sheet.classes.FormFields },
       description,

package/dist/collection/components/sqm-partner-info-modal/sqm-partner-info-modal.js

@@ -12,7 +12,6 @@ import { usePartnerInfoModal, } from "./usePartnerInfoModal";
  * @validParents ["sqm-portal-container", "sqm-portal-frame", "div", "sqm-divided-layout", "sqb-program-section", "sqb-conditional-section"]
  * @example Partner Info Modal - <sqm-partner-info-modal></sqm-partner-info-modal>
  * @hidden
- * @csspart sqm-base - The base container for the partner info modal
  * @csspart alert-description - The error description
  * @csspart input-label - The input label
  * @csspart input-base - The input base

package/dist/collection/components/sqm-portal-profile/sqm-portal-profile-view.js

@@ -61,7 +61,7 @@ export function PortalProfileView(props) {
     h(TextSpanView, Object.assign({}, { type: "h1" }), text.editProfileHeader),
     h(TextSpanView, Object.assign({}, { type: "h2" }), text.editProfileSubHeader),
     h("form", { class: sheet.classes.FormStyle, onSubmit: callbacks.onSubmit },
-      states.success && (h("sqm-form-message", { class: sheet.classes.Success, exportparts: "success-icon" },
+      states.success && (h("sqm-form-message", { class: sheet.classes.Success, exportparts: "successalert-icon" },
         h("div", { part: "successalert-text" }, text.submissionSuccessText))),
       error && (h("sqm-form-message", { class: sheet.classes.Error, type: "error", exportparts: "erroralert-icon" },
         h("div", { part: "erroralert-text" }, error))),

package/dist/collection/components/sqm-portal-profile/sqm-portal-profile.js

@@ -11,7 +11,7 @@ import deepmerge from "deepmerge";
  * @csspart sqm-base - The base container
  * @csspart erroralert-text - The error message element
  * @csspart successalert-text - The success message element
- * @csspart success-icon - The success alert icon
+ * @csspart successalert-icon - The success alert icon
  * @csspart erroralert-icon - The error alert icon
  * @csspart input-label - The input label
  * @csspart input-base - The input base

package/dist/collection/components/sqm-portal-register/sqm-portal-register.js

@@ -8,12 +8,6 @@ import { usePortalRegister } from "./usePortalRegister";
  * @uiName Microsite Registration
  * @canvasRenderer always-replace
  * @slots [{"name":"formData","title":"Additional Fields"},{"name":"terms","title":"Terms And Conditions Fields"}]
- * @csspart sqm-base - The base container
- * @csspart erroralert-text - The error message element
- * @csspart erroralert-icon - The error alert icon
- * @csspart input-label - The input label
- * @csspart input-base - The input base
- * @csspart primarybutton-base - The primary button base
  */
 export class PortalRegister {
   constructor() {

package/dist/collection/components/sqm-portal-reset-password/sqm-portal-reset-password-view.js

@@ -41,7 +41,7 @@ export function PortalResetPasswordView(props) {
     return (h("div", { class: `${sheet.classes.Wrapper} ${sheet.classes.Column}`, part: "sqm-base" },
       h("style", { type: "text/css" }, styleString),
       h(TextSpanView, { type: "h3" }, states.content.resetPasswordHeader),
-      h("sqm-form-message", { class: sheet.classes.CodeSuccess, exportparts: "success-icon" },
+      h("sqm-form-message", { class: sheet.classes.CodeSuccess, exportparts: "successalert-icon" },
         h("div", { part: "successalert-text" }, states.content.resetSuccessText)),
       h("div", null,
         h("sl-button", { class: sheet.classes.ContinueButton, onClick: callbacks.gotoNextPage, loading: states.loading, exportparts: "base: primarybutton-base", type: "primary" }, states.content.continueButtonText))));

package/dist/collection/components/sqm-portal-reset-password/sqm-portal-reset-password.js

@@ -9,7 +9,7 @@ import { usePortalResetPassword } from "./usePortalResetPassword";
  * @csspart sqm-base - The base container for the portal reset password component
  * @csspart erroralert-text - The error message element
  * @csspart successalert-text - The success message element
- * @csspart success-icon - The success alert icon
+ * @csspart successalert-icon - The success alert icon
  * @csspart erroralert-icon - The error alert icon
  * @csspart input-label - The input label
  * @csspart input-base - The input base

package/dist/collection/components/sqm-portal-verify-email/sqm-portal-verify-email-view.js

@@ -29,7 +29,7 @@ export function PortalVerifyEmailView(props) {
         vanillaStyle,
         styleString),
       h(TextSpanView, { type: "h3" }, content.verifyEmailText),
-      h("sqm-form-message", { exportparts: "success-icon" },
+      h("sqm-form-message", { exportparts: "successalert-icon" },
         h("div", { part: "successalert-text" }, content.verifySuccessText)),
       h("sl-button", { class: sheet.classes.ContinueButton, onClick: callbacks.gotoNextPage, loading: states.loading, exportparts: "base: primarybutton-base", type: "primary" }, content.continueText)));
   }

package/dist/collection/components/sqm-portal-verify-email/sqm-portal-verify-email.js

@@ -10,7 +10,7 @@ import { getProps } from "../../utils/utils";
  * @csspart sqm-base - The base container
  * @csspart erroralert-text - The error message element
  * @csspart successalert-text - The success message element
- * @csspart success-icon - The success alert icon
+ * @csspart successalert-icon - The success alert icon
  * @csspart erroralert-icon - The error alert icon
  * @csspart primarybutton-base - The primary button base
  */

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

@@ -16,7 +16,6 @@ import { tryMethod, useReferralTable } from "./useReferralTable";
  * @exampleGroup Referrals
  * @slots [{"name":"", "title":"Table Row"},{"name":"empty", "title":"Empty"},{"name":"loading","title":"Loading"}]
  * @example Referral Table - <sqm-referral-table per-page="4" hidden-columns="2" more-label="Next" prev-label="Prev" sm-breakpoint="599" md-breakpoint="799" > <sqm-referral-table-user-column column-title="Customer" anonymous-user="Your Friend" deleted-user="Deleted User" ></sqm-referral-table-user-column> <sqm-referral-table-rewards-column column-title="Rewards" status-text="{status, select, AVAILABLE {Available} CANCELLED {Cancelled} PENDING {Pending} PENDING_REVIEW {Pending} PAYOUT_APPROVED {Payout Approved} PROCESSING {Payment Processing} 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} }" status-long-text="{status, select, AVAILABLE {Reward expiring on} CANCELLED {Reward cancelled on} PENDING {Available on} PENDING_REVIEW {Pending since} PAYOUT_APPROVED {Processing until {scheduledPayoutDate}. Payout is then scheduled 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.} PROCESSING {Processing until {scheduledPayoutDate}. Payout is then scheduled based on your settings.} 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} }" fuel-tank-text="Your code is" reward-received-text="Reward received on" expiring-text="Expiring in" pending-for-text="{status} for {date}" denied-help-text="Contact support if you think this is a mistake." ></sqm-referral-table-rewards-column> <sqm-referral-table-date-column column-title="Date converted" date-shown="dateConverted" ></sqm-referral-table-date-column> <sqm-referral-table-status-column column-title="Status" converted-status-text="Converted" in-progress-status-text="In Progress" pending-review-status-text="Pending" denied-status-text="Denied" pending-review-status-sub-text="Awaiting review" denied-status-sub-text="Detected self-referral" ></sqm-referral-table-status-column> <sqm-empty empty-state-image="https://res.cloudinary.com/saasquatch/image/upload/v1644000223/squatch-assets/empty_referral2.png" empty-state-header="View your referral details" empty-state-text="Refer a friend to view the status of your referrals and rewards earned" slot="empty" ></sqm-empty> </sqm-referral-table>
- * @csspart sqm-base - The base container for the referral table component
  */
 export class ReferralTable {
   constructor() {

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

@@ -10,11 +10,6 @@ const style = {
     "margin-right": "var(--sl-spacing-small)",
     "flex-wrap": "wrap",
   },
-  /**
-   * @csspart sqm-reward-cell-value - The reward value
-   * @csspart sqm-reward-cell-progress - The reward progress
-   * @csspart sqm-reward-cell-subtext - The reward subtext
-   */
   Details: {
     "padding-bottom": "var(--sl-spacing-small)",
     "max-width": "500px",
@@ -77,6 +72,11 @@ const style = {
 };
 const sheet = createStyleSheet(style);
 const styleString = sheet.toString();
+/**
+ * @csspart sqm-reward-cell-value - The reward value
+ * @csspart sqm-reward-cell-progress - The reward progress
+ * @csspart sqm-reward-cell-subtext - The reward subtext
+ */
 export class RewardTableRewardsCell {
   // TODO: value function from portalv2
   render() {

package/dist/collection/components/sqm-rewards-table/columns/sqm-rewards-table-reward-column.js

@@ -4,9 +4,9 @@ import { useRequestRerender } from "../../../tables/re-render";
 /**
  * @uiName Rewards Table Reward Column
  * @validParents ["sqm-rewards-table"]
- * @csspart sqm-rewards-cell-value - The reward cell value
- * @csspart sqm-rewards-cell-progress-bar - The reward progress bar
- * @csspart sqm-rewards-cell-subtext - The reward cell subtext
+ * @csspart sqm-reward-cell-value - The reward cell value
+ * @csspart sqm-reward-cell-progress - The reward progress
+ * @csspart sqm-reward-cell-subtext - The reward cell subtext
  * @exampleGroup Rewards
  * @example Reward Column - <sqm-rewards-table-reward-column column-title="Reward" redeemed-text="{redeemedAmount} redeemed" available-text="{availableAmount} remaining" copy-text="Copied!"></sqm-rewards-table-reward-column>
  */
@@ -32,7 +32,7 @@ export class RewardsTableColumn {
   }
   disconnectedCallback() { }
   async renderCell(data, options) {
-    return (h("sqm-rewards-table-reward-cell", { reward: data, redeemedText: this.redeemedText, availableText: this.availableText, copyText: this.copyText, locale: options === null || options === void 0 ? void 0 : options.locale, exportparts: "sqm-rewards-cell-value, sqm-rewards-cell-progress-bar, sqm-rewards-cell-subtext" }));
+    return (h("sqm-rewards-table-reward-cell", { reward: data, redeemedText: this.redeemedText, availableText: this.availableText, copyText: this.copyText, locale: options === null || options === void 0 ? void 0 : options.locale, exportparts: "sqm-reward-cell-value, sqm-reward-cell-progress, sqm-reward-cell-subtext" }));
   }
   async renderLabel() {
     return this.columnTitle;

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

@@ -56,7 +56,7 @@ export function ShareButtonView(props, children) {
 		top: 2%;
 	}
 	`;
-  return props.hide ? (h(Host, { style: { display: "none" } })) : (h("div", { part: "sqm-base" },
+  return props.hide ? (h(Host, { style: { display: "none" } })) : (h("div", null,
     h("style", { type: "text/css" }, styleString),
     h("style", { type: "text/css" }, vanillaStyle),
     h("sl-button", { class: sheet.classes.buttonStyle, target: props.openInSameTab ? "_self" : "_blank", loading: props.loading, disabled: props.disabled, pill: props.pill, size: props.size, type: props.type, onClick: !props.isPlainLink ? props.onClick : undefined, href: props.isPlainLink ? props.messageLink : undefined, exportparts: `base: ${props.type}button-base` },

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

@@ -22,7 +22,6 @@ import deepmerge from "deepmerge";
  * @example WhatsApp Share Button - <sqm-share-button medium="whatsapp">Share via WhatsApp</sqm-share-button>
  * @example LINE Share Button - <sqm-share-button medium="linemessenger">Share via Line Messenger</sqm-share-button>
  * @example Pinterest Share Button - <sqm-share-button medium="pinterest">Share on Pinterest</sqm-share-button>
- * @csspart sqm-base - The base container for the share button component
  * @csspart primarybutton-base - The primary button base
  * @csspart secondarybutton-base - The secondary button base
  * @csspart icon - The share button icon

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

@@ -217,3 +217,11 @@ export const CustomizeUrlSaving = () => {
     isSaving: true,
   })));
 };
+export const CustomizeUrlEditingMobileNarrow = () => {
+  return (h("div", { style: { width: "320px", border: "1px dashed red" } },
+    h(ShareLinkView, Object.assign({}, {
+      ...defaultCustomizeProps,
+      isEditing: true,
+      domainPrefix: "https://referral-marketing.mybrandname.com/",
+    }))));
+};

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

@@ -64,10 +64,18 @@ export function ShareLinkView(props) {
       whiteSpace: "nowrap",
       userSelect: "none",
       lineHeight: "var(--sl-input-height-medium)",
+      overflow: "hidden",
+      textOverflow: "ellipsis",
+      flexGrow: 0,
+      flexShrink: 1,
+      minWidth: 0,
+      direction: "rtl",
+      textAlign: "left",
     },
     EditInput: {
       maxWidth: "260px",
-      width: "100%",
+      flexShrink: 0,
+      flexGrow: 1,
       "&::part(base)": {
         border: "none",
         borderRadius: "0",
@@ -141,13 +149,14 @@ export function ShareLinkView(props) {
   }, { editsRemaining });
   // Editing state
   if (isEditing) {
-    return (h("div", { class: sheet.classes.Container, part: "sqm-base" },
+    return (h("div", { class: sheet.classes.Container },
       h("style", { type: "text/css" },
         styleString,
         vanillaStyle),
       h("p", { class: sheet.classes.EditLabel }, editLabelText),
       h("div", { class: sheet.classes.EditInputWrapper },
-        h("span", { class: sheet.classes.DomainPrefix }, domainPrefix),
+        h("span", { class: sheet.classes.DomainPrefix, title: domainPrefix },
+          h("span", { dir: "ltr" }, domainPrefix)),
         h("sl-input", { class: sheet.classes.EditInput, type: "text", value: editValue, onInput: (e) => onEditValueChange(e.target.value), onKeyDown: (e) => {
             if (e.key === "/" || e.key === "@")
               e.preventDefault();

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

@@ -10,7 +10,6 @@ import { useShareLink } from "./useShareLink";
  * @exampleGroup Sharing
  * @validParents ["sqm-portal-container", "sqm-titled-section", "div","sqm-hero","sqm-referral-card","sqm-instant-access-registration","sqb-program-section","sqb-conditional-section"]
  * @example Share Link - <sqm-share-link tooltip-text="Copied to Clipboard" tooltip-lifespan="1000"></sqm-share-link>
- * @csspart sqm-base - The base container for the share link component
  * @csspart alert-title - The validation error title
  * @csspart icon-button-base - The copy icon button base
  * @csspart primarybutton-base - The primary button base

package/dist/collection/components/sqm-text-span/sqm-text-span.js

@@ -5,7 +5,6 @@ import { TextSpanView } from "./sqm-text-span-view";
  * @uiName Text Span
  * @validParents ["sqm-portal-container","div","sqm-divided-layout","sqm-brand","template","sqm-hero","sqm-big-stat","span","sqm-text-span","sqb-program-section","sqb-conditional-section"]
  * @canvasRenderer always-replace
- * @csspart sqm-text-span - The text span element
  */
 export class TextSpan {
   constructor() {

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

@@ -8,7 +8,6 @@ import { useChildElements } from "../../tables/useChildElements";
  * @slots [{"name":"","title":"Timeline","validChildren":["sqm-timeline-entry"]}]
  * @exampleGroup Common Components
  * @example Program Timeline - <sqm-timeline icon="circle"> <sqm-timeline-entry reward="$50" unit="visa giftcard" desc="You refer a friend" icon="circle" > </sqm-timeline-entry> <sqm-timeline-entry reward="$200" unit="visa giftcard" desc="Our sales team qualifies your friend as a good fit for our Enterprise plan" icon="circle" > </sqm-timeline-entry> <sqm-timeline-entry reward="$1000" unit="visa giftcard" desc="Your friend purchases an Enterprise plan" icon="circle" > </sqm-timeline-entry></sqm-timeline>
- * @csspart sqm-base - The base container for the timeline
  */
 export class Timeline {
   constructor() {
@@ -42,7 +41,7 @@ export class Timeline {
 			margin-bottom: var(--sl-spacing-xx-large);
 		}
 	`;
-    return (h("div", { part: "sqm-base" },
+    return (h("div", null,
       h("style", { type: "text/css" }, vanillaStyle),
       h("slot", null)));
   }

package/dist/collection/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form-view.js

@@ -188,7 +188,7 @@ export const BankingInfoFormView = (props) => {
       h("div", { class: classes.LargeSkeleton }))));
     return skeletons;
   };
-  return (h("sl-form", { part: "form-container", class: classes.FormWrapper, "onSl-submit": callbacks.onSubmit, ref: (el) => (refs.formRef.current = el), novalidate: true },
+  return (h("sl-form", { part: "container", class: classes.FormWrapper, "onSl-submit": callbacks.onSubmit, ref: (el) => (refs.formRef.current = el), novalidate: true },
     h("style", { type: "text/css" },
       styleString,
       vanillaStyle),

package/dist/collection/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.js

@@ -14,11 +14,6 @@ import { getFormInputs, paypalFeeMap, useBankingInfoForm, } from "./useBankingIn
 /**
  * @uiName Banking Information Form
  * @exampleGroup Common Components
- *
- * @csspart alert-title - The alert title
- * @csspart primarybutton-base - The primary button base
- * @csspart secondarybutton-base - The secondary button base
- * @csspart radio-base - The radio base
  */
 export class BankingInfoForm {
   constructor() {
@@ -644,7 +639,6 @@ export class BankingInfoForm {
         } })));
   }
   static get is() { return "sqm-banking-info-form"; }
-  static get encapsulation() { return "shadow"; }
   static get properties() { return {
     "formStep": {
       "type": "string",

package/dist/collection/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form-view.js

@@ -119,7 +119,7 @@ export const DocusignFormView = (props) => {
   var _a;
   const { states, states: { formState, documentTypeString }, callbacks, text, slots, } = props;
   const { classes } = sheet;
-  return (h("div", { class: classes.Container, part: "form-container" },
+  return (h("div", { class: classes.Container, part: "container" },
     h("style", { type: "text/css" },
       styleString,
       vanillaStyle),

package/dist/collection/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form.js

@@ -11,8 +11,6 @@ import { useDocusignForm } from "./useDocusignForm";
  * @uiName DocuSign Document Submission
  * @exampleGroup Tax and Cash Components
  * @slots [{"name": "docusign-iframe", "title": "DocuSign IFrame Slot"}]
- * @csspart alert-title - The alert title
- * @csspart primarybutton-base - The primary button base
  */
 export class DocusignForm {
   constructor() {
@@ -170,7 +168,6 @@ export class DocusignForm {
         } })));
   }
   static get is() { return "sqm-docusign-form"; }
-  static get encapsulation() { return "shadow"; }
   static get properties() { return {
     "formStep": {
       "type": "string",