@saasquatch/mint-components 1.6.7 → 1.6.8-0

package/dist/cjs/{sqm-portal-footer-view-349373b2.js → PoweredByImg-7084ef2d.js}

@@ -1,8 +1,6 @@
 'use strict';
 
 const index = require('./index-b0129cd6.js');
-const global = require('./global-67a37b3f.js');
-const JSS = require('./JSS-8503a151.js');
 
 function PoweredByImg({ color = "#A6A6A6", width = 190, height = 29, }) {
   return (index.h("svg", { width: width, height: height, viewBox: "0 0 132 20", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
@@ -15,68 +13,4 @@ function PoweredByImg({ color = "#A6A6A6", width = 190, height = 29, }) {
         index.h("rect", { width: "14", height: "16", fill: "white", transform: "translate(59.5 1)" })))));
 }
 
-const vanillaStyle = `
-  :host{
-    margin: 0 auto;
-    width: 100%;
-  }
-  a{
-    cursor:pointer;
-    color: inherit;
-    text-decoration: none;
-  }
-`;
-function PortalFooterView(props) {
-  const style = {
-    RowContainer: {
-      display: "flex",
-      "& > :not(:last-child)": {
-        "margin-right": "var(--sl-spacing-large)",
-      },
-    },
-    Container: {
-      display: "flex",
-      "flex-direction": "column",
-      "align-items": "center",
-      "font-size": "var(--sl-font-size-small)",
-      color: "var(--sl-color-gray-600)",
-      "padding-top": `var(--sl-spacing-${props.paddingTop})`,
-      "padding-right": `var(--sl-spacing-${props.paddingRight})`,
-      "padding-bottom": `var(--sl-spacing-${props.paddingBottom})`,
-      "padding-left": `var(--sl-spacing-${props.paddingLeft})`,
-      "& a:hover": {
-        color: "var(--sl-color-gray-900)",
-      },
-    },
-    SupportText: {
-      textAlign: "center",
-    },
-    PoweredByLink: {
-      color: "var(--sl-color-gray-400)",
-      "font-size": "var(--sl-font-size-xx-small)",
-      "&:hover": {
-        color: "var(--sl-color-gray-900)",
-      },
-    },
-  };
-  const sheet = JSS.createStyleSheet(style);
-  const styleString = sheet.toString();
-  return (index.h("div", { class: sheet.classes.Container },
-    index.h("style", { type: "text/css" },
-      vanillaStyle,
-      styleString),
-    index.h("div", { class: sheet.classes.RowContainer },
-      props.faqLink && (index.h("a", { target: "_blank", href: props.faqLink }, props.faqText)),
-      props.termsLink && (index.h("a", { target: "_blank", href: props.termsLink }, props.termsText))),
-    index.h("p", { class: sheet.classes.SupportText }, global.intl.formatMessage({
-      id: "supportFooter",
-      defaultMessage: props.supportText,
-    }, {
-      email: (index.h("a", { target: "_blank", href: `mailto:${props.supportEmail}` }, props.supportEmail)),
-    })),
-    !props.hidePoweredBy && (index.h("a", { class: sheet.classes.PoweredByLink, target: "_blank", href: props.poweredByLink },
-      index.h(PoweredByImg, null)))));
-}
-
-exports.PortalFooterView = PortalFooterView;
 exports.PoweredByImg = PoweredByImg;

package/dist/cjs/{ShadowViewAddon-9c42e820.js → ShadowViewAddon-2d3ef919.js}

@@ -1,17 +1,18 @@
 'use strict';
 
 const index = require('./index-b0129cd6.js');
-const stencilHooks_module = require('./stencil-hooks.module-e4bf7f2d.js');
-const global = require('./global-67a37b3f.js');
-const index_module = require('./index.module-c6626247.js');
+const stencilHooks_module = require('./stencil-hooks.module-5344b631.js');
+const global = require('./global-3ebda209.js');
+const index_module = require('./index.module-30d74cb5.js');
 const cjs = require('./cjs-1066ec21.js');
 const mixins = require('./mixins-fe9d4112.js');
 const JSS = require('./JSS-8503a151.js');
-const useChildElements = require('./useChildElements-eaa9e49d.js');
-const luxon = require('./luxon-53e983a6.js');
+const useChildElements = require('./useChildElements-161457a6.js');
+const luxon = require('./luxon-1b6e7276.js');
+const index$1 = require('./index-e4027f09.js');
 const utils = require('./utils-6847bc06.js');
 const sqmTextSpanView = require('./sqm-text-span-view-1acdf7e9.js');
