@saasquatch/mint-components 2.1.8-2 → 2.1.8-22

package/dist/esm/{sqm-portal-profile-view-f015fd6a.js → sqm-portal-profile-view-a172bdcc.js}

@@ -1,5 +1,5 @@
 import { h } from './index-38ad4957.js';
-import { i as intl } from './global-96c14d63.js';
+import { i as intl } from './global-b2ee3a12.js';
 import { c as createStyleSheet } from './JSS-67b5cff8.js';
 import { T as TextSpanView } from './sqm-text-span-view-738acfb3.js';
 

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

@@ -1,13 +1,13 @@
 import { r as registerInstance, h as h$1 } from './index-38ad4957.js';
-import './global-96c14d63.js';
+import './global-b2ee3a12.js';
 import { k as useState, f as useEffect, n as h } from './dom-context-hooks.module-50442785.js';
-import { d as dist, J, w as wn, $ as $e, i as isDemo } from './index.module-b23fdad8.js';
+import { d as dist, J, w as wn, $ as $e, i as isDemo } from './index.module-e266b4d7.js';
 import { c as cjs } from './cjs-bdfb4486.js';
 import { g as getProps } from './utils-334c1e34.js';
 import './JSS-67b5cff8.js';
 import './sqm-text-span-view-738acfb3.js';
