@saasquatch/mint-components 1.13.0 → 1.13.1-0

package/dist/cjs/{ShadowViewAddon-d98f73be.js → ShadowViewAddon-bd00066a.js}

@@ -86,7 +86,7 @@ function ShareButtonView(props, children) {
   return props.hide ? (index.h(index.Host, { style: { display: "none" } })) : (index.h("div", null,
     index.h("style", { type: "text/css" }, styleString),
     index.h("style", { type: "text/css" }, vanillaStyle),
-    index.h("sl-button", { class: sheet.classes.buttonStyle, loading: props.loading, disabled: props.disabled, pill: props.pill, size: props.size, type: props.type, onClick: props.onClick, exportparts: `base: ${props.type}sharebutton-base` },
+    index.h("sl-button", { class: sheet.classes.buttonStyle, target: "_blank", loading: props.loading, disabled: props.disabled, pill: props.pill, size: props.size, type: props.type, onClick: props.onClick, href: props.messageLink, exportparts: `base: ${props.type}sharebutton-base` },
       !props.hideicon && (index.h("sl-icon", { slot: props.iconslot || "prefix", name: props.icon ? props.icon : medium[props.medium].icon, exportparts: "base: icon" })),
       !props.hidetext && children)));
 }
@@ -464,7 +464,7 @@ function GenericShare(messageLink, errorText) {
   return messageLink ? window.open(messageLink) : alert(errorText);
 }
 function useShareButton(props) {
-  var _a, _b;
+  var _a, _b, _c, _d;
   const { sharetitle, sharetext, medium } = props;
   const programId = props.programId ? props.programId : index_module.H();
   const user = index_module.J();
@@ -484,27 +484,33 @@ function useShareButton(props) {
   const hide = (medium.toLocaleUpperCase() === "SMS" &&
     window.orientation === undefined) ||
     (medium.toLocaleUpperCase() === "DIRECT" && !window.navigator.share);
+  const messageLink = (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);
   async function onClick() {
-    var _a, _b, _c, _d;
     if (overrideData) {
       await setCopied({ referralCode: contextData.referralCode });
       contextData.refresh();
     }
     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, messageLink, 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(messageLink, props.errorText);
     }
   }
+  const isPlainLink = !(medium.toLocaleUpperCase() === "FACEBOOK" &&
+    environment.type === "SquatchAndroid") &&
+    medium.toLocaleUpperCase() !== "DIRECT" &&
+    messageLink;
   return {
     ...props,
     loading: res.loading && !(overrideData === null || overrideData === void 0 ? void 0 : overrideData.messageLink),
-    onClick,
+    messageLink,
+    // If we have just a normal share link onClick should be undefined so we fallback to default link behavior
+    onClick: isPlainLink ? undefined : onClick,
     hide,
   };
 }

package/dist/cjs/sqm-big-stat_39.cjs.entry.js

@@ -22,7 +22,7 @@ const sqmPortalLoginView = require('./sqm-portal-login-view-761a4d8e.js');
 const usePortalLogin = require('./usePortalLogin-63d896d1.js');
 const AsYouType = require('./AsYouType-6788393a.js');
 const utilities = require('./utilities-78f5e169.js');
-const ShadowViewAddon = require('./ShadowViewAddon-d98f73be.js');
+const ShadowViewAddon = require('./ShadowViewAddon-bd00066a.js');
 require('./sqm-portal-container-view-4f15143a.js');
 const usePayoutStatus = require('./usePayoutStatus-4b5894ef.js');
 

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

@@ -32,7 +32,7 @@ const sqmPortalProfileView = require('./sqm-portal-profile-view-33164798.js');
 require('./utilities-78f5e169.js');
 const sqmPortalResetPasswordView = require('./sqm-portal-reset-password-view-fe602822.js');
 const sqmPortalVerifyEmailView = require('./sqm-portal-verify-email-view-7b678f34.js');
-const ShadowViewAddon = require('./ShadowViewAddon-d98f73be.js');
+const ShadowViewAddon = require('./ShadowViewAddon-bd00066a.js');
 const sqmPortalContainerView = require('./sqm-portal-container-view-4f15143a.js');
 const sqmInvoiceTableView = require('./sqm-invoice-table-view-baded4af.js');
 
@@ -1461,7 +1461,10 @@ const ShareButton_stories = {
   },
 };
 const WithIconPrefix = () => {
-  const props = { medium: "whatsapp", iconslot: "prefix" };
+  const props = {
+    medium: "whatsapp",
+    iconslot: "prefix",
+  };
   return index.h(ShadowViewAddon.ShareButtonView, Object.assign({}, props), "Share");
 };
 const WithIconSuffix = () => {
@@ -1513,6 +1516,15 @@ const WithCustomBorderRadius = () => {
   };
   return index.h(ShadowViewAddon.ShareButtonView, Object.assign({}, props), "Facebook");
 };