-const sqmPortalContainerView = require('./sqm-portal-container-view-3215dce9.js');
+const sqmPortalContainerView = require('./sqm-portal-container-view-ec1be9eb.js');
 
 const medium = {
   facebook: { color: "#1877f2", text: "#fff", icon: "facebook" },
@@ -194,14 +195,24 @@ const style$2 = {
     "&::part(base)": { background: "white", opacity: "1", cursor: "pointer" },
   },
 };
+const textAlignStyle = `
+  :host{
+    display: block;   
+  }
+  sl-input::part(input){
+    text-align: center;
+  }
+`;
 const sheet$2 = JSS.createStyleSheet(style$2);
 const styleString$2 = sheet$2.toString();
-function ShareLinkView(props) {
+function CopyTextView(props) {
+  const { isCopyIcon = true } = props;
   return (index.h("div", null,
-    index.h("style", { type: "text/css" }, styleString$2),
+    index.h("style", { type: "text/css" },
+      styleString$2,
+      props.textAlign === "center" && textAlignStyle),
     index.h("sl-tooltip", { trigger: "manual", content: props.tooltiptext, placement: "top-end", disabled: props.disabled, open: props.open, skidding: -20 },
-      index.h("sl-input", { class: sheet$2.classes.inputStyle, exportparts: "label: input-label", value: props.shareString, readonly: true },
-        index.h("sl-icon-button", { onClick: () => { var _a; return (_a = props.onClick) === null || _a === void 0 ? void 0 : _a.call(props); }, slot: "suffix", name: "files", disabled: props.disabled })))));
+      index.h("sl-input", { class: sheet$2.classes.inputStyle, exportparts: "label: input-label", value: props.copyString, readonly: true }, isCopyIcon ? (index.h("sl-icon-button", { onClick: () => { var _a; return (_a = props.onClick) === null || _a === void 0 ? void 0 : _a.call(props); }, slot: "suffix", name: "files", disabled: props.disabled })) : (index.h("sl-button", { onClick: () => { var _a; return (_a = props.onClick) === null || _a === void 0 ? void 0 : _a.call(props); }, slot: "suffix", name: "files", size: "small", disabled: props.disabled }, "Copy"))))));
 }
 
 function BigStatView(props) {
@@ -340,7 +351,7 @@ const EditProfileView = (props) => {
       }, exportparts: "base: primarybutton-base" }, text.editprofiletext)));
 };
 
