@saasquatch/mint-components 1.5.0-45 → 1.5.0-46

package/dist/cjs/{AutoColor-f85faee8.js → AutoColor-b84c7159.js}

@@ -2,16 +2,15 @@
 
 const index = require('./index-b0129cd6.js');
 const stencilHooks_module = require('./stencil-hooks.module-87a1f4f7.js');
-const global = require('./global-e375afa1.js');
-const index_module = require('./index.module-10eb2374.js');
+const global = require('./global-d43f88c7.js');
+const index_module = require('./index.module-eeca8a22.js');
 const mixins = require('./mixins-7b7c59fe.js');
 const JSS = require('./JSS-c65a40f1.js');
-const index$1 = require('./index-d9b12889.js');
+const index$1 = require('./index-b838411e.js');
 const luxon = require('./luxon-59ca7d19.js');
 const utils = require('./utils-01dbfd4a.js');
 const sqmTextSpanView = require('./sqm-text-span-view-f101dedf.js');
-const sqmPortalContainerView = require('./sqm-portal-container-view-d8cc826b.js');
-const sqmShareLinkView = require('./sqm-share-link-view-8e984365.js');
+const sqmPortalContainerView = require('./sqm-portal-container-view-185b4bd0.js');
 const sqmPortalSectionView = require('./sqm-portal-section-view-3b6c990e.js');
 
 function ShareButtonView(props, children) {
@@ -46,6 +45,22 @@ function ShareButtonView(props, children) {
 }
 
 const style = {
+  HostBlock: mixins.HostBlock,
+  inputStyle: {
+    "&::part(base)": { background: "white", opacity: "1", cursor: "pointer" },
+  },
+};
+const sheet = JSS.createStyleSheet(style);
+const styleString = sheet.toString();
+function ShareLinkView(props) {
+  return (index.h("div", null,
+    index.h("style", { type: "text/css" }, styleString),
+    index.h("sl-tooltip", { trigger: "manual", content: props.tooltiptext, placement: "top-end", disabled: props.disabled, open: props.open },
+      index.h("sl-input", { class: sheet.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 })))));
+}
+
+const style$1 = {
   HostBlock: mixins.HostBlock,
   ":host": {
     "min-height": "100vh",
@@ -83,17 +98,17 @@ const style = {
     },
   },
 };
-const sheet = JSS.createStyleSheet(style);
-const styleString = sheet.toString();
+const sheet$1 = JSS.createStyleSheet(style$1);
+const styleString$1 = sheet$1.toString();
 function PortalFrameView(props, children) {
   const { data } = props;
-  return (index.h("div", { class: sheet.classes.Frame },
-    index.h("style", { type: "text/css" }, styleString),
-    index.h("div", { class: sheet.classes.HeaderWrapper },
+  return (index.h("div", { class: sheet$1.classes.Frame },
+    index.h("style", { type: "text/css" }, styleString$1),
+    index.h("div", { class: sheet$1.classes.HeaderWrapper },
       data.header,
       index.h("slot", { name: "sqm-navigation-menu" })),
     children,
-    index.h("div", { class: sheet.classes.FooterWrapper }, data.footer)));
+    index.h("div", { class: sheet$1.classes.FooterWrapper }, data.footer)));
 }
 
 const EditProfileView = (props) => {
@@ -167,10 +182,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.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 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 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
   "...";
@@ -256,16 +271,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.ie();
+  const user = index_module.ne();
   const variables = {
-    engagementMedium: index_module.Rn(),
+    engagementMedium: index_module.x(),
     programId: programId,
     shareMedium: medium.toUpperCase(),
   };
   // only queries if a programId is available
-  const res = index_module.sn(MessageLinkQuery$1, variables, !(user === null || user === void 0 ? void 0 : user.jwt) || !programId);
+  const res = index_module.mn(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.kn();
+  const environment = index_module.D();
   const hide = (medium.toLocaleUpperCase() === "SMS" &&
     window.orientation === undefined) ||
     (medium.toLocaleUpperCase() === "DIRECT" && !window.navigator.share);
@@ -354,7 +369,7 @@ function PortalChangePasswordView(props) {
       index.h("style", { type: "text/css" }, styleString))));
 }
 