-import { P as PortalProfileView } from './sqm-portal-profile-view-f015fd6a.js';
-import { i as isEmpty } from './utilities-77b1e0cc.js';
+import { P as PortalProfileView } from './sqm-portal-profile-view-a172bdcc.js';
+import { i as isEmpty } from './utilities-f05633da.js';
 
 const GET_USER = dist.gql `
   query {

package/dist/esm/sqm-portal-protected-route.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, h as h$1, c as Host } from './index-38ad4957.js';
 import { f as useEffect, n as h } from './dom-context-hooks.module-50442785.js';
-import { J, k as kn, j as jn, i as isDemo } from './index.module-b23fdad8.js';
+import { J, k as kn, j as jn, i as isDemo } from './index.module-e266b4d7.js';
 
 function usePortalProtectedRoute({ requireEmailVerification, redirectTo, redirectToUnverified, }) {
   var _a;

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

@@ -1,6 +1,6 @@
 import { r as registerInstance, h as h$1 } from './index-38ad4957.js';
 import { k as useState, f as useEffect, n as h } from './dom-context-hooks.module-50442785.js';
-import { f as Je, T as Te, j as jn, i as isDemo } from './index.module-b23fdad8.js';
+import { o as Je, T as Te, j as jn, i as isDemo } from './index.module-e266b4d7.js';
 import { j as jsonpointer } from './jsonpointer-388a7082.js';
 import { c as cjs } from './cjs-bdfb4486.js';
 import { s as sanitizeUrlPath } from './utils-334c1e34.js';

package/dist/esm/{sqm-portal-verify-email-view-1a638fae.js → sqm-portal-verify-email-view-c1a72c4f.js}

@@ -1,5 +1,5 @@
 import { h } from './index-38ad4957.js';
-import { j as jn } from './index.module-b23fdad8.js';
+import { j as jn } from './index.module-e266b4d7.js';
 import { c as createStyleSheet } from './JSS-67b5cff8.js';
 import { A as AuthWrapper, a as AuthColumn, b as AuthButtonsContainer, H as HostBlock, E as ErrorStyles } from './mixins-f750863a.js';
 import { T as TextSpanView } from './sqm-text-span-view-738acfb3.js';

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

@@ -1,10 +1,10 @@
 import { r as registerInstance, h as h$1 } from './index-38ad4957.js';
 import { k as useState, f as useEffect, n as h } from './dom-context-hooks.module-50442785.js';
-import { d as dist, H, J, B, F as Fn, w as wn, $ as $e, i as isDemo } from './index.module-b23fdad8.js';
+import { d as dist, H, J, B, F as Fn, w as wn, $ as $e, i as isDemo } from './index.module-e266b4d7.js';
 import { c as cjs } from './cjs-bdfb4486.js';
 import { g as getProps } from './utils-334c1e34.js';
 import './JSS-67b5cff8.js';
-import { a as REFERRAL_CODES_NAMESPACE } from './useReferralCodes-52ca720f.js';
+import { a as REFERRAL_CODES_NAMESPACE } from './useReferralCodes-1ca1fda0.js';
 import './ErrorView-74cb3af8.js';
 import { Q as QrCodeView } from './sqm-qr-code-view-ce476721.js';
 

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

@@ -1,18 +1,18 @@
 import { r as registerInstance, h as h$1, g as getElement, c as Host } from './index-38ad4957.js';
-import { i as intl } from './global-96c14d63.js';
+import { i as intl } from './global-b2ee3a12.js';
 import { n as h, j as useReducer, u as useMemo, f as useEffect } from './dom-context-hooks.module-50442785.js';
-import { i as isDemo } from './index.module-b23fdad8.js';
+import { i as isDemo } from './index.module-e266b4d7.js';
 import { c as cjs } from './cjs-bdfb4486.js';
 import { l as luxonLocale } from './utils-334c1e34.js';
 import { c as createStyleSheet } from './JSS-67b5cff8.js';
 import './mixins-f750863a.js';
 import { T as TextSpanView } from './sqm-text-span-view-738acfb3.js';
 import { G as GenericTableView } from './GenericTableView-8c72ac30.js';
-import { a as useRequestRerender, u as useRerenderListener } from './re-render-f30aeb6b.js';
-import { u as useChildElements } from './useChildElements-9bccfb72.js';
+import { a as useRequestRerender, u as useRerenderListener } from './re-render-4f4bd4da.js';
+import { u as useChildElements } from './useChildElements-31ba3daf.js';
 import { l as luxon } from './luxon-1be92a8e.js';
 import { g as getPaypalMeta } from './mockRewardData-9b27d6f1.js';
-import { u as useReferralTable, t as tryMethod } from './useReferralTable-92af4133.js';
+import { u as useReferralTable, t as tryMethod } from './useReferralTable-456931fd.js';
 
 const mockReferralData = (count = 4) => {
   const data = [...Array(count)].map(() => getMockData());

package/dist/esm/sqm-rewards-table-customer-note-column.entry.js

@@ -1,7 +1,7 @@
 import { r as registerInstance, h as h$1, c as Host } from './index-38ad4957.js';
 import { n as h } from './dom-context-hooks.module-50442785.js';
-import './index.module-b23fdad8.js';
-import { a as useRequestRerender } from './re-render-f30aeb6b.js';
+import './index.module-e266b4d7.js';
+import { a as useRequestRerender } from './re-render-4f4bd4da.js';
 
 const RewardTableCustomerNoteColumn = class {
   constructor(hostRef) {

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

@@ -1,17 +1,17 @@
 import { h, r as registerInstance, c as Host } from './index-38ad4957.js';
-import { i as intl } from './global-96c14d63.js';
+import { i as intl } from './global-b2ee3a12.js';
 import { b as browser, j as useReducer, f as useEffect, n as h$1, u as useMemo } from './dom-context-hooks.module-50442785.js';
-import { d as dist, J, H, L, w as wn, R as Rn, i as isDemo } from './index.module-b23fdad8.js';
+import { d as dist, J, H, L, w as wn, R as Rn, i as isDemo } from './index.module-e266b4d7.js';
 import { c as cjs } from './cjs-bdfb4486.js';
 import { l as luxonLocale } from './utils-334c1e34.js';
 import { c as createStyleSheet } from './JSS-67b5cff8.js';
 import './mixins-f750863a.js';
 import { G as GenericTableView } from './GenericTableView-8c72ac30.js';
-import { u as useRerenderListener, a as useRequestRerender } from './re-render-f30aeb6b.js';
-import { u as useChildElements } from './useChildElements-9bccfb72.js';
+import { u as useRerenderListener, a as useRequestRerender } from './re-render-4f4bd4da.js';
+import { u as useChildElements } from './useChildElements-31ba3daf.js';
 import { l as luxon } from './luxon-1be92a8e.js';
 import { m as mockRewardData } from './mockRewardData-9b27d6f1.js';
-import { g as generateUserError } from './useReferralTable-92af4133.js';
+import { g as generateUserError } from './useReferralTable-456931fd.js';
 
 const debug = browser("sq:useRewardsTable");
 const CSS_NAMESPACE = "sqm-rewards-table";

package/dist/esm/sqm-share-link.entry.js

@@ -0,0 +1,267 @@
+import { r as registerInstance, h as h$1 } from './index-d9876cd5.js';
+import './global-e1c1ff72.js';
+import { o as h, i as useState } from './dom-context-hooks.module-8411297a.js';
+import { i as isDemo } from './index.module-60e4da3a.js';
+import './GoogleFonts-e3a7f82a.js';
+import './jss-preset-default.esm-c36417f8.js';
+import './JSS-8c381d8b.js';
+import './mixins-acc245cc.js';
+import { g as getProps } from './utils-61821fb1.js';
+import { c as cjs } from './cjs-e829b75b.js';
+import './useReferralCodes-cff9a9dc.js';
+import './copy-text-view-c508f2e1.js';
+import { u as useShareLink, S as ShareLinkView } from './useShareLink-a3329e33.js';
+
+const ShareLink = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    /**
+     * Shown inside a tooltip after someone has successfully copied the link to their clipboard
+     *
+     * @uiName Tooltip text
+     */
+    this.tooltiptext = "Copied to Clipboard";
+    /**
+     * The number of milliseconds that the tooltip appears for
+     *
+     * @uiName Tooltip lifespan
+     */
+    this.tooltiplifespan = 1000;
+    /**
+     * Change the text alignment
+     *
+     * @uiName Share link alignment
+     * @uiType string
+     * @uiEnum ["left", "center", "right"]
+     * @uiEnumNames ["Left", "Center", "Right"]
+     * @uiGroup Style
+     */
+    this.textAlign = "left";
+    /**
+     * @uiName Copy button label
+     */
+    this.copyButtonLabel = "Copy Link";
+    /**
+     * The type of the button that is used (primary or secondary).
+     * @uiName Button Type
+     * @uiType string
+     * @uiEnum ["primary", "secondary"]
+     * @uiEnumNames ["Primary", "Secondary"]
+     * @uiGroup Style
+     */
+    this.buttonType = "primary";
+    /**
+     * Set the copy button style and placement
+     *
+     * @uiName Button style
+     * @uiType string
+     * @uiEnum ["icon", "button-outside", "button-below"]
+     * @uiEnumNames ["Icon", "Button outside", "Button below"]
+     * @uiGroup Style
+     */
+    this.buttonStyle = "icon";
+    /**
+     * Enable users to customize their referral link
+     *
+     * @uiName Customize URL
+     * @uiType boolean
+     * @uiGroup Customize Vanity Link
+     * @requiredFlavor impact
+     */
+    this.customizeUrl = false;
+    /**
+     * Text shown below the share link input to trigger customization
+     *
+     * @uiName Customize link label
+     * @uiType string
+     * @uiGroup Customize Vanity Link
+     * @requiredFlavor impact
+     */
+    this.customizeLinkLabel = "Customize Link";
+    /**
+     * Text for the save button in editing mode
+     *
+     * @uiName Save button label
+     * @uiType string
+     * @uiGroup Customize Vanity Link
+     * @requiredFlavor impact
+     */
+    this.saveLabelText = "Save";
+    /**
+     * Text for the cancel button in editing mode
+     *
+     * @uiName Cancel button label
+     * @uiType string
+     * @uiGroup Customize Vanity Link
+     * @requiredFlavor impact
+     */
+    this.cancelLabelText = "Cancel";
+    /**
+     * Title text shown when the custom link is already taken
+     *
+     * @uiName Existing code conflict error title
+     * @uiType string
+     * @uiGroup Customize Vanity Link
+     * @requiredFlavor impact
+     */
+    this.existingCodeConflictErrorTitle = "This link is already taken";
+    /**
+     * Description text shown when the custom link is already taken
+     *
+     * @uiName Existing code conflict error description
+     * @uiType string
+     * @uiGroup Customize Vanity Link
+     * @requiredFlavor impact
+     */
+    this.existingCodeConflictErrorDescription = "Try adding numbers, a dash or underscore to create a unique link.";
+    /**
+     * Title text shown when the link contains invalid characters
+     *
+     * @uiName Invalid characters error title
+     * @uiType string
+     * @uiGroup Customize Vanity Link
+     * @requiredFlavor impact
+     */
+    this.invalidCharactersErrorTitle = "Please use only letters, numbers, dashes and underscores";
+    /**
+     * Description text shown when the link contains invalid characters
+     *
+     * @uiName Invalid characters error description
+     * @uiType string
+     * @uiGroup Customize Vanity Link
+     * @requiredFlavor impact
+     */
+    this.invalidCharactersErrorDescription = "Special characters can break the link when sharing.";
+    /**
+     * Title text shown when the link contains profanity
+     *
+     * @uiName Profanity error title
+     * @uiType string
+     * @uiGroup Customize Vanity Link
+     * @requiredFlavor impact
+     */
+    this.profanityErrorTitle = "Please try a different link";
+    /**
+     * Description text shown when the link contains profanity
+     *
+     * @uiName Profanity error description
+     * @uiType string
+     * @uiGroup Customize Vanity Link
+     * @requiredFlavor impact
+     */
+    this.profanityErrorDescription = "This link contains a restricted word.";
+    /**
+     * Text describing the edit limit
+     *
+     * @uiName Edit limit text
+     * @uiType string
+     * @uiGroup Customize Vanity Link
+     * @requiredFlavor impact
+     */
+    this.editLimitText = "You can edit your link up to 5 times.";
+    /**
+     * Message shown when the edit limit has been reached. Use {supportLink} as a placeholder for the support link.
+     *
+     * @uiName Edit limit reached text
+     * @uiType string
+     * @uiGroup Customize Vanity Link
+     * @requiredFlavor impact
+     */
+    this.editLimitReachedText = "5 edit limit reached. To make more changes, please contact {supportLink}.";
+    /**
+     * Display text for the support link in the edit limit reached message
+     *
+     * @uiName Support link text
+     * @uiType string
+     * @uiGroup Customize Vanity Link
+     * @requiredFlavor impact
+     */
+    this.supportLinkText = "Support";
+    /**
+     * Tooltip text shown when link customization is disabled
+     *
+     * @uiName Customize disabled tooltip
+     * @uiType string
+     * @uiGroup Customize Vanity Link
+     * @requiredFlavor impact
+     */
+    this.customizeDisabledTooltip = "Link customization is not available.";
+    h(this);
+  }
+  disconnectedCallback() { }
+  render() {
+    const thisProps = getProps(this);
+    const props = isDemo()
+      ? useDemoShareLink(thisProps)
+      : useShareLink(thisProps);
+    return h$1(ShareLinkView, Object.assign({}, props));
+  }
+};
+function useDemoShareLink(props) {
+  var _a;
+  const [open, setOpen] = useState(false);
+  const [isEditing, setIsEditing] = useState(false);
+  const [editValue, setEditValue] = useState("");
+  const copyString = "https://www.example.com/sharelink/abc";
+  const domainPrefix = "https://www.example.com/";
+  const baseProps = {
+    copyTextViewProps: {
+      copyString,
+      tooltiptext: props.tooltiptext,
+      textAlign: props.textAlign,
+      buttonStyle: props.buttonStyle,
+      backgroundColor: props.backgroundColor,
+      textColor: props.textColor,
+      borderRadius: props.borderRadius,
+      buttonType: props.buttonType,
+      copyButtonLabel: props.copyButtonLabel,
+      borderColor: props.borderColor,
+      open,
+      onClick: () => {
+        navigator.clipboard.writeText(copyString);
+        setOpen(true);
+        setTimeout(() => setOpen(false), props.tooltiplifespan);
+      },
+    },
+    customizeUrl: props.customizeUrl,
+    customizeLinkLabel: props.customizeLinkLabel,
+    saveLabelText: props.saveLabelText,
+    cancelLabelText: props.cancelLabelText,
+    isEditing,
+    editValue,
+    domainPrefix,
+    editsRemaining: 5,
+    maxEdits: 5,
+    limitReached: false,
+    validationError: null,
+    isValidating: false,
+    isSaving: false,
+    characterLimit: 15,
+    minCharacters: 3,
+    charactersRemaining: 15 - editValue.length,
+    editLimitText: props.editLimitText,
+    editLimitReachedText: props.editLimitReachedText,
+    supportLinkText: props.supportLinkText,
+    customizeDisabled: false,
+    customizeDisabledTooltip: (_a = props.customizeDisabledTooltip) !== null && _a !== void 0 ? _a : "Link customization is not available.",
+    onCustomizeClick: () => {
+      setIsEditing(true);
+      setEditValue("");
+    },
+    onEditValueChange: (value) => {
+      setEditValue(value);
+    },
+    onSave: () => {
+      setIsEditing(false);
+    },
+    onCancel: () => {
+      setIsEditing(false);
+      setEditValue("");
+    },
+  };
+  return cjs(baseProps, props.demoData || {}, {
+    arrayMerge: (_, a) => a,
+  });
+}
+
+export { ShareLink as sqm_share_link };