-const MessageLinkQuery = index_module.dist.gql `
+const MessageLinkQuery = index$1.dist.gql `
   query ($programId: ID) {
     user: viewer {
       ... on User {
@@ -349,7 +360,7 @@ const MessageLinkQuery = index_module.dist.gql `
     }
   }
 `;
-const WIDGET_ENGAGEMENT_EVENT = index_module.dist.gql `
+const WIDGET_ENGAGEMENT_EVENT = index$1.dist.gql `
   mutation loadEvent($eventMeta: UserAnalyticsEvent!) {
     createUserAnalyticsEvent(eventMeta: $eventMeta)
   }
@@ -357,18 +368,18 @@ const WIDGET_ENGAGEMENT_EVENT = index_module.dist.gql `
 function useShareLink(props) {
   var _a, _b;
   const { programId = index_module.O() } = props;
-  const user = index_module.N();
-  const engagementMedium = index_module.U();
-  const { data } = index_module.dn(MessageLinkQuery, { programId }, !(user === null || user === void 0 ? void 0 : user.jwt));
-  const [sendLoadEvent] = index_module.Pe(WIDGET_ENGAGEMENT_EVENT);
-  const shareString = (_b = (_a = data === null || data === void 0 ? void 0 : data.user) === null || _a === void 0 ? void 0 : _a.shareLink) !== null && _b !== void 0 ? _b : 
+  const user = index_module.W();
+  const engagementMedium = index_module._();
+  const { data } = index_module.fn(MessageLinkQuery, { programId }, !(user === null || user === void 0 ? void 0 : user.jwt));
+  const [sendLoadEvent] = index_module.Fe(WIDGET_ENGAGEMENT_EVENT);
+  const copyString = (_b = (_a = data === null || data === void 0 ? void 0 : data.user) === null || _a === void 0 ? void 0 : _a.shareLink) !== null && _b !== void 0 ? _b : 
   // Shown during loading
   "...";
   const [open, setOpen] = stencilHooks_module.useState(false);
   function onClick() {
     // Should well supported: https://developer.mozilla.org/en-US/docs/Web/API/Clipboard#browser_compatibility
     // Only if called from a user-initiated event
-    navigator.clipboard.writeText(shareString);
+    navigator.clipboard.writeText(copyString);
     setOpen(true);
     setTimeout(() => setOpen(false), props.tooltiplifespan);
     sendLoadEvent({
@@ -384,10 +395,10 @@ function useShareLink(props) {
       },
     });
   }
-  return { ...props, onClick, open, shareString };
+  return { ...props, onClick, open, copyString: copyString };
 }
 
-const MessageLinkQuery$1 = index_module.dist.gql `
+const MessageLinkQuery$1 = index$1.dist.gql `
   query (
     $programId: ID
     $engagementMedium: UserEngagementMedium!
@@ -446,14 +457,14 @@ function useShareButton(props) {
   var _a, _b;
   const { sharetitle, sharetext, medium } = props;
   const programId = props.programId ? props.programId : index_module.O();
-  const user = index_module.N();
+  const user = index_module.W();
   const variables = {
-    engagementMedium: index_module.U(),
+    engagementMedium: index_module._(),
     programId: programId,
     shareMedium: medium.toUpperCase(),
   };
   // only queries if a programId is available
-  const res = index_module.dn(MessageLinkQuery$1, variables, !(user === null || user === void 0 ? void 0 : user.jwt) || !programId);
+  const res = index_module.fn(MessageLinkQuery$1, variables, !(user === null || user === void 0 ? void 0 : user.jwt) || !programId);
   const directLink = (_b = (_a = res === null || res === void 0 ? void 0 : res.data) === null || _a === void 0 ? void 0 : _a.viewer) === null || _b === void 0 ? void 0 : _b.shareLink;
   const environment = index_module.getEnvironmentSDK();
   const hide = (medium.toLocaleUpperCase() === "SMS" &&
@@ -771,7 +782,7 @@ function pathToRegexp(path, keys, options) {
 const debug = stencilHooks_module.browser("sq:useBigStat");
 const LOADING = "...";
 const debugQuery = (query, variables, getStat) => {
-  const res = index_module.dn(query, variables);
+  const res = index_module.fn(query, variables);
   if (!(res === null || res === void 0 ? void 0 : res.data) && !res.loading) {
     console.error("issue getting stat:", res);
   }
@@ -790,7 +801,7 @@ _, status) => {
       ? { dateConverted_exists: false }
       : {};
   const queryFilter = { ...programFilter, ...convertedFilter };
-  return debugQuery(index_module.dist.gql `
+  return debugQuery(index$1.dist.gql `
       query ($queryFilter: ReferralFilterInput) {
         viewer {
           ... on User {
@@ -812,7 +823,7 @@ const programGoalsQuery = (programId, locale, metricType, goalId) => {
   // Confirm this behaviour
   if (programId === "classic")
     return null;
-  return debugQuery(index_module.dist.gql `
+  return debugQuery(index$1.dist.gql `
       query {
         viewer {
           ... on User {
@@ -835,7 +846,7 @@ const programGoalsQuery = (programId, locale, metricType, goalId) => {
   });
 };
 const customFieldsQuery = (_programId, locale, fieldName, goalId) => {
-  return debugQuery(index_module.dist.gql `
+  return debugQuery(index$1.dist.gql `
       query {
         viewer {
           ... on User {
@@ -860,7 +871,7 @@ const referralsMonthQuery = (programId) => {
     ...programFilter,
     dateReferralStarted_timeframe: "this_month",
   };
-  return debugQuery(index_module.dist.gql `
+  return debugQuery(index$1.dist.gql `
       query ($filter: ReferralFilterInput) {
         viewer {
           ... on User {
@@ -886,7 +897,7 @@ const referralsWeekQuery = (programId) => {
     ...programFilter,
     dateReferralStarted_timeframe: "this_month",
   };
-  return debugQuery(index_module.dist.gql `
+  return debugQuery(index$1.dist.gql `
       query ($filter: ReferralFilterInput) {
         viewer {
           ... on User {
@@ -907,7 +918,7 @@ const referralsWeekQuery = (programId) => {
 const rewardsCountQuery = (programId, 
 // locale
 _, global = "") => {
-  return debugQuery(index_module.dist.gql `
+  return debugQuery(index$1.dist.gql `
       query ($programId: ID) {
         viewer {
           ... on User {
@@ -931,7 +942,7 @@ const rewardsCountFilteredQuery = (programId,
 // locale
 _, type, unit, status, global = "") => {
   const statusFilter = status ? { status } : null;
-  return debugQuery(index_module.dist.gql `
+  return debugQuery(index$1.dist.gql `
       query (
         $programId: ID
         $unit: String
@@ -970,7 +981,7 @@ const integrationRewardsCountFilteredQuery = (programId,
 // locale
 _, status, global = "") => {
   const statusFilter = status ? { status } : null;
-  return debugQuery(index_module.dist.gql `
+  return debugQuery(index$1.dist.gql `
       query ($programId: ID, $statusFilter: RewardStatusFilterInput) {
         viewer {
           ... on User {
@@ -1000,7 +1011,7 @@ _, status, global = "") => {
 const rewardsMonthQuery = (programId, 
 // locale
 _, global = "") => {
-  return debugQuery(index_module.dist.gql `
+  return debugQuery(index$1.dist.gql `
       query ($programId: ID) {
         viewer {
           ... on User {
@@ -1028,7 +1039,7 @@ _, global = "") => {
 const rewardsWeekQuery = (programId, 
 // locale
 _, global = "") => {
-  return debugQuery(index_module.dist.gql `
+  return debugQuery(index$1.dist.gql `
       query ($programId: ID) {
         viewer {
           ... on User {
@@ -1054,7 +1065,7 @@ _, global = "") => {
   });
 };
 const rewardsRedeemedQuery = (programId, locale, type, unit, global = "") => {
-  return debugQuery(index_module.dist.gql `
+  return debugQuery(index$1.dist.gql `
       query (
         $programId: ID
         $type: RewardType
@@ -1097,7 +1108,7 @@ const rewardsRedeemedQuery = (programId, locale, type, unit, global = "") => {
   });
 };
 const rewardsAssignedQuery = (programId, locale, type, unit, global = "") => {
-  return debugQuery(index_module.dist.gql `
+  return debugQuery(index$1.dist.gql `
       query (
         $programId: ID
         $type: RewardType
@@ -1140,7 +1151,7 @@ const rewardsAssignedQuery = (programId, locale, type, unit, global = "") => {
   });
 };
 const rewardsAvailableQuery = (programId, locale, type, unit, global = "") => {
-  return debugQuery(index_module.dist.gql `
+  return debugQuery(index$1.dist.gql `
       query (
         $programId: ID
         $type: RewardType
@@ -1188,7 +1199,7 @@ const parseRewardValueFormat = {
 };
 const rewardsBalanceQuery = (programId, locale, type, unit, format = "prettyValue", global = "") => {
   var _a;
-  return debugQuery(index_module.dist.gql `
+  return debugQuery(index$1.dist.gql `
       query (
         $programId: ID
         $type: RewardType!
@@ -1333,7 +1344,7 @@ function useBigStat(props) {
   // triggers a re-render if the label is manually changed
   useChildElements.useChildElements();
   const locale = index_module.x();
-  const userIdent = index_module.N();
+  const userIdent = index_module.W();
   const re = stencilHooks_module.useMemo(() => StatPatterns.find((re) => re.exec(statType)), [statType]);
   if (!(re === null || re === void 0 ? void 0 : re.exec(statType))) {
     return {
@@ -1690,7 +1701,7 @@ function Details(props) {
     index.h("span", { class: sheet$6.classes.Description },
       index.h("input", { type: "checkbox", id: "details-" + rid }),
       index.h("label", { class: "details", htmlFor: "details-" + rid },
-        index.h("sl-icon", { name: "chevron-down" })),
+        index.h("sl-icon", { exportparts: "base: task-card-chevron-icon", name: "chevron-down" })),
       index.h("span", { class: "summary", "progress-bar": props.progressBar }, props.content.description))));
 }
 
@@ -2308,8 +2319,9 @@ function TaskCardView(props) {
 		display: block;
 		margin-bottom: var(--sl-spacing-large);
 	}
+
   `;
-  return (index.h("div", { class: sheet$8.classes.TaskCard },
+  return (index.h("div", { class: sheet$8.classes.TaskCard, part: "sqm-base" },
     index.h("style", { type: "text/css" },
       styleString$8,
       vanillaStyle),
@@ -2325,8 +2337,8 @@ function TaskCardView(props) {
           .toLocaleString(luxon.luxon.DateTime.DATETIME_MED),
       }))),
     !states.loading && taskEnded && (index.h("div", { class: sheet$8.classes.Ended },
-      index.h("span", { class: "icon" },
-        index.h("sl-icon", { name: "exclamation-triangle-fill" })),
+      index.h("span", { class: "icon", part: "test" },
+        index.h("sl-icon", { exportparts: "base: task-card-icon", name: "exclamation-triangle-fill" })),
       global.intl.formatMessage({
         id: "endedMessage",
         defaultMessage: content.endedMessage,
@@ -2335,7 +2347,7 @@ function TaskCardView(props) {
           .setLocale(utils.luxonLocale(states.locale))
           .toLocaleString(luxon.luxon.DateTime.DATETIME_MED),
       }))),
-    index.h("div", { style: {
+    index.h("div", { part: "sqm-card-container-inner", style: {
         borderRadius: taskUnavailable &&
           "0 0 var(--sl-border-radius-large) var(--sl-border-radius-large)",
       }, class: taskUnavailable
@@ -2343,12 +2355,12 @@ function TaskCardView(props) {
         : taskComplete
           ? "main complete"
           : "main" },
-      index.h("div", { class: "container", "data-subdue": taskComplete || taskUnavailable },
+      index.h("div", { class: "container", part: "sqm-card-container", "data-subdue": taskComplete || taskUnavailable },
         index.h("div", { class: sheet$8.classes.Header, style: { opacity: taskComplete || taskUnavailable ? "0.45" : "1" } }, states.loading ? (index.h("sl-skeleton", { style: { width: "22%", margin: "0" } })) : (index.h("div", null,
           showComplete && (index.h("span", { class: taskUnavailable ? "icon neutral" : "icon" }, taskComplete ? checkmark_filled$1 : checkmark_circle$1)),
-          index.h("span", { class: "value" }, content.rewardAmount),
-          index.h("span", { class: "text" }, content.rewardUnit)))),
-        states.loading ? (index.h("sl-skeleton", { style: { width: "42%", margin: "var(--sl-spacing-medium) 0" } })) : (index.h("div", { class: "title", style: {
+          index.h("span", { part: "sqm-value", class: "value" }, content.rewardAmount),
+          index.h("span", { part: "sqm-unit", class: "text" }, content.rewardUnit)))),
+        states.loading ? (index.h("sl-skeleton", { style: { width: "42%", margin: "var(--sl-spacing-medium) 0" } })) : (index.h("div", { class: "title", part: "sqm-title", style: {
             marginBottom: !content.description
               ? content.steps
                 ? "var(--sl-spacing-x-large)"
@@ -2389,7 +2401,7 @@ function TaskCardView(props) {
                 .setLocale(utils.luxonLocale(states.locale))
                 .toLocaleString(luxon.luxon.DateTime.DATETIME_MED),
             })))),
-          index.h("sl-button", { class: taskUnavailable
+          index.h("sl-button", { exportparts: "base: task-card-button", id: "sl-button", class: taskUnavailable
               ? "action neutral"
               : taskComplete
                 ? "action disabled"
@@ -3250,7 +3262,7 @@ function RewardExchangeView(props) {
       })),
       (data === null || data === void 0 ? void 0 : data.fuelTankCode) && (index.h("div", { class: "promo" },
         states.content.text.promoCode,
-        index.h(ShareLinkView, { shareString: data.fuelTankCode, tooltiptext: (_f = states === null || states === void 0 ? void 0 : states.content) === null || _f === void 0 ? void 0 : _f.text.tooltipText, open: states.open, onClick: callbacks.copyFuelTankCode }))),
+        index.h(CopyTextView, { copyString: data.fuelTankCode, tooltiptext: (_f = states === null || states === void 0 ? void 0 : states.content) === null || _f === void 0 ? void 0 : _f.text.tooltipText, open: states.open, onClick: callbacks.copyFuelTankCode }))),
       index.h("div", { class: sheet$d.classes.Button },
         index.h("sl-button", { class: "continue center", type: "primary", size: "large", onClick: () => callbacks.resetState(true) }, states.content.text.doneText))));
   }
@@ -3728,7 +3740,7 @@ function CardFeedView(props, children) {
     index.h("style", { type: "text/css" },
       styleString,
       vanillaStyle),
-    index.h("div", { class: sheet.classes.Container }, children)));
+    index.h("div", { class: sheet.classes.Container, part: "sqm-base" }, children)));
 }
 
 function t(t,n,r){return Math.min(Math.max(t,r),n)}class n extends Error{constructor(t){super(`Failed to parse color: "${t}"`);}}function r(r){if("string"!=typeof r)throw new n(r);if("transparent"===r.trim().toLowerCase())return [0,0,0,0];let e=r.trim();e=u.test(r)?function(t){const r=t.toLowerCase().trim(),e=o[function(t){let n=5381,r=t.length;for(;r;)n=33*n^t.charCodeAt(--r);return (n>>>0)%2341}(r)];if(!e)throw new n(t);return `#${e}`}(r):r;const f=s.exec(e);if(f){const t=Array.from(f).slice(1);return [...t.slice(0,3).map(t=>parseInt(_(t,2),16)),parseInt(_(t[3]||"f",2),16)/255]}const p=i.exec(e);if(p){const t=Array.from(p).slice(1);return [...t.slice(0,3).map(t=>parseInt(t,16)),parseInt(t[3]||"ff",16)/255]}const z=a.exec(e);if(z){const t=Array.from(z).slice(1);return [...t.slice(0,3).map(t=>parseInt(t,10)),parseFloat(t[3]||"1")]}const h=c.exec(e);if(h){const[e,o,_,s]=Array.from(h).slice(1).map(parseFloat);if(t(0,100,o)!==o)throw new n(r);if(t(0,100,_)!==_)throw new n(r);return [...l(e,o,_),s||1]}throw new n(r)}const e=t=>parseInt(t.replace(/_/g,""),36),o="1q29ehhb 1n09sgk7 1kl1ekf_ _yl4zsno 16z9eiv3 1p29lhp8 _bd9zg04 17u0____ _iw9zhe5 _to73___ _r45e31e _7l6g016 _jh8ouiv _zn3qba8 1jy4zshs 11u87k0u 1ro9yvyo 1aj3xael 1gz9zjz0 _3w8l4xo 1bf1ekf_ _ke3v___ _4rrkb__ 13j776yz _646mbhl _nrjr4__ _le6mbhl 1n37ehkb _m75f91n _qj3bzfz 1939yygw 11i5z6x8 _1k5f8xs 1509441m 15t5lwgf _ae2th1n _tg1ugcv 1lp1ugcv 16e14up_ _h55rw7n _ny9yavn _7a11xb_ 1ih442g9 _pv442g9 1mv16xof 14e6y7tu 1oo9zkds 17d1cisi _4v9y70f _y98m8kc 1019pq0v 12o9zda8 _348j4f4 1et50i2o _8epa8__ _ts6senj 1o350i2o 1mi9eiuo 1259yrp0 1ln80gnw _632xcoy 1cn9zldc _f29edu4 1n490c8q _9f9ziet 1b94vk74 _m49zkct 1kz6s73a 1eu9dtog _q58s1rz 1dy9sjiq __u89jo3 _aj5nkwg _ld89jo3 13h9z6wx _qa9z2ii _l119xgq _bs5arju 1hj4nwk9 1qt4nwk9 1ge6wau6 14j9zlcw 11p1edc_ _ms1zcxe _439shk6 _jt9y70f _754zsow 1la40eju _oq5p___ _x279qkz 1fa5r3rv _yd2d9ip _424tcku _8y1di2_ _zi2uabw _yy7rn9h 12yz980_ __39ljp6 1b59zg0x _n39zfzp 1fy9zest _b33k___ _hp9wq92 1il50hz4 _io472ub _lj9z3eo 19z9ykg0 _8t8iu3a 12b9bl4a 1ak5yw0o _896v4ku _tb8k8lv _s59zi6t _c09ze0p 1lg80oqn 1id9z8wb _238nba5 1kq6wgdi _154zssg _tn3zk49 _da9y6tc 1sg7cv4f _r12jvtt 1gq5fmkz 1cs9rvci _lp9jn1c _xw1tdnb 13f9zje6 16f6973h _vo7ir40 _bt5arjf _rc45e4t _hr4e100 10v4e100 _hc9zke2 _w91egv_ _sj2r1kk 13c87yx8 _vqpds__ _ni8ggk8 _tj9yqfb 1ia2j4r4 _7x9b10u 1fc9ld4j 1eq9zldr _5j9lhpx _ez9zl6o _md61fzm".split(" ").reduce((t,n)=>{const r=e(n.substring(0,3)),o=e(n.substring(3)).toString(16);let _="";for(let t=0;t<6-o.length;t++)_+="0";return t[r]=`${_}${o}`,t},{}),_=(t,n)=>Array.from(Array(n)).map(()=>t).join(""),s=new RegExp(`^#${_("([a-f0-9])",3)}([a-f0-9])?$`,"i"),i=new RegExp(`^#${_("([a-f0-9]{2})",3)}([a-f0-9]{2})?$`,"i"),a=new RegExp(`^rgba?\\(\\s*(\\d+)\\s*${_(",\\s*(\\d+)\\s*",2)}(?:,\\s*([\\d.]+))?\\s*\\)$`,"i"),c=/^hsla?\(\s*([\d.]+)\s*,\s*([\d.]+)%\s*,\s*([\d.]+)%(?:\s*,\s*([\d.]+))?\s*\)$/i,u=/^[a-z]+$/i,f=t=>Math.round(255*t),l=(t,n,r)=>{let e=r/100;if(0===n)return [e,e,e].map(f);const o=(t%360+360)%360/60,_=(1-Math.abs(2*e-1))*(n/100),s=_*(1-Math.abs(o%2-1));let i=0,a=0,c=0;o>=0&&o<1?(i=_,a=s):o>=1&&o<2?(i=s,a=_):o>=2&&o<3?(a=_,c=s):o>=3&&o<4?(a=s,c=_):o>=4&&o<5?(i=s,c=_):o>=5&&o<6&&(i=_,c=s);const u=e-_/2;return [i+u,a+u,c+u].map(f)};function p(t){const[n,e,o,_]=r(t).map((t,n)=>3===n?t:t/255),s=Math.max(n,e,o),i=Math.min(n,e,o),a=(s+i)/2;if(s===i)return [0,0,a,_];const c=s-i;return [60*(n===s?(e-o)/c+(e<o?6:0):e===s?(o-n)/c+2:(n-e)/c+4),a>.5?c/(2-s-i):c/(s+i),a,_]}function z(n,r,e,o){return `hsla(${(n%360).toFixed()}, ${t(0,100,100*r).toFixed()}%, ${t(0,100,100*e).toFixed()}%, ${parseFloat(t(0,1,o).toFixed(3))})`}
@@ -3819,6 +3831,7 @@ const ShadowViewAddon = ({ story }, children) => {
 exports.BigStatView = BigStatView;
 exports.CardFeedView = CardFeedView;
 exports.CheckboxFieldView = CheckboxFieldView;
+exports.CopyTextView = CopyTextView;
 exports.DropdownFieldView = DropdownFieldView;
 exports.EditProfileView = EditProfileView;
 exports.InputFieldView = InputFieldView;
@@ -3833,7 +3846,6 @@ exports.ReferralIframeView = ReferralIframeView;
 exports.RewardExchangeView = RewardExchangeView;
 exports.ShadowViewAddon = ShadowViewAddon;
 exports.ShareButtonView = ShareButtonView;
-exports.ShareLinkView = ShareLinkView;
 exports.StatContainerView = StatContainerView;
 exports.TaskCardView = TaskCardView;
 exports.autoColorScaleCss = autoColorScaleCss;

package/dist/cjs/{global-67a37b3f.js → global-3ebda209.js}

@@ -1,7 +1,7 @@
 'use strict';
 
-const stencilHooks_module = require('./stencil-hooks.module-e4bf7f2d.js');
-const index_module = require('./index.module-c6626247.js');
+const stencilHooks_module = require('./stencil-hooks.module-5344b631.js');
+const index_module = require('./index.module-30d74cb5.js');
 
 var __assign = (undefined && undefined.__assign) || function () {
     __assign = Object.assign || function(t) {
@@ -11998,6 +11998,157 @@ function parse(input, opts) {
     return els;
 }
 
+//
+// Main
+//
+
+function memoize (fn, options) {
+  var cache = options && options.cache
+    ? options.cache
+    : cacheDefault;
+
+  var serializer = options && options.serializer
+    ? options.serializer
+    : serializerDefault;
+
+  var strategy = options && options.strategy
+    ? options.strategy
+    : strategyDefault;
+
+  return strategy(fn, {
+    cache: cache,
+    serializer: serializer
+  })
+}
+
+//
+// Strategy
+//
+
+function isPrimitive (value) {
+  return value == null || typeof value === 'number' || typeof value === 'boolean' // || typeof value === "string" 'unsafe' primitive for our needs
+}
+
+function monadic (fn, cache, serializer, arg) {
+  var cacheKey = isPrimitive(arg) ? arg : serializer(arg);
+
+  var computedValue = cache.get(cacheKey);
+  if (typeof computedValue === 'undefined') {
+    computedValue = fn.call(this, arg);
+    cache.set(cacheKey, computedValue);
+  }
+
+  return computedValue
+}
+
+function variadic (fn, cache, serializer) {
+  var args = Array.prototype.slice.call(arguments, 3);
+  var cacheKey = serializer(args);
+
+  var computedValue = cache.get(cacheKey);
+  if (typeof computedValue === 'undefined') {
+    computedValue = fn.apply(this, args);
+    cache.set(cacheKey, computedValue);
+  }
+
+  return computedValue
+}
+
+function assemble (fn, context, strategy, cache, serialize) {
+  return strategy.bind(
+    context,
+    fn,
+    cache,
+    serialize
+  )
+}
+
+function strategyDefault (fn, options) {
+  var strategy = fn.length === 1 ? monadic : variadic;
+
+  return assemble(
+    fn,
+    this,
+    strategy,
+    options.cache.create(),
+    options.serializer
+  )
+}
+
+function strategyVariadic (fn, options) {
+  var strategy = variadic;
+
+  return assemble(
+    fn,
+    this,
+    strategy,
+    options.cache.create(),
+    options.serializer
+  )
+}
+
+function strategyMonadic (fn, options) {
+  var strategy = monadic;
+
+  return assemble(
+    fn,
+    this,
+    strategy,
+    options.cache.create(),
+    options.serializer
+  )
+}
+
+//
+// Serializer
+//
+
+function serializerDefault () {
+  return JSON.stringify(arguments)
+}
+
+//
+// Cache
+//
+
+function ObjectWithoutPrototypeCache () {
+  this.cache = Object.create(null);
+}
+
+ObjectWithoutPrototypeCache.prototype.has = function (key) {
+  return (key in this.cache)
+};
+
+ObjectWithoutPrototypeCache.prototype.get = function (key) {
+  return this.cache[key]
+};
+
+ObjectWithoutPrototypeCache.prototype.set = function (key, value) {
+  this.cache[key] = value;
+};
+
+var cacheDefault = {
+  create: function create () {
+    return new ObjectWithoutPrototypeCache()
+  }
+};
+
+//
+// API
+//
+
+var src = memoize;
+var strategies = {
+  variadic: strategyVariadic,
+  monadic: strategyMonadic
+};
+src.strategies = strategies;
+
+const memoize$1 = /*#__PURE__*/Object.freeze(/*#__PURE__*/Object.assign(/*#__PURE__*/Object.create(null), src, {
+    'default': src,
+    strategies: strategies
+}));
+
 var ErrorCode;
 (function (ErrorCode) {
     // When we have a placeholder but no value to format
@@ -12260,7 +12411,7 @@ function createFastMemoizeCache(store) {
     };
 }
 // @ts-ignore this is to deal with rollup's default import shenanigans
-var _memoizeIntl = index_module.src || index_module.memoize;
+var _memoizeIntl = src || memoize$1;
 var memoizeIntl = _memoizeIntl;
 function createDefaultFormatters(cache) {
     if (cache === void 0) { cache = {
@@ -12552,7 +12703,7 @@ function createFastMemoizeCache$1(store) {
     };
 }
 // @ts-ignore this is to deal with rollup's default import shenanigans
-var _memoizeIntl$1 = index_module.src || index_module.memoize;
+var _memoizeIntl$1 = src || memoize$1;
 var memoizeIntl$1 = _memoizeIntl$1;
 /**
  * Create intl formatters and populate cache
@@ -13531,7 +13682,7 @@ var TemplateResult = class {
  * subject to an additional IP rights grant found at
  * http://polymer.github.io/PATENTS.txt
  */
-var isPrimitive = (value) => {
+var isPrimitive$1 = (value) => {
   return value === null || !(typeof value === "object" || typeof value === "function");
 };
 var isIterable = (value) => {
@@ -13570,7 +13721,7 @@ var AttributeCommitter = class {
       const part = parts2[i];
       if (part !== void 0) {
         const v = part.value;
-        if (isPrimitive(v) || !isIterable(v)) {
+        if (isPrimitive$1(v) || !isIterable(v)) {
           text += typeof v === "string" ? v : String(v);
         } else {
           for (const t of v) {
@@ -13595,7 +13746,7 @@ var AttributePart = class {
     this.committer = committer;
   }
   setValue(value) {
-    if (value !== noChange && (!isPrimitive(value) || value !== this.value)) {
+    if (value !== noChange && (!isPrimitive$1(value) || value !== this.value)) {
       this.value = value;
       if (!isDirective(value)) {
         this.committer.dirty = true;
@@ -13653,7 +13804,7 @@ var NodePart = class {
     if (value === noChange) {
       return;
     }
-    if (isPrimitive(value)) {
+    if (isPrimitive$1(value)) {
       if (value !== this.value) {
         this.__commitText(value);
       }
@@ -18481,7 +18632,7 @@ var unsafeHTML = directive((value) => (part) => {
     throw new Error("unsafeHTML can only be used in text bindings");
   }
   const previousValue = previousValues$1.get(part);
-  if (previousValue !== void 0 && isPrimitive(value) && value === previousValue.value && part.value === previousValue.fragment) {
+  if (previousValue !== void 0 && isPrimitive$1(value) && value === previousValue.value && part.value === previousValue.fragment) {
     return;
   }
   const template = document.createElement("template");
@@ -20160,7 +20311,7 @@ var unsafeSVG = directive((value) => (part) => {
     throw new Error("unsafeSVG can only be used in text bindings");
   }
   const previousValue = previousValues$2.get(part);
-  if (previousValue !== void 0 && isPrimitive(value) && value === previousValue.value && part.value === previousValue.fragment) {
+  if (previousValue !== void 0 && isPrimitive$1(value) && value === previousValue.value && part.value === previousValue.fragment) {
     return;
   }
   const template = document.createElement("template");