@saasquatch/mint-components 1.5.0-71 → 1.5.0-75

package/dist/cjs/{ShadowViewAddon-fbbacd12.js → ShadowViewAddon-c4425ca8.js}

@@ -2,8 +2,8 @@
 
 const index = require('./index-b0129cd6.js');
 const stencilHooks_module = require('./stencil-hooks.module-87a1f4f7.js');
-const global = require('./global-58d95b21.js');
-const index_module = require('./index.module-54724339.js');
+const global = require('./global-633d1fb7.js');
+const index_module = require('./index.module-f972f103.js');
 const mixins = require('./mixins-7b7c59fe.js');
 const JSS = require('./JSS-c65a40f1.js');
 const luxon = require('./luxon-59ca7d19.js');
@@ -320,10 +320,10 @@ const WIDGET_ENGAGEMENT_EVENT = index_module.dist.gql `
 function useShareLink(props) {
   var _a, _b;
   const { programId = index_module.M() } = props;
-  const user = index_module.ne();
-  const engagementMedium = index_module.x();
-  const { data } = index_module.mn(MessageLinkQuery, { programId }, !(user === null || user === void 0 ? void 0 : user.jwt));
-  const [sendLoadEvent] = index_module.De(WIDGET_ENGAGEMENT_EVENT);
+  const user = index_module.ie();
+  const engagementMedium = index_module.Rn();
+  const { data } = index_module.sn(MessageLinkQuery, { programId }, !(user === null || user === void 0 ? void 0 : user.jwt));
+  const [sendLoadEvent] = index_module.qe(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 : 
   // Shown during loading
   "...";
@@ -409,16 +409,16 @@ function useShareButton(props) {
   var _a, _b;
   const { sharetitle, sharetext, medium } = props;
   const programId = props.programId ? props.programId : index_module.M();
-  const user = index_module.ne();
+  const user = index_module.ie();
   const variables = {
-    engagementMedium: index_module.x(),
+    engagementMedium: index_module.Rn(),
     programId: programId,
     shareMedium: medium.toUpperCase(),
   };
   // only queries if a programId is available
-  const res = index_module.mn(MessageLinkQuery$1, variables, !(user === null || user === void 0 ? void 0 : user.jwt) || !programId);
+  const res = index_module.sn(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.D();
+  const environment = index_module.kn();
   const hide = (medium.toLocaleUpperCase() === "SMS" &&
     window.orientation === undefined) ||
     (medium.toLocaleUpperCase() === "DIRECT" && !window.navigator.share);
@@ -1078,16 +1078,16 @@ function clamp(x, min, max) {
   return Math.min(Math.max(x, min), max);
 }
 
-const checkmark_circle = () => {
+const CheckmarkCircle = () => {
   return (index.h("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
     index.h("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M1.81818 10C1.81818 5.48131 5.48131 1.81818 10 1.81818C14.5187 1.81818 18.1818 5.48131 18.1818 10C18.1818 14.5187 14.5187 18.1818 10 18.1818C5.48131 18.1818 1.81818 14.5187 1.81818 10ZM10 0C4.47715 0 0 4.47715 0 10C0 15.5228 4.47715 20 10 20C15.5228 20 20 15.5228 20 10C20 4.47715 15.5228 0 10 0ZM15.7692 6.96189C16.1398 6.48683 16.0551 5.80132 15.58 5.43077C15.1049 5.06022 14.4194 5.14495 14.0489 5.62001L8.72994 12.4391L5.86229 9.5715C5.43627 9.14548 4.74554 9.14548 4.31952 9.5715C3.89349 9.99752 3.89349 10.6882 4.31952 11.1143L8.05976 14.8545C8.28083 15.0756 8.58613 15.1912 8.89818 15.172C9.21023 15.1528 9.49905 15.0006 9.69133 14.7541L15.7692 6.96189Z", fill: "currentColor" })));
 };
-const checkmark_filled = () => {
+const CheckmarkFilled = () => {
   return (index.h("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
     index.h("circle", { cx: "10", cy: "10", r: "10", fill: "currentColor" }),
     index.h("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M14.65 6.19231C15.0459 6.5011 15.1165 7.07236 14.8077 7.46825L9.74277 13.9617C9.58254 14.1672 9.34186 14.294 9.08182 14.31C8.82178 14.326 8.56736 14.2297 8.38314 14.0454L5.26627 10.9286C4.91124 10.5735 4.91124 9.99794 5.26627 9.64292C5.62129 9.2879 6.19689 9.2879 6.55191 9.64292L8.94162 12.0326L13.3741 6.35001C13.6828 5.95412 14.2541 5.88352 14.65 6.19231Z", fill: "white" })));
 };
-const arrow_left_right = () => {
+const ArrowLeftRight = () => {
   return (index.h("svg", { width: 11, height: 12, fill: "none", xmlns: "http://www.w3.org/2000/svg" },
     index.h("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M10.265 2.789a.346.346 0 000-.489L8.066.101a.346.346 0 10-.489.489l1.61 1.609H2.073a.691.691 0 00-.69.691v1.728a.346.346 0 00.69 0V2.89h7.114L7.577 4.5a.346.346 0 10.49.488l2.198-2.2zM.101 9.21a.346.346 0 000 .489l2.2 2.199a.346.346 0 00.488-.489l-1.61-1.609h7.114c.382 0 .691-.31.691-.691V7.382a.346.346 0 00-.691 0V9.11H1.18L2.789 7.5a.346.346 0 10-.489-.488l-2.199 2.2z", fill: "currentColor" })));
 };
@@ -1263,9 +1263,6 @@ function TaskCardView(props) {
     if (dateToday < displayDateStart || dateToday > displayDateEnd)
       return index.h("span", null);
   }
-  const checkmark_circle$1 = checkmark_circle();
-  const checkmark_filled$1 = checkmark_filled();
-  const arrow_left_right$1 = arrow_left_right();
   const showComplete = states.progress >= content.goal;
   const repetitions = content.showProgressBar
     ? Math.floor(states.progress / content.goal)
@@ -1317,7 +1314,7 @@ function TaskCardView(props) {
           : "main" },
       index.h("div", { class: taskComplete || taskUnavailable ? "container subdued" : "container" },
         index.h("div", { class: sheet$7.classes.Header }, 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)),
+          showComplete && (index.h("span", { class: taskUnavailable ? "icon neutral" : "icon" }, taskComplete ? index.h(CheckmarkFilled, null) : index.h(CheckmarkCircle, null))),
           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: {
@@ -1338,7 +1335,8 @@ function TaskCardView(props) {
                   ? taskUnavailable
                     ? "icon neutral"
                     : "icon success"
-                  : "icon" }, arrow_left_right$1),
+                  : "icon" },
+                index.h(ArrowLeftRight, null)),
               index.h("span", { class: repetitions > 0
                   ? taskUnavailable
                     ? "neutral"
@@ -1396,7 +1394,7 @@ function ReferralIframeView(props) {
 
 const CheckMark = () => (index.h("svg", { width: 12, height: 10, fill: "none", xmlns: "http://www.w3.org/2000/svg" },
   index.h("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M11.58.23c.475.371.56 1.057.19 1.532L5.69 9.554a1.091 1.091 0 0 1-1.631.1L.32 5.915a1.09 1.09 0 1 1 1.542-1.542L4.73 7.239 10.049.42A1.09 1.09 0 0 1 11.58.23Z", fill: "#fff" })));
-const CheckmarkFilled = () => (index.h("svg", { width: "18", height: "18", viewBox: "0 0 18 18", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
+const CheckmarkFilled$1 = () => (index.h("svg", { width: "18", height: "18", viewBox: "0 0 18 18", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
   index.h("path", { d: "M0 9C0 4.02944 4.02944 0 9 0C13.9706 0 18 4.02944 18 9C18 13.9706 13.9706 18 9 18C4.02944 18 0 13.9706 0 9Z", fill: "currentColor" }),
   index.h("path", { d: "M5.68394 8.77046C5.28103 8.39273 4.64819 8.41315 4.27046 8.81606C3.89273 9.21897 3.91315 9.85181 4.31606 10.2295L5.68394 8.77046ZM7.66667 12L6.98273 12.7295C7.36738 13.0902 7.96595 13.0902 8.35061 12.7295L7.66667 12ZM13.6839 7.72954C14.0869 7.35181 14.1073 6.71897 13.7295 6.31606C13.3518 5.91315 12.719 5.89273 12.3161 6.27046L13.6839 7.72954ZM4.31606 10.2295L6.98273 12.7295L8.35061 11.2705L5.68394 8.77046L4.31606 10.2295ZM8.35061 12.7295L13.6839 7.72954L12.3161 6.27046L6.98273 11.2705L8.35061 12.7295Z", fill: "white" })));
 const Gift$1 = () => (index.h("svg", { width: 156, height: 157, fill: "none", xmlns: "http://www.w3.org/2000/svg" },
@@ -1661,6 +1659,7 @@ function RewardExchangeView(props) {
       "& .text": {
         width: "50%",
         maxWidth: "400px",
+        minWidth: "330px",
         "@media (max-width: 799px)": {
           width: "auto",
           margin: "auto",
@@ -1902,7 +1901,7 @@ function RewardExchangeView(props) {
               }, onClick: () => item.available &&
                 callbacks.setExchangeState({ selectedItem: item }) },
               item.key === (selectedItem === null || selectedItem === void 0 ? void 0 : selectedItem.key) && (index.h("div", { class: "selected" },
-                index.h(CheckmarkFilled, null))),
+                index.h(CheckmarkFilled$1, null))),
               index.h("div", { style: {
                   display: "flex",
                   width: "100%",

package/dist/cjs/{global-58d95b21.js → global-633d1fb7.js}

@@ -1,8 +1,7 @@
 'use strict';
 
 const stencilHooks_module = require('./stencil-hooks.module-87a1f4f7.js');
-const index_module = require('./index.module-54724339.js');
-const insertcss = require('./insertcss-04580cfa.js');
+const index_module = require('./index.module-f972f103.js');
 
 var __assign = (undefined && undefined.__assign) || function () {
     __assign = Object.assign || function(t) {
@@ -25861,6 +25860,50 @@ SlButton = __decorate([
 ], SlButton);
 var button_default2 = SlButton;
 
+const containers = []; // will store container HTMLElement references
+const styleElements = []; // will store {prepend: HTMLElement, append: HTMLElement}
+const usage = 'insert-css: You need to provide a CSS string. Usage: insertCss(cssString[, options]).';
+function insertCSS(css, options) {
+  options = options || {};
+  if (css === undefined) {
+    throw new Error(usage);
+  }
+  var position = options.prepend === true ? 'prepend' : 'append';
+  var container = options.container !== undefined ? options.container : document.querySelector('head');
+  var containerId = containers.indexOf(container);
+  // first time we see this container, create the necessary entries
+  if (containerId === -1) {
+    containerId = containers.push(container) - 1;
+    styleElements[containerId] = {};
+  }
+  // try to get the correponding container + position styleElement, create it otherwise
+  var styleElement;
+  if (styleElements[containerId] !== undefined && styleElements[containerId][position] !== undefined) {
+    styleElement = styleElements[containerId][position];
+  }
+  else {
+    styleElement = styleElements[containerId][position] = createStyleElement();
+    if (position === 'prepend') {
+      container.insertBefore(styleElement, container.childNodes[0]);
+    }
+    else {
+      container.appendChild(styleElement);
+    }
+  }
+  // strip potential UTF-8 BOM if css was read from a file
+  if (css.charCodeAt(0) === 0xFEFF) {
+    css = css.substr(1, css.length);
+  }
+  // actually add the stylesheet
+  styleElement.textContent += css;
+  return styleElement;
+}
+function createStyleElement() {
+  var styleElement = document.createElement('style');
+  styleElement.setAttribute('type', 'text/css');
+  return styleElement;
+}
+
 /* :root {
   --primary-color: #ff8424;
   --primary-hover-color: #da6d17;
@@ -26660,7 +26703,7 @@ catch (error) {
   debug("components already registered");
 }
 try {
-  insertcss.insertCSS(style);
+  insertCSS(style);
 }
 catch (error) {
   debug(error);