@saasquatch/mint-components 2.4.5 → 2.4.6

package/dist/cjs/{ShadowViewAddon-331ac9e4.js → ShadowViewAddon-ed5d27ef.js}

@@ -4290,10 +4290,18 @@ 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",
@@ -4373,7 +4381,8 @@ function ShareLinkView(props) {
         vanillaStyle$6),
       index.h("p", { class: sheet.classes.EditLabel }, editLabelText),
       index.h("div", { class: sheet.classes.EditInputWrapper },
-        index.h("span", { class: sheet.classes.DomainPrefix }, domainPrefix),
+        index.h("span", { class: sheet.classes.DomainPrefix, title: domainPrefix },
+          index.h("span", { dir: "ltr" }, domainPrefix)),
         index.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/cjs/sqm-big-stat_47.cjs.entry.js

@@ -29,7 +29,7 @@ const useInstantAccessRegistration = require('./useInstantAccessRegistration-239
 const useLeadFormState = require('./useLeadFormState-bf49984b.js');
 const utilities = require('./utilities-fcdb9504.js');
 const ErrorView = require('./ErrorView-ee7b0f36.js');
-const ShadowViewAddon = require('./ShadowViewAddon-331ac9e4.js');
+const ShadowViewAddon = require('./ShadowViewAddon-ed5d27ef.js');
 require('./sqm-portal-container-view-757f921b.js');
 const data = require('./data-04ef5511.js');
 const keys = require('./keys-5a2c9ed2.js');

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

@@ -35,7 +35,7 @@ require('./utilities-fcdb9504.js');
 const sqmPortalResetPasswordView = require('./sqm-portal-reset-password-view-a767b044.js');
 require('./ErrorView-ee7b0f36.js');
 const sqmQrCodeView = require('./sqm-qr-code-view-1f2daa76.js');
-const ShadowViewAddon = require('./ShadowViewAddon-331ac9e4.js');
+const ShadowViewAddon = require('./ShadowViewAddon-ed5d27ef.js');
 const sqmPortalContainerView = require('./sqm-portal-container-view-757f921b.js');
 const sqmUserInfoFormView = require('./sqm-user-info-form-view-9745956d.js');
 const sqmLeadInputFieldView = require('./sqm-lead-input-field-view-88de1b78.js');
@@ -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/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",
@@ -147,7 +155,8 @@ export function ShareLinkView(props) {
         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/esm/{ShadowViewAddon-ae0cd8b9.js → ShadowViewAddon-4ee8cc57.js}

@@ -4288,10 +4288,18 @@ 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",
@@ -4371,7 +4379,8 @@ function ShareLinkView(props) {
         vanillaStyle$6),
       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/esm/sqm-big-stat_47.entry.js

@@ -25,7 +25,7 @@ import { u as useInstantAccessRegistration } from './useInstantAccessRegistratio
 import { R as RequiredPropsError, L as LEAD_FORM_STATE_CONTEXT, u as useLeadFormState } from './useLeadFormState-6214b2d9.js';
 import { i as isEmpty } from './utilities-cbd8f2eb.js';
 import { E as ErrorView } from './ErrorView-74cb3af8.js';
-import { u as useDemoBigStat, W as useBigStat, B as BigStatView, C as CardFeedView, d as CheckboxFieldView, e as CouponCodeView, D as DropdownFieldView, E as EditProfileView, H as HeroView, I as InputFieldView, U as LeadDropdownFieldView, Q as LeadFormView, X as withShadowView, L as LeaderboardView, N as NameFieldsView, f as ChangeMarktingView, P as PortalChangePasswordView, g as PortalFooterView, h as PortalFrameView, c as BaseRegistrationFormView, R as ReferralIframeView, i as RewardExchangeView, Y as demoRewardExchange, G as useShareButton, a as ShareButtonView, K as useShareLink, J as ShareLinkView, S as StatContainerView, T as TaskCardView } from './ShadowViewAddon-ae0cd8b9.js';
+import { u as useDemoBigStat, W as useBigStat, B as BigStatView, C as CardFeedView, d as CheckboxFieldView, e as CouponCodeView, D as DropdownFieldView, E as EditProfileView, H as HeroView, I as InputFieldView, U as LeadDropdownFieldView, Q as LeadFormView, X as withShadowView, L as LeaderboardView, N as NameFieldsView, f as ChangeMarktingView, P as PortalChangePasswordView, g as PortalFooterView, h as PortalFrameView, c as BaseRegistrationFormView, R as ReferralIframeView, i as RewardExchangeView, Y as demoRewardExchange, G as useShareButton, a as ShareButtonView, K as useShareLink, J as ShareLinkView, S as StatContainerView, T as TaskCardView } from './ShadowViewAddon-4ee8cc57.js';
 import './sqm-portal-container-view-200c9df8.js';
 import { T as TAX_CONTEXT_NAMESPACE, a as TAX_FORM_CONTEXT_NAMESPACE, U as USER_FORM_CONTEXT_NAMESPACE, C as CURRENCIES_NAMESPACE, b as COUNTRIES_NAMESPACE, S as SORTED_COUNTRIES_NAMESPACE, c as USER_QUERY_NAMESPACE, G as GET_USER$2, d as COUNTRIES_QUERY_NAMESPACE, e as GET_COUNTRIES, f as FINANCE_NETWORK_SETTINGS_NAMESPACE, g as GET_FINANCE_NETWORK_SETTINGS, h as CURRENCIES_QUERY_NAMESPACE, i as GET_CURRENCIES } from './data-0be04430.js';
 import { S as SHOW_CODE_NAMESPACE, a as VERIFICATION_EMAIL_NAMESPACE, b as SHOW_PARTNER_MODAL_NAMESPACE, P as PARTNER_CREATED_NAMESPACE, V as VERIFICATION_PARENT_NAMESPACE } from './keys-1054056a.js';

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

@@ -31,7 +31,7 @@ import './utilities-cbd8f2eb.js';
 import { P as PortalResetPasswordView } from './sqm-portal-reset-password-view-f84c04cf.js';
 import './ErrorView-74cb3af8.js';
 import { Q as QrCodeView } from './sqm-qr-code-view-ce476721.js';
-import { S as StatContainerView, B as BigStatView, a as ShareButtonView, P as PortalChangePasswordView, b as PoweredByImg$1, c as BaseRegistrationFormView, u as useDemoBigStat, T as TaskCardView, C as CardFeedView, d as CheckboxFieldView, e as CouponCodeView, D as DropdownFieldView, E as EditProfileView, L as LeaderboardView, H as HeroView, I as InputFieldView, N as NameFieldsView, f as ChangeMarktingView, g as PortalFooterView, h as PortalFrameView, R as ReferralIframeView, i as RewardExchangeView, r as rewardExchangeCustomErrorMsg, j as rewardExchangeLongText, k as rewardExchangeSelected, l as chooseAmountFixed, m as chooseAmountFixedNoDescription, n as chooseAmountVariable, o as chooseAmountVariableNoDescription, p as chooseAmountVariableDisabled, q as chooseAmountVariableUnavailable, s as confirmFixed, t as confirmVariable, v as redemptionError, w as queryError, x as success, y as successVariable, z as loading, A as empty$1, F as rewardExchange, G as useShareButton, J as ShareLinkView, K as useShareLink, M as ProgressBarView, O as ProgressBar$2, Q as LeadFormView, U as LeadDropdownFieldView, V as ShadowViewAddon } from './ShadowViewAddon-ae0cd8b9.js';
+import { S as StatContainerView, B as BigStatView, a as ShareButtonView, P as PortalChangePasswordView, b as PoweredByImg$1, c as BaseRegistrationFormView, u as useDemoBigStat, T as TaskCardView, C as CardFeedView, d as CheckboxFieldView, e as CouponCodeView, D as DropdownFieldView, E as EditProfileView, L as LeaderboardView, H as HeroView, I as InputFieldView, N as NameFieldsView, f as ChangeMarktingView, g as PortalFooterView, h as PortalFrameView, R as ReferralIframeView, i as RewardExchangeView, r as rewardExchangeCustomErrorMsg, j as rewardExchangeLongText, k as rewardExchangeSelected, l as chooseAmountFixed, m as chooseAmountFixedNoDescription, n as chooseAmountVariable, o as chooseAmountVariableNoDescription, p as chooseAmountVariableDisabled, q as chooseAmountVariableUnavailable, s as confirmFixed, t as confirmVariable, v as redemptionError, w as queryError, x as success, y as successVariable, z as loading, A as empty$1, F as rewardExchange, G as useShareButton, J as ShareLinkView, K as useShareLink, M as ProgressBarView, O as ProgressBar$2, Q as LeadFormView, U as LeadDropdownFieldView, V as ShadowViewAddon } from './ShadowViewAddon-4ee8cc57.js';
 import { P as PortalContainerView, a as PortalSectionView } from './sqm-portal-container-view-200c9df8.js';
 import { I as InvoiceTableView, T as TaxAndCashDashboardView$1, O as OtherRegionSlotView, U as UserInfoFormView$1 } from './sqm-user-info-form-view-81526655.js';
 import { L as LeadInputFieldView } from './sqm-lead-input-field-view-671ff96f.js';
@@ -14385,6 +14385,14 @@ const CustomizeUrlSaving = () => {
     isSaving: true,
   })));
 };
+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/",
+    }))));
+};
 
 const ShareLink = /*#__PURE__*/Object.freeze({
   __proto__: null,
@@ -14408,7 +14416,8 @@ const ShareLink = /*#__PURE__*/Object.freeze({
   CustomizeUrlValidationError: CustomizeUrlValidationError,
   CustomizeUrlInvalidCharacters: CustomizeUrlInvalidCharacters,
   CustomizeUrlProfanity: CustomizeUrlProfanity,
-  CustomizeUrlSaving: CustomizeUrlSaving
+  CustomizeUrlSaving: CustomizeUrlSaving,
+  CustomizeUrlEditingMobileNarrow: CustomizeUrlEditingMobileNarrow
 });
 
 const UseShareLink_stories = {