-const style$1 = {
+const style$2 = {
   Wrapper: mixins.AuthWrapper,
   Column: mixins.AuthColumn,
   ForgotButtonContainer: {
@@ -375,28 +390,28 @@ const vanillaStyle = `
   display: none;
 }
 `;
-const sheet$1 = JSS.createStyleSheet(style$1);
-const styleString$1 = sheet$1.toString();
+const sheet$2 = JSS.createStyleSheet(style$2);
+const styleString$2 = sheet$2.toString();
 function PortalLoginView(props) {
   const { states, callbacks, content } = props;
-  return (index.h("div", { class: sheet$1.classes.Wrapper },
+  return (index.h("div", { class: sheet$2.classes.Wrapper },
     index.h("style", { type: "text/css" },
       vanillaStyle,
-      styleString$1),
+      styleString$2),
     index.h(sqmTextSpanView.TextSpanView, { type: "h3" }, content.pageLabel),
-    index.h("sl-form", { class: sheet$1.classes.Column, "onSl-submit": callbacks.submit },
+    index.h("sl-form", { class: sheet$2.classes.Column, "onSl-submit": callbacks.submit },
       props.states.error && (index.h("sqm-form-message", { type: "error", exportparts: "erroralert-icon" },
         index.h("div", { part: "erroralert-text" }, props.states.error))),
       index.h("sl-input", { exportparts: "label: input-label", type: "email", name: "/email", label: content.emailLabel || "Email", disabled: states.loading, required: true }),
       index.h("div", null,
         index.h("sl-input", { exportparts: "label: input-label", type: "password", name: "/password", label: content.passwordLabel || "Password", disabled: states.loading, required: true }),
-        index.h("div", { class: sheet$1.classes.ForgotButtonContainer }, content.forgotPasswordButton)),
-      index.h("div", { class: sheet$1.classes.ButtonsContainer },
+        index.h("div", { class: sheet$2.classes.ForgotButtonContainer }, content.forgotPasswordButton)),
+      index.h("div", { class: sheet$2.classes.ButtonsContainer },
         index.h("sl-button", { submit: true, loading: states.loading, exportparts: "base: primarybutton-base", type: "primary" }, content.submitLabel || "Login"),
         content.secondaryButton))));
 }
 
-const style$2 = {
+const style$3 = {
   Wrapper: { ...mixins.AuthWrapper, "max-width": "600px" },
   Column: mixins.AuthColumn,
   HostBlock: mixins.HostBlock,
@@ -422,20 +437,20 @@ sqm-portal-register {
   display: none;
 }
 `;
-const sheet$2 = JSS.createStyleSheet(style$2);
-const styleString$2 = sheet$2.toString();
+const sheet$3 = JSS.createStyleSheet(style$3);
+const styleString$3 = sheet$3.toString();
 function PortalRegisterView(props) {
   var _a, _b, _c, _d, _e, _f, _g, _h;
   const { states, refs, callbacks, content } = props;
   if (states.error) {
     window.scrollTo({ top: 0, left: 0, behavior: "smooth" });
   }
-  return (index.h("div", { class: sheet$2.classes.Wrapper },
+  return (index.h("div", { class: sheet$3.classes.Wrapper },
     index.h("style", { type: "text/css" },
       vanillaStyle$1,
-      styleString$2),
+      styleString$3),
     index.h(sqmTextSpanView.TextSpanView, { type: "h3" }, content.pageLabel),
-    index.h("sl-form", { class: sheet$2.classes.Column, "onSl-submit": callbacks.submit, ref: (el) => (refs.formRef.current = el), novalidate: true },
+    index.h("sl-form", { class: sheet$3.classes.Column, "onSl-submit": callbacks.submit, ref: (el) => (refs.formRef.current = el), novalidate: true },
       states.error && (index.h("sqm-form-message", { type: "error", exportparts: "erroralert-icon" },
         index.h("div", { part: "erroralert-text" }, props.states.error))),
       content.formData,
@@ -448,7 +463,7 @@ function PortalRegisterView(props) {
             return "Must be a valid email address";
           }
         } }, (((_b = (_a = states.validationState) === null || _a === void 0 ? void 0 : _a.validationErrors) === null || _b === void 0 ? void 0 : _b.email) ? {
-        class: sheet$2.classes.ErrorStyle,
+        class: sheet$3.classes.ErrorStyle,
         helpText: ((_d = (_c = states.validationState) === null || _c === void 0 ? void 0 : _c.validationErrors) === null || _d === void 0 ? void 0 : _d.email) ||
           "Cannot be empty",
       }
@@ -456,18 +471,18 @@ function PortalRegisterView(props) {
       !states.hideInputs && (index.h("sqm-password-field", { fieldLabel: content.passwordLabel, "enable-validation": states.enablePasswordValidation })),
       content.passwordField,
       !states.hideInputs && states.confirmPassword && (index.h("sl-input", Object.assign({ exportparts: "label: input-label", type: "password", name: "/confirmPassword", label: content.confirmPasswordLabel, disabled: states.loading, required: true }, (((_f = (_e = states.validationState) === null || _e === void 0 ? void 0 : _e.validationErrors) === null || _f === void 0 ? void 0 : _f.confirmPassword) ? {
-        class: sheet$2.classes.ErrorStyle,
+        class: sheet$3.classes.ErrorStyle,
         helpText: ((_h = (_g = states.validationState) === null || _g === void 0 ? void 0 : _g.validationErrors) === null || _h === void 0 ? void 0 : _h.confirmPassword) ||
           "Cannot be empty",
       }
         : [])))),
       content.terms,
-      index.h("div", { class: sheet$2.classes.ButtonsContainer },
+      index.h("div", { class: sheet$3.classes.ButtonsContainer },
         index.h("sl-button", { submit: true, loading: states.loading, exportparts: "base: primarybutton-base", type: "primary" }, content.submitLabel || "Register"),
         content.secondaryButton))));
 }
 
-const style$3 = {
+const style$4 = {
   Description: {
     "& input[type=checkbox]": {
       display: "none",
@@ -506,13 +521,13 @@ const style$3 = {
     },
   },
 };
-const sheet$3 = JSS.createStyleSheet(style$3);
-const styleString$3 = sheet$3.toString();
+const sheet$4 = JSS.createStyleSheet(style$4);
+const styleString$4 = sheet$4.toString();
 function Details(props) {
   const rid = Math.random().toString(36).slice(2);
   return (index.h("div", null,
-    index.h("style", { type: "text/css" }, styleString$3),
-    index.h("span", { class: sheet$3.classes.Description },
+    index.h("style", { type: "text/css" }, styleString$4),
+    index.h("span", { class: sheet$4.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" })),
@@ -527,7 +542,7 @@ const Gift = () => {
     index.h("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M14 2.70949C14 3.59565 12.6694 4.93746 12 5H9V16H7.00179V5H4.58792C3.21247 4.70182 2 3.64537 2 2.52072C2 1.42474 2.47603 0.556701 3.34184 0.182041C4.16921 -0.175986 5.12452 0.0203328 5.87976 0.544666C6.80676 1.18825 7.32679 2.3963 7.79856 3.49226C7.83996 3.58845 7.88099 3.68378 7.9219 3.77778C7.96173 3.68865 8.00186 3.59793 8.0425 3.50608C8.50995 2.44948 9.04359 1.24325 9.9404 0.59563C10.7332 0.0231438 11.741 -0.193157 12.6121 0.198945C13.5129 0.604397 14 1.53453 14 2.70949ZM10.6123 1.5C11.0928 1.15305 11.668 1.09012 12.1597 1.5C12.5879 1.85694 12.6108 2.02497 12.6658 2.42926L12.6755 2.5C12.6755 3.09851 12.1597 4 11.6439 4C11.2785 4 10.9914 3.99691 10.7224 3.99402C10.2319 3.98875 9.80131 3.98412 9.06496 4C9.20533 3.72786 9.31743 3.46669 9.42434 3.21761C9.71026 2.55143 9.95907 1.97176 10.6123 1.5ZM4.93861 1.5C4.70607 1.33855 4.17281 1.4106 3.95166 1.5063C3.76894 1.58537 3.49602 1.82658 3.49602 2.52072C3.49602 3.19524 4.58792 3.77778 4.58792 3.77778C4.58792 3.77778 5.45441 4 7.00179 4C6.47506 2.69451 5.7289 2.04867 4.93861 1.5Z", fill: "#EB5757" })));
 };
 
-const style$4 = {
+const style$5 = {
   ProgressBar: {
     "& .progress-bar": {
       height: "0",
@@ -636,8 +651,8 @@ const style$4 = {
     },
   },
 };
-const sheet$4 = JSS.createStyleSheet(style$4, { classNamePrefix: "sqm-prog-bar" });
-const styleString$4 = sheet$4.toString();
+const sheet$5 = JSS.createStyleSheet(style$5, { classNamePrefix: "sqm-prog-bar" });
+const styleString$5 = sheet$5.toString();
 function ProgressBarView(props) {
   var _a;
   const { progress = 0, goal = 1, steps = false, progressBarUnit = "", repeatable = false, expired = false, finite = 0, } = props;
@@ -646,8 +661,8 @@ function ProgressBarView(props) {
   //@ts-ignore
   console.log("PROGRESS BAR PROPS " + ((_a = props === null || props === void 0 ? void 0 : props.content) === null || _a === void 0 ? void 0 : _a.cardTitle));
   console.log({ props });
-  return (index.h("div", { class: sheet$4.classes.ProgressBar, "data-expired": expired, "data-steps": steps, "data-done": goal <= progress },
-    index.h("style", { type: "text/css" }, styleString$4),
+  return (index.h("div", { class: sheet$5.classes.ProgressBar, "data-expired": expired, "data-steps": steps, "data-done": goal <= progress },
+    index.h("style", { type: "text/css" }, styleString$5),
     index.h("div", { class: (!Boolean(finite) && progress >= 2 * goal) ||
         (Boolean(finite) && progress > 2 * goal)
         ? "progress-bar repeatable-steps"
@@ -939,7 +954,7 @@ const arrow_left_right = () => {
     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" })));
 };
 
-const style$5 = {
+const style$6 = {
   TaskCard: {
     display: "inline-block",
     width: "100%",
@@ -1090,8 +1105,8 @@ const style$5 = {
     },
   },
 };
-const sheet$5 = JSS.createStyleSheet(style$5);
-const styleString$5 = sheet$5.toString();
+const sheet$6 = JSS.createStyleSheet(style$6);
+const styleString$6 = sheet$6.toString();
 function TaskCardView(props) {
   var _a, _b, _c;
   console.log("TASK CARD PROPS " + ((_a = props === null || props === void 0 ? void 0 : props.content) === null || _a === void 0 ? void 0 : _a.cardTitle));
@@ -1129,11 +1144,11 @@ function TaskCardView(props) {
 		margin-bottom: var(--sl-spacing-large);
 	}
   `;
-  return (index.h("div", { class: sheet$5.classes.TaskCard },
+  return (index.h("div", { class: sheet$6.classes.TaskCard },
     index.h("style", { type: "text/css" },
-      styleString$5,
+      styleString$6,
       vanillaStyle),
-    !states.loading && taskNotStarted && (index.h("div", { class: sheet$5.classes.NotStarted },
+    !states.loading && taskNotStarted && (index.h("div", { class: sheet$6.classes.NotStarted },
       index.h("span", { class: "icon" },
         index.h("sl-icon", { name: "info-circle-fill" })),
       global.intl.formatMessage({
@@ -1159,7 +1174,7 @@ function TaskCardView(props) {
             .setLocale(utils.luxonLocale(states.locale))
             .toLocaleString(luxon.luxon.DateTime.DATETIME_MED),
       }))),
-    !states.loading && taskEnded && (index.h("div", { class: sheet$5.classes.Ended },
+    !states.loading && taskEnded && (index.h("div", { class: sheet$6.classes.Ended },
       index.h("span", { class: "icon" },
         index.h("sl-icon", { name: "exclamation-triangle-fill" })),
       global.intl.formatMessage({
@@ -1194,7 +1209,7 @@ function TaskCardView(props) {
           ? "main complete"
           : "main" },
       index.h("div", { class: taskComplete || taskUnavailable ? "container subdued" : "container" },
-        index.h("div", { class: sheet$5.classes.Header }, states.loading ? (index.h("sl-skeleton", { style: { width: "22%", margin: "0" } })) : (index.h("div", null,
+        index.h("div", { class: sheet$6.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)),
           index.h("span", { class: "value" }, content.rewardAmount),
           index.h("span", { class: "text" }, content.rewardUnit)))),
@@ -1209,7 +1224,7 @@ function TaskCardView(props) {
           } }, content.cardTitle)),
         states.loading ? (index.h("sl-skeleton", { style: { margin: "var(--sl-spacing-medium) 0" } })) : (content.description && index.h(Details, Object.assign({}, props))),
         content.showProgressBar && states.loading ? (index.h("sl-skeleton", { style: { margin: "var(--sl-spacing-medium) 0" } })) : (content.showProgressBar && (index.h(ProgressBarView, Object.assign({}, props.content, props.states, { complete: taskComplete, expired: taskUnavailable })))),
-        index.h("div", { class: sheet$5.classes.Footer }, states.loading ? (index.h("sl-skeleton", { style: { width: "25%", marginLeft: "auto" } })) : (index.h("div", { style: { display: "contents" } },
+        index.h("div", { class: sheet$6.classes.Footer }, states.loading ? (index.h("sl-skeleton", { style: { width: "25%", marginLeft: "auto" } })) : (index.h("div", { style: { display: "contents" } },
           index.h("span", { class: "text" },
             content.repeatable && (index.h("div", null,
               index.h("span", { class: repetitions > 0
@@ -1833,7 +1848,7 @@ function RewardExchangeView(props) {
           color: "var(--sl-color-neutral-700)",
         } },
         states.content.text.promoCode,
-        index.h(sqmShareLinkView.ShareLinkView, { shareString: data.fuelTankCode, tooltiptext: (_e = states === null || states === void 0 ? void 0 : states.content) === null || _e === void 0 ? void 0 : _e.text.toopTipText, open: states.open, onClick: callbacks.copyFuelTankCode }))),
+        index.h(ShareLinkView, { shareString: data.fuelTankCode, tooltiptext: (_e = states === null || states === void 0 ? void 0 : states.content) === null || _e === void 0 ? void 0 : _e.text.toopTipText, open: states.open, onClick: callbacks.copyFuelTankCode }))),
       index.h("div", { class: sheet.classes.Button },
         index.h("sl-button", { class: "continue center", type: "primary", size: "large", onClick: () => callbacks.resetState(true) }, states.content.text.doneText))));
   }
@@ -2001,6 +2016,7 @@ exports.ProgressBarView = ProgressBarView;
 exports.ReferralIframeView = ReferralIframeView;
 exports.RewardExchangeView = RewardExchangeView;
 exports.ShareButtonView = ShareButtonView;
+exports.ShareLinkView = ShareLinkView;
 exports.TaskCardView = TaskCardView;
 exports.autoColorScaleCss = autoColorScaleCss;
 exports.useShareButton = useShareButton;

package/dist/cjs/{global-e375afa1.js → global-d43f88c7.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 const stencilHooks_module = require('./stencil-hooks.module-87a1f4f7.js');
-const index_module = require('./index.module-10eb2374.js');
+const index_module = require('./index.module-eeca8a22.js');
 const insertcss = require('./insertcss-04580cfa.js');
 
 var __assign = (undefined && undefined.__assign) || function () {

package/dist/cjs/{index-d9b12889.js → index-b838411e.js}

@@ -1,7 +1,7 @@
 'use strict';
 
-const global = require('./global-e375afa1.js');
-const index_module = require('./index.module-10eb2374.js');
+const global = require('./global-d43f88c7.js');
+const index_module = require('./index.module-eeca8a22.js');
 
 var docCache = new Map();
 var fragmentSourceMap = new Map();