+const LinkLocationTest = () => {
+  const props = {
+    medium: "facebook",
+    type: "text",
+    onClick: undefined,
+    messageLink: "https://www.example.com",
+  };
+  return index.h(ShadowViewAddon.ShareButtonView, Object.assign({}, props), "Click me");
+};
 const FullStackIcon = () => {
   return (index.h("div", null,
     index.h("sqm-share-button", { medium: "facebook" },
@@ -1566,6 +1578,7 @@ const ShareButton = /*#__PURE__*/Object.freeze({
   TextStyleWithoutIcon: TextStyleWithoutIcon,
   WithCustomColors: WithCustomColors,
   WithCustomBorderRadius: WithCustomBorderRadius,
+  LinkLocationTest: LinkLocationTest,
   FullStackIcon: FullStackIcon,
   AllMediums: AllMediums
 });

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

@@ -8,7 +8,10 @@ export default {
   },
 };
 export const WithIconPrefix = () => {
-  const props = { medium: "whatsapp", iconslot: "prefix" };
+  const props = {
+    medium: "whatsapp",
+    iconslot: "prefix",
+  };
   return h(ShareButtonView, Object.assign({}, props), "Share");
 };
 export const WithIconSuffix = () => {
@@ -60,6 +63,15 @@ export const WithCustomBorderRadius = () => {
   };
   return h(ShareButtonView, Object.assign({}, props), "Facebook");
 };
+export const LinkLocationTest = () => {
+  const props = {
+    medium: "facebook",
+    type: "text",
+    onClick: undefined,
+    messageLink: "https://www.example.com",
+  };
+  return h(ShareButtonView, Object.assign({}, props), "Click me");
+};
 export const FullStackIcon = () => {
   return (h("div", null,
     h("sqm-share-button", { medium: "facebook" },

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

@@ -71,7 +71,7 @@ export function ShareButtonView(props, children) {
   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, loading: props.loading, disabled: props.disabled, pill: props.pill, size: props.size, type: props.type, onClick: props.onClick, exportparts: `base: ${props.type}sharebutton-base` },
+    h("sl-button", { class: sheet.classes.buttonStyle, target: "_blank", loading: props.loading, disabled: props.disabled, pill: props.pill, size: props.size, type: props.type, onClick: props.onClick, href: props.messageLink, exportparts: `base: ${props.type}sharebutton-base` },
       !props.hideicon && (h("sl-icon", { slot: props.iconslot || "prefix", name: props.icon ? props.icon : medium[props.medium].icon, exportparts: "base: icon" })),
       !props.hidetext && children)));
 }

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

@@ -489,7 +489,7 @@ export class ShareButton {
       "mutable": false,
       "complexType": {
         "original": "DemoData<ShareButtonViewProps>",
-        "resolved": "{ loading?: boolean; icon?: string; disabled?: boolean; onClick?: () => void; medium?: \"facebook\" | \"twitter\" | \"email\" | \"direct\" | \"linkedin\" | \"sms\" | \"fbmessenger\" | \"whatsapp\" | \"linemessenger\" | \"pinterest\" | \"reminder\" | \"unknown\"; pill?: boolean; type?: \"text\" | \"warning\" | \"info\" | \"success\" | \"default\" | \"primary\" | \"danger\"; size?: \"small\" | \"medium\" | \"large\"; hideicon?: boolean; hidetext?: boolean; iconslot?: \"prefix\" | \"suffix\"; hide?: boolean; borderradius?: number; backgroundcolor?: string; textcolor?: string; }",
+        "resolved": "{ loading?: boolean; icon?: string; disabled?: boolean; onClick?: () => void; medium?: \"facebook\" | \"twitter\" | \"email\" | \"direct\" | \"linkedin\" | \"sms\" | \"fbmessenger\" | \"whatsapp\" | \"linemessenger\" | \"pinterest\" | \"reminder\" | \"unknown\"; href?: string; pill?: boolean; type?: \"text\" | \"warning\" | \"info\" | \"success\" | \"default\" | \"primary\" | \"danger\"; size?: \"small\" | \"medium\" | \"large\"; hideicon?: boolean; hidetext?: boolean; iconslot?: \"prefix\" | \"suffix\"; hide?: boolean; borderradius?: number; backgroundcolor?: string; textcolor?: string; messageLink?: string; }",
         "references": {
           "DemoData": {
             "location": "import",

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

@@ -54,7 +54,7 @@ function GenericShare(messageLink, errorText) {
   return messageLink ? window.open(messageLink) : alert(errorText);
 }
 export function useShareButton(props) {
-  var _a, _b;
+  var _a, _b, _c, _d;
   const { sharetitle, sharetext, medium } = props;
   const programId = props.programId ? props.programId : useProgramId();
   const user = useUserIdentity();
@@ -74,27 +74,33 @@ export function useShareButton(props) {
   const hide = (medium.toLocaleUpperCase() === "SMS" &&
     window.orientation === undefined) ||
     (medium.toLocaleUpperCase() === "DIRECT" && !window.navigator.share);
+  const messageLink = (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);
   async function onClick() {
-    var _a, _b, _c, _d;
     if (overrideData) {
       await setCopied({ referralCode: contextData.referralCode });
       contextData.refresh();
     }
     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, messageLink, 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(messageLink, props.errorText);
     }
   }
+  const isPlainLink = !(medium.toLocaleUpperCase() === "FACEBOOK" &&
+    environment.type === "SquatchAndroid") &&
+    medium.toLocaleUpperCase() !== "DIRECT" &&
+    messageLink;
   return {
     ...props,
     loading: res.loading && !(overrideData === null || overrideData === void 0 ? void 0 : overrideData.messageLink),
-    onClick,
+    messageLink,
+    // If we have just a normal share link onClick should be undefined so we fallback to default link behavior
+    onClick: isPlainLink ? undefined : onClick,
     hide,
   };
 }

package/dist/esm/{ShadowViewAddon-ddfbe8e2.js → ShadowViewAddon-444b1f38.js}

@@ -84,7 +84,7 @@ function ShareButtonView(props, children) {
   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, loading: props.loading, disabled: props.disabled, pill: props.pill, size: props.size, type: props.type, onClick: props.onClick, exportparts: `base: ${props.type}sharebutton-base` },
+    h("sl-button", { class: sheet.classes.buttonStyle, target: "_blank", loading: props.loading, disabled: props.disabled, pill: props.pill, size: props.size, type: props.type, onClick: props.onClick, href: props.messageLink, exportparts: `base: ${props.type}sharebutton-base` },
       !props.hideicon && (h("sl-icon", { slot: props.iconslot || "prefix", name: props.icon ? props.icon : medium[props.medium].icon, exportparts: "base: icon" })),
       !props.hidetext && children)));
 }
@@ -462,7 +462,7 @@ function GenericShare(messageLink, errorText) {
   return messageLink ? window.open(messageLink) : alert(errorText);
 }
 function useShareButton(props) {
-  var _a, _b;
+  var _a, _b, _c, _d;
   const { sharetitle, sharetext, medium } = props;
   const programId = props.programId ? props.programId : H();
   const user = J();
@@ -482,27 +482,33 @@ function useShareButton(props) {
   const hide = (medium.toLocaleUpperCase() === "SMS" &&
     window.orientation === undefined) ||
     (medium.toLocaleUpperCase() === "DIRECT" && !window.navigator.share);
+  const messageLink = (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);
   async function onClick() {
-    var _a, _b, _c, _d;
     if (overrideData) {
       await setCopied({ referralCode: contextData.referralCode });
       contextData.refresh();
     }
     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, messageLink, 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(messageLink, props.errorText);
     }
   }
+  const isPlainLink = !(medium.toLocaleUpperCase() === "FACEBOOK" &&
+    environment.type === "SquatchAndroid") &&
+    medium.toLocaleUpperCase() !== "DIRECT" &&
+    messageLink;
   return {
     ...props,
     loading: res.loading && !(overrideData === null || overrideData === void 0 ? void 0 : overrideData.messageLink),
-    onClick,
+    messageLink,
+    // If we have just a normal share link onClick should be undefined so we fallback to default link behavior
+    onClick: isPlainLink ? undefined : onClick,
     hide,
   };
 }

package/dist/esm/sqm-big-stat_39.entry.js

@@ -18,7 +18,7 @@ import { P as PortalLoginView } from './sqm-portal-login-view-7e49609a.js';
 import { u as usePortalLogin } from './usePortalLogin-ef647a50.js';
 import { A as AsYouType } from './AsYouType-46f67d0d.js';
 import { i as isEmpty } from './utilities-5b0ca040.js';
-import { b as useDemoBigStat, Q as useBigStat, B as BigStatView, M as autoColorScaleCss, G as CardFeedView, C as CheckboxFieldView, J as CouponCodeView, D as DropdownFieldView, E as EditProfileView, H as HeroView, I as InputFieldView, U as withShadowView, L as LeaderboardView, N as NameFieldsView, d as PortalChangePasswordView, h as PortalFooterView, P as PortalFrameView, e as PortalRegisterView, R as ReferralIframeView, V as demoRewardExchange, i as RewardExchangeView, a as useShareButton, S as ShareButtonView, u as useShareLink, c as StatContainerView, T as TaskCardView } from './ShadowViewAddon-ddfbe8e2.js';
+import { b as useDemoBigStat, Q as useBigStat, B as BigStatView, M as autoColorScaleCss, G as CardFeedView, C as CheckboxFieldView, J as CouponCodeView, D as DropdownFieldView, E as EditProfileView, H as HeroView, I as InputFieldView, U as withShadowView, L as LeaderboardView, N as NameFieldsView, d as PortalChangePasswordView, h as PortalFooterView, P as PortalFrameView, e as PortalRegisterView, R as ReferralIframeView, V as demoRewardExchange, i as RewardExchangeView, a as useShareButton, S as ShareButtonView, u as useShareLink, c as StatContainerView, T as TaskCardView } from './ShadowViewAddon-444b1f38.js';
 import './sqm-portal-container-view-1683ae32.js';
 import { u as usePayoutStatus } from './usePayoutStatus-58aa56b4.js';
 

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

@@ -28,7 +28,7 @@ import { P as PortalProfileView } from './sqm-portal-profile-view-93003974.js';
 import './utilities-5b0ca040.js';
 import { P as PortalResetPasswordView } from './sqm-portal-reset-password-view-54a8651f.js';
 import { P as PortalVerifyEmailView } from './sqm-portal-verify-email-view-b12cb894.js';
-import { S as ShareButtonView, L as LeaderboardView, B as BigStatView, P as PortalFrameView, E as EditProfileView, u as useShareLink, a as useShareButton, b as useDemoBigStat, c as StatContainerView, d as PortalChangePasswordView, e as PortalRegisterView, T as TaskCardView, f as ProgressBarView, g as PoweredByImg$1, h as PortalFooterView, H as HeroView, R as ReferralIframeView, N as NameFieldsView, C as CheckboxFieldView, D as DropdownFieldView, I as InputFieldView, 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 CardFeedView, J as CouponCodeView, K as ProgressBar$2, M as autoColorScaleCss, O as ShadowViewAddon } from './ShadowViewAddon-ddfbe8e2.js';
+import { S as ShareButtonView, L as LeaderboardView, B as BigStatView, P as PortalFrameView, E as EditProfileView, u as useShareLink, a as useShareButton, b as useDemoBigStat, c as StatContainerView, d as PortalChangePasswordView, e as PortalRegisterView, T as TaskCardView, f as ProgressBarView, g as PoweredByImg$1, h as PortalFooterView, H as HeroView, R as ReferralIframeView, N as NameFieldsView, C as CheckboxFieldView, D as DropdownFieldView, I as InputFieldView, 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 CardFeedView, J as CouponCodeView, K as ProgressBar$2, M as autoColorScaleCss, O as ShadowViewAddon } from './ShadowViewAddon-444b1f38.js';
 import { P as PortalContainerView, a as PortalSectionView } from './sqm-portal-container-view-1683ae32.js';
 import { O as OtherRegionSlotView, I as InvoiceTableView, T as TaxForm } from './sqm-invoice-table-view-af69cd33.js';
 
@@ -1457,7 +1457,10 @@ const ShareButton_stories = {
   },
 };
 const WithIconPrefix = () => {
-  const props = { medium: "whatsapp", iconslot: "prefix" };
+  const props = {
+    medium: "whatsapp",
+    iconslot: "prefix",
+  };
   return h(ShareButtonView, Object.assign({}, props), "Share");
 };
 const WithIconSuffix = () => {
@@ -1509,6 +1512,15 @@ const WithCustomBorderRadius = () => {
   };
   return h(ShareButtonView, Object.assign({}, props), "Facebook");
 };
+const LinkLocationTest = () => {
+  const props = {
+    medium: "facebook",
+    type: "text",
+    onClick: undefined,
+    messageLink: "https://www.example.com",
+  };
+  return h(ShareButtonView, Object.assign({}, props), "Click me");
+};
 const FullStackIcon = () => {
   return (h("div", null,
     h("sqm-share-button", { medium: "facebook" },
@@ -1562,6 +1574,7 @@ const ShareButton = /*#__PURE__*/Object.freeze({
   TextStyleWithoutIcon: TextStyleWithoutIcon,
   WithCustomColors: WithCustomColors,
   WithCustomBorderRadius: WithCustomBorderRadius,
+  LinkLocationTest: LinkLocationTest,
   FullStackIcon: FullStackIcon,
   AllMediums: AllMediums
 });