@saasquatch/mint-components 1.5.0-51 → 1.5.0-52

package/dist/cjs/{AutoColor-265fa15b.js → AutoColor-db901e98.js}

@@ -1,16 +1,16 @@
 'use strict';
 
-const index = require('./index-09c0f03f.js');
-const JSS = require('./JSS-24a85193.js');
+const index = require('./index-b0129cd6.js');
+const stencilHooks_module = require('./stencil-hooks.module-87a1f4f7.js');
+const global = require('./global-08276663.js');
+const index_module = require('./index.module-54724339.js');
 const mixins = require('./mixins-7b7c59fe.js');
-const index_module = require('./index.module-38f1e1c6.js');
-const stencilHooks_module = require('./stencil-hooks.module-eec3b78b.js');
-const sqmPortalContainerView = require('./sqm-portal-container-view-2aa68b79.js');
-const sqmPortalSectionView = require('./sqm-portal-section-view-777fcc31.js');
-const sqmTextSpanView = require('./sqm-text-span-view-e258a778.js');
-const luxon = require('./luxon-e530060c.js');
-const global = require('./global-3386f874.js');
+const JSS = require('./JSS-c65a40f1.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-185b4bd0.js');
+const sqmPortalSectionView = require('./sqm-portal-section-view-3b6c990e.js');
 
 function ShareButtonView(props, children) {
   const vanillaStyle = `
@@ -43,23 +43,23 @@ function ShareButtonView(props, children) {
       !props.hidetext && children)));
 }
 
-const style$6 = {
+const style = {
   HostBlock: mixins.HostBlock,
   inputStyle: {
     "&::part(base)": { background: "white", opacity: "1", cursor: "pointer" },
   },
 };
-const sheet$6 = JSS.createStyleSheet(style$6);
-const styleString$6 = sheet$6.toString();
+const sheet = JSS.createStyleSheet(style);
+const styleString = sheet.toString();
 function ShareLinkView(props) {
   return (index.h("div", null,
-    index.h("style", { type: "text/css" }, styleString$6),
+    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$6.classes.inputStyle, exportparts: "label: input-label", value: props.shareString, readonly: true },
+      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$5 = {
+const style$1 = {
   HostBlock: mixins.HostBlock,
   ":host": {
     "min-height": "100vh",
@@ -97,17 +97,17 @@ const style$5 = {
     },
   },
 };
-const sheet$5 = JSS.createStyleSheet(style$5);
-const styleString$5 = sheet$5.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$5.classes.Frame },
-    index.h("style", { type: "text/css" }, styleString$5),
-    index.h("div", { class: sheet$5.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$5.classes.FooterWrapper }, data.footer)));
+    index.h("div", { class: sheet$1.classes.FooterWrapper }, data.footer)));
 }
 
 const EditProfileView = (props) => {
@@ -126,16 +126,16 @@ const EditProfileView = (props) => {
         index.h("div", { class: "FormSection" },
           states.formState.error && (index.h("sqm-form-message", { type: "error", exportparts: "erroralert-icon" },
             index.h("div", { part: "erroralert-text" }, states.formState.error))),
-          index.h("sl-input", { exportparts: "label: input-label", value: states.formState.firstName, onInput: callbacks.onChange, label: text.firstnametext, disabled: states.loading, ...(errors.firstName && errors.firstName.status !== "valid"
-              ? { class: "ErrorStyles", helpText: "Cannot be empty" }
-              : []), id: "firstName", name: "firstName", error: errors.firstName && errors.firstName.status !== "valid"
+          index.h("sl-input", Object.assign({ exportparts: "label: input-label", value: states.formState.firstName, onInput: callbacks.onChange, label: text.firstnametext, disabled: states.loading }, (errors.firstName && errors.firstName.status !== "valid"
+            ? { class: "ErrorStyles", helpText: "Cannot be empty" }
+            : []), { id: "firstName", name: "firstName", error: errors.firstName && errors.firstName.status !== "valid"
               ? errors.firstName.message
-              : undefined }),
-          index.h("sl-input", { exportparts: "label: input-label", value: states.formState.lastName, onInput: callbacks.onChange, label: text.lastnametext, disabled: states.loading, id: "lastName", name: "lastName", ...(errors.lastName && errors.lastName.status !== "valid"
-              ? { class: "ErrorStyles", helpText: "Cannot be empty" }
-              : []), error: errors.lastName && errors.lastName.status !== "valid"
-              ? errors.lastName.message
               : undefined })),
+          index.h("sl-input", Object.assign({ exportparts: "label: input-label", value: states.formState.lastName, onInput: callbacks.onChange, label: text.lastnametext, disabled: states.loading, id: "lastName", name: "lastName" }, (errors.lastName && errors.lastName.status !== "valid"
+            ? { class: "ErrorStyles", helpText: "Cannot be empty" }
+            : []), { error: errors.lastName && errors.lastName.status !== "valid"
+              ? errors.lastName.message
+              : undefined }))),
         text.showregion && states.formState.currentRegion && (index.h("sl-input", { exportparts: "label: input-label", disabled: true, value: states.formState.currentRegion, label: text.currentregiontext, id: "currentRegion", name: "currentRegion" })),
         index.h("div", { class: "ButtonWrapper" },
           index.h("sl-button", { onClick: () => {
@@ -164,7 +164,7 @@ const EditProfileView = (props) => {
       }, exportparts: "base: primarybutton-base" }, text.editprofiletext)));
 };
 
-const MessageLinkQuery$1 = index_module.dist.gql `
+const MessageLinkQuery = index_module.dist.gql `
   query ($programId: ID) {
     user: viewer {
       ... on User {
@@ -181,10 +181,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$1, { 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
   "...";
@@ -211,7 +211,7 @@ function useShareLink(props) {
   return { ...props, onClick, open, shareString };
 }
 
-const MessageLinkQuery = index_module.dist.gql `
+const MessageLinkQuery$1 = index_module.dist.gql `
   query (
     $programId: ID
     $engagementMedium: UserEngagementMedium!
@@ -263,24 +263,23 @@ function FacebookShare(directLink, res) {
 }
 function GenericShare(res) {
   var _a, _b;
-  return ((_b = (_a = res.data) === null || _a === void 0 ? void 0 : _a.viewer) === null || _b === void 0 ? void 0 : _b.messageLink)
-    ? window.open(res.data.viewer.messageLink)
+  return ((_b = (_a = res.data) === null || _a === void 0 ? void 0 : _a.viewer) === null || _b === void 0 ? void 0 : _b.messageLink) ? window.open(res.data.viewer.messageLink)
     : alert("error: message link undefined!");
 }
 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, 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);
@@ -343,33 +342,33 @@ function PortalChangePasswordView(props) {
   return (index.h("div", null,
     index.h("style", { type: "text/css" }, styleString),
     index.h("sl-dialog", { class: sheet.classes.Dialog, open: states.open, "onSl-hide": () => callbacks.setOpen(false) },
-      index.h(sqmPortalSectionView.PortalSectionView, { ...{
-          labelMargin: "x-large",
-          padding: "none",
-          label: (index.h(sqmTextSpanView.TextSpanView, { ...{ type: "h2" } }, states.content.modalChangePasswordHeader)),
-          content: (index.h(sqmPortalContainerView.PortalContainerView, { ...{ direction: "column", padding: "none", gap: "32px" } },
-            states.error && (index.h("sqm-form-message", { class: sheet.classes.Error, type: "error", exportparts: "erroralert-icon" },
-              index.h("div", { part: "erroralert-text" }, states.error))),
-            states.success && (index.h("sqm-form-message", { class: sheet.classes.Success, type: "success", exportparts: "successalert-icon" },
-              index.h("div", { part: "successalert-text" }, states.content.successMessage))),
-            index.h("sl-form", { "onSl-submit": callbacks.submit },
-              index.h("div", { class: sheet.classes.InputContainer },
-                index.h("sqm-password-field", { exportparts: "input-label: input-label", class: sheet.classes.PasswordField, fieldLabel: states.content.passwordFieldLabel }),
-                index.h("sl-input", { exportparts: "label: input-label", name: "/confirmPassword", label: states.content.confirmPasswordFieldLabel, required: true, togglePassword: true, disabled: states.loading, type: "password" })),
-              index.h(sqmPortalContainerView.PortalContainerView, { ...{ direction: "row", padding: "none", gap: "20px" } },
-                index.h("sl-button", { class: sheet.classes.ChangePasswordButton, type: "primary", submit: true, loading: states.loading }, states.content.changePasswordButtonText),
-                index.h("sl-button", { class: sheet.classes.CancelButton, type: "text", onClick: () => callbacks.setOpen(false) }, states.content.cancelText))))),
-        } })),
-    index.h(sqmPortalSectionView.PortalSectionView, { ...{
+      index.h(sqmPortalSectionView.PortalSectionView, Object.assign({}, {
         labelMargin: "x-large",
-        padding: "xxx-large",
-        label: (index.h(sqmTextSpanView.TextSpanView, { ...{ type: "h2" } }, states.content.portalChangePasswordHeader)),
-        content: (index.h("sl-button", { onClick: () => callbacks.setOpen(true) }, states.content.portalChangePasswordButtonText)),
-      } },
+        padding: "none",
+        label: (index.h(sqmTextSpanView.TextSpanView, Object.assign({}, { type: "h2" }), states.content.modalChangePasswordHeader)),
+        content: (index.h(sqmPortalContainerView.PortalContainerView, Object.assign({}, { direction: "column", padding: "none", gap: "32px" }),
+          states.error && (index.h("sqm-form-message", { class: sheet.classes.Error, type: "error", exportparts: "erroralert-icon" },
+            index.h("div", { part: "erroralert-text" }, states.error))),
+          states.success && (index.h("sqm-form-message", { class: sheet.classes.Success, type: "success", exportparts: "successalert-icon" },
+            index.h("div", { part: "successalert-text" }, states.content.successMessage))),
+          index.h("sl-form", { "onSl-submit": callbacks.submit },
+            index.h("div", { class: sheet.classes.InputContainer },
+              index.h("sqm-password-field", { exportparts: "input-label: input-label", class: sheet.classes.PasswordField, fieldLabel: states.content.passwordFieldLabel }),
+              index.h("sl-input", { exportparts: "label: input-label", name: "/confirmPassword", label: states.content.confirmPasswordFieldLabel, required: true, togglePassword: true, disabled: states.loading, type: "password" })),
+            index.h(sqmPortalContainerView.PortalContainerView, Object.assign({}, { direction: "row", padding: "none", gap: "20px" }),
+              index.h("sl-button", { class: sheet.classes.ChangePasswordButton, type: "primary", submit: true, loading: states.loading }, states.content.changePasswordButtonText),
+              index.h("sl-button", { class: sheet.classes.CancelButton, type: "text", onClick: () => callbacks.setOpen(false) }, states.content.cancelText))))),
+      }))),
+    index.h(sqmPortalSectionView.PortalSectionView, Object.assign({}, {
+      labelMargin: "x-large",
+      padding: "xxx-large",
+      label: (index.h(sqmTextSpanView.TextSpanView, Object.assign({}, { type: "h2" }), states.content.portalChangePasswordHeader)),
+      content: (index.h("sl-button", { onClick: () => callbacks.setOpen(true) }, states.content.portalChangePasswordButtonText)),
+    }),
       index.h("style", { type: "text/css" }, styleString))));
 }
 
-const style$4 = {
+const style$2 = {
   Wrapper: mixins.AuthWrapper,
   Column: mixins.AuthColumn,
   ForgotButtonContainer: {
@@ -382,7 +381,7 @@ const style$4 = {
   },
   ButtonsContainer: mixins.AuthButtonsContainer,
 };
-const vanillaStyle$1 = `
+const vanillaStyle = `
 :host {
   display: block;
 }
@@ -390,23 +389,23 @@ const vanillaStyle$1 = `
   display: none;
 }
 `;
-const sheet$4 = JSS.createStyleSheet(style$4);
-const styleString$4 = sheet$4.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$4.classes.Wrapper },
+  return (index.h("div", { class: sheet$2.classes.Wrapper },
     index.h("style", { type: "text/css" },
-      vanillaStyle$1,
-      styleString$4),
+      vanillaStyle,
+      styleString$2),
     index.h(sqmTextSpanView.TextSpanView, { type: "h3" }, content.pageLabel),
-    index.h("sl-form", { class: sheet$4.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$4.classes.ForgotButtonContainer }, content.forgotPasswordButton)),
-      index.h("div", { class: sheet$4.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))));
 }
@@ -422,7 +421,7 @@ const style$3 = {
   ButtonsContainer: mixins.AuthButtonsContainer,
   ErrorStyle: mixins.ErrorStyles,
 };
-const vanillaStyle = `
+const vanillaStyle$1 = `
 sqm-portal-register {
   margin: 0 auto;
   width: 100%;
@@ -447,14 +446,14 @@ function PortalRegisterView(props) {
   }
   return (index.h("div", { class: sheet$3.classes.Wrapper },
     index.h("style", { type: "text/css" },
-      vanillaStyle,
+      vanillaStyle$1,
       styleString$3),
     index.h(sqmTextSpanView.TextSpanView, { type: "h3" }, content.pageLabel),
     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,
-      !states.hideInputs && (index.h("sl-input", { exportparts: "label: input-label", type: "email", name: "/email", label: content.emailLabel || "Email", disabled: states.loading, required: true, validationError: ({ value }) => {
+      !states.hideInputs && (index.h("sl-input", Object.assign({ exportparts: "label: input-label", type: "email", name: "/email", label: content.emailLabel || "Email", disabled: states.loading, required: true, validationError: ({ value }) => {
           if (!value) {
             return "Cannot be empty";
           }
@@ -462,29 +461,27 @@ function PortalRegisterView(props) {
           if (!value.includes("@")) {
             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$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",
-          }
-          : []) })),
+        } }, (((_b = (_a = states.validationState) === null || _a === void 0 ? void 0 : _a.validationErrors) === null || _b === void 0 ? void 0 : _b.email) ? {
+        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",
+      }
+        : [])))),
       !states.hideInputs && (index.h("sqm-password-field", { fieldLabel: content.passwordLabel, "enable-validation": states.enablePasswordValidation })),
       content.passwordField,
-      !states.hideInputs && states.confirmPassword && (index.h("sl-input", { 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$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",
-          }
-          : []) })),
+      !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$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$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$2 = {
+const style$4 = {
   Description: {
     "& input[type=checkbox]": {
       display: "none",
@@ -523,20 +520,20 @@ const style$2 = {
     },
   },
 };
-const sheet$2 = JSS.createStyleSheet(style$2);
-const styleString$2 = sheet$2.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$2),
-    index.h("span", { class: sheet$2.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" })),
       index.h("span", { class: "summary", "progress-bar": props.progressBar }, props.content.description))));
 }
 
-const Gift$1 = () => {
+const Gift = () => {
   return (index.h("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
     index.h("path", { d: "M15 5H12.4508H9V16H13.5C14.0523 16 14.5 15.5523 14.5 15V9H15C15.5523 9 16 8.55228 16 8V6C16 5.44772 15.5523 5 15 5Z", fill: "#F2C94C" }),
     index.h("path", { d: "M1.5 9V15C1.5 15.5523 1.94772 16 2.5 16H7V5H4.64242H1C0.447715 5 0 5.44772 0 6V8C0 8.55228 0.447715 9 1 9H1.5Z", fill: "#F2C94C" }),
@@ -544,7 +541,7 @@ const Gift$1 = () => {
     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$1 = {
+const style$5 = {
   ProgressBar: {
     "& .progress-bar": {
       height: "0",
@@ -653,8 +650,8 @@ const style$1 = {
     },
   },
 };
-const sheet$1 = JSS.createStyleSheet(style$1, { classNamePrefix: "sqm-prog-bar" });
-const styleString$1 = sheet$1.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;
@@ -663,8 +660,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$1.classes.ProgressBar, "data-expired": expired, "data-steps": steps, "data-done": goal <= progress },
-    index.h("style", { type: "text/css" }, styleString$1),
+  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"
@@ -715,14 +712,14 @@ function addSteps({ progress, goal }) {
     columns.push("0fr");
     items.push(index.h("div", { class: "filled" }));
     items.push(index.h("div", { class: "progress bg" }, goal));
-    items.push(index.h("div", { class: "gift" }, index.h(Gift$1, null)));
+    items.push(index.h("div", { class: "gift" }, index.h(Gift, null)));
   }
   // reward fail
   else {
     columns.push("0fr");
     items.push(index.h("div", { class: "remain" }));
     items.push(index.h("div", { class: "empty bg" }, goal));
-    items.push(index.h("div", { class: "gift bw" }, index.h(Gift$1, null)));
+    items.push(index.h("div", { class: "gift bw" }, index.h(Gift, null)));
   }
   return {
     items,
@@ -742,10 +739,10 @@ function addLinearRepeatable({ progress, goal, progressBarUnit, finite, }) {
     items.push(index.h("div", { class: "remain" }));
     items.push(index.h("div", { class: "progress bg" }, progressBarUnit + goal));
     items.push(index.h("div", { class: progress == goal ? "gift" : "gift bw" },
-      index.h(Gift$1, null)));
+      index.h(Gift, null)));
     items.push(index.h("div", { class: "remain" }));
     items.push(index.h("div", { class: "progress bg" }, progressBarUnit + goal * 2));
-    items.push(index.h("div", { class: "gift bw" }, index.h(Gift$1, null)));
+    items.push(index.h("div", { class: "gift bw" }, index.h(Gift, null)));
   }
   // single repetition
   else if (repetitions == 1) {
@@ -753,18 +750,18 @@ function addLinearRepeatable({ progress, goal, progressBarUnit, finite, }) {
       "0.5fr 0fr 0fr " + ratio + "fr 0fr " + (0.5 - ratio) + "fr 0fr 0fr";
     items.push(index.h("div", { class: "filled" }));
     items.push(index.h("div", { class: "progress bg" }, progressBarUnit + goal));
-    items.push(index.h("div", { class: "gift" }, index.h(Gift$1, null)));
+    items.push(index.h("div", { class: "gift" }, index.h(Gift, null)));
     items.push(index.h("div", { class: "filled" }));
     items.push(index.h("div", { class: progress == goal ? "progress top bg" : "progress top" }, progress == goal ? "" : progressBarUnit + progress));
     items.push(index.h("div", { class: "remain" }));
     items.push(index.h("div", { class: "progress bg" }, progressBarUnit + goal * 2));
-    items.push(index.h("div", { class: "gift bw" }, index.h(Gift$1, null)));
+    items.push(index.h("div", { class: "gift bw" }, index.h(Gift, null)));
   }
   // finite repetition hit
   else if (finite && repetitions >= finite) {
     if (repetitions > 2) {
       items.push(index.h("div", { class: "progress bg" }, progressBarUnit + goal * (finite - 2)));
-      items.push(index.h("div", { class: "gift start" }, index.h(Gift$1, null)));
+      items.push(index.h("div", { class: "gift start" }, index.h(Gift, null)));
       columns = "0fr 0fr 0.5fr 0fr 0fr 0.5fr 0fr 0fr";
     }
     else {
@@ -772,10 +769,10 @@ function addLinearRepeatable({ progress, goal, progressBarUnit, finite, }) {
     }
     items.push(index.h("div", { class: "filled" }));
     items.push(index.h("div", { class: "progress bg" }, progressBarUnit + goal * (finite - 1)));
-    items.push(index.h("div", { class: "gift" }, index.h(Gift$1, null)));
+    items.push(index.h("div", { class: "gift" }, index.h(Gift, null)));
     items.push(index.h("div", { class: "filled" }));
     items.push(index.h("div", { class: "progress bg" }, progressBarUnit + goal * finite));
-    items.push(index.h("div", { class: "gift" }, index.h(Gift$1, null)));
+    items.push(index.h("div", { class: "gift" }, index.h(Gift, null)));
   }
   // multiple repetitions
   else {
@@ -786,15 +783,15 @@ function addLinearRepeatable({ progress, goal, progressBarUnit, finite, }) {
         (0.5 - ratio) +
         "fr 0fr 0fr";
     items.push(index.h("div", { class: "progress bg" }, progressBarUnit + goal * (repetitions - 1)));
-    items.push(index.h("div", { class: "gift start" }, index.h(Gift$1, null)));
+    items.push(index.h("div", { class: "gift start" }, index.h(Gift, null)));
     items.push(index.h("div", { class: "filled" }));
     items.push(index.h("div", { class: "progress bg" }, progressBarUnit + goal * repetitions));
-    items.push(index.h("div", { class: "gift" }, index.h(Gift$1, null)));
+    items.push(index.h("div", { class: "gift" }, index.h(Gift, null)));
     items.push(index.h("div", { class: "filled" }));
     items.push(index.h("div", { class: progress == goal * repetitions ? "progress top bg" : "progress top" }, progress == goal * repetitions ? "" : progressBarUnit + progress));
     items.push(index.h("div", { class: "remain" }));
     items.push(index.h("div", { class: "progress bg" }, progressBarUnit + goal * (repetitions + 1)));
-    items.push(index.h("div", { class: "gift bw" }, index.h(Gift$1, null)));
+    items.push(index.h("div", { class: "gift bw" }, index.h(Gift, null)));
   }
   return { items, columns };
 }
@@ -813,14 +810,14 @@ function addStepsRepeatable({ progress, goal, finite, }) {
           columns.push("0fr");
           items.push(index.h("div", { class: "remain" }));
           items.push(index.h("div", { class: "empty bg" }, goal));
-          items.push(index.h("div", { class: "gift bw" }, index.h(Gift$1, null)));
+          items.push(index.h("div", { class: "gift bw" }, index.h(Gift, null)));
         }
         else if (i == goal * 2) {
           columns.push("0fr");
           columns.push("0fr");
           items.push(index.h("div", { class: "remain" }));
           items.push(index.h("div", { class: "empty bg" }, goal * 2));
-          items.push(index.h("div", { class: "gift bw" }, index.h(Gift$1, null)));
+          items.push(index.h("div", { class: "gift bw" }, index.h(Gift, null)));
         }
         else {
           items.push(index.h("div", { class: "remain" }));
@@ -831,7 +828,7 @@ function addStepsRepeatable({ progress, goal, finite, }) {
         columns.push("0fr");
         items.push(index.h("div", { class: "filled" }));
         items.push(index.h("div", { class: "progress bg" }, i));
-        items.push(index.h("div", { class: "gift" }, index.h(Gift$1, null)));
+        items.push(index.h("div", { class: "gift" }, index.h(Gift, null)));
       }
       else {
         items.push(index.h("div", { class: "filled" }));
@@ -846,7 +843,7 @@ function addStepsRepeatable({ progress, goal, finite, }) {
       columns.push("0fr");
       columns.push("0fr");
       items.push(index.h("div", { class: "progress bg" }, goal * (finite - 2)));
-      items.push(index.h("div", { class: "gift start" }, index.h(Gift$1, null)));
+      items.push(index.h("div", { class: "gift start" }, index.h(Gift, null)));
     }
     for (let i = 1; i < goal * 2 + 1; i++) {
       columns.push(ratio + "fr");
@@ -856,21 +853,21 @@ function addStepsRepeatable({ progress, goal, finite, }) {
           columns.push("0fr");
           items.push(index.h("div", { class: "remain" }));
           items.push(index.h("div", { class: "progress bg" }, goal * (finite - 1)));
-          items.push(index.h("div", { class: "gift bw" }, index.h(Gift$1, null)));
+          items.push(index.h("div", { class: "gift bw" }, index.h(Gift, null)));
         }
       }
       else if (i == goal) {
         columns.push("0fr");
         items.push(index.h("div", { class: "filled" }));
         items.push(index.h("div", { class: "progress bg" }, goal * (finite - 1)));
-        items.push(index.h("div", { class: "gift" }, index.h(Gift$1, null)));
+        items.push(index.h("div", { class: "gift" }, index.h(Gift, null)));
       }
       else if (i == goal * 2) {
         columns.push("0fr");
         columns.push("0fr");
         items.push(index.h("div", { class: "filled" }));
         items.push(index.h("div", { class: "progress bg" }, goal * finite));
-        items.push(index.h("div", { class: "gift" }, index.h(Gift$1, null)));
+        items.push(index.h("div", { class: "gift" }, index.h(Gift, null)));
       }
       else {
         items.push(index.h("div", { class: "filled" }));
@@ -885,7 +882,7 @@ function addStepsRepeatable({ progress, goal, finite, }) {
     columns.push("0fr");
     columns.push("0fr");
     items.push(index.h("div", { class: "progress bg" }, goal * (repetitions - 1)));
-    items.push(index.h("div", { class: "gift start" }, index.h(Gift$1, null)));
+    items.push(index.h("div", { class: "gift start" }, index.h(Gift, null)));
     for (let i = 1; i < goal * 2 + 1; i++) {
       columns.push(ratio + "fr");
       columns.push("0fr");
@@ -894,7 +891,7 @@ function addStepsRepeatable({ progress, goal, finite, }) {
           columns.push("0fr");
           items.push(index.h("div", { class: "filled" }));
           items.push(index.h("div", { class: "progress bg" }, i + goal * (repetitions - 1)));
-          items.push(index.h("div", { class: "gift" }, index.h(Gift$1, null)));
+          items.push(index.h("div", { class: "gift" }, index.h(Gift, null)));
         }
         else {
           items.push(index.h("div", { class: "filled" }));
@@ -907,7 +904,7 @@ function addStepsRepeatable({ progress, goal, finite, }) {
           columns.push("0fr");
           items.push(index.h("div", { class: "remain" }));
           items.push(index.h("div", { class: "empty bg" }, i + goal * (repetitions - 1)));
-          items.push(index.h("div", { class: "gift bw" }, index.h(Gift$1, null)));
+          items.push(index.h("div", { class: "gift bw" }, index.h(Gift, null)));
         }
         else {
           items.push(index.h("div", { class: "remain" }));
@@ -935,7 +932,7 @@ function addLinear({ progress, goal, progressBarUnit, }) {
   items.push(index.h("div", { class: "remain" }));
   items.push(index.h("div", { class: "progress bg" }, progressBarUnit + goal));
   items.push(index.h("div", { class: clamp(progress, 0, goal) == goal ? "gift" : "gift bw" },
-    index.h(Gift$1, null)));
+    index.h(Gift, null)));
   return { items, columns };
 }
 function clamp(x, min, max) {
@@ -956,7 +953,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 = {
+const style$6 = {
   TaskCard: {
     display: "inline-block",
     width: "100%",
@@ -1107,8 +1104,8 @@ const style = {
     },
   },
 };
-const sheet = JSS.createStyleSheet(style);
-const styleString = sheet.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));
@@ -1146,11 +1143,11 @@ function TaskCardView(props) {
 		margin-bottom: var(--sl-spacing-large);
 	}
   `;
-  return (index.h("div", { class: sheet.classes.TaskCard },
+  return (index.h("div", { class: sheet$6.classes.TaskCard },
     index.h("style", { type: "text/css" },
-      styleString,
+      styleString$6,
       vanillaStyle),
-    !states.loading && taskNotStarted && (index.h("div", { class: sheet.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({
@@ -1161,7 +1158,7 @@ function TaskCardView(props) {
           .setLocale(utils.luxonLocale(states.locale))
           .toLocaleString(luxon.luxon.DateTime.DATETIME_MED),
       }))),
-    !states.loading && taskEnded && (index.h("div", { class: sheet.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({
@@ -1181,7 +1178,7 @@ function TaskCardView(props) {
           ? "main complete"
           : "main" },
       index.h("div", { class: taskComplete || taskUnavailable ? "container subdued" : "container" },
-        index.h("div", { class: sheet.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)))),
@@ -1194,9 +1191,9 @@ function TaskCardView(props) {
                   : ""
               : "",
           } }, content.cardTitle)),
-        states.loading ? (index.h("sl-skeleton", { style: { margin: "var(--sl-spacing-medium) 0" } })) : (content.description && index.h(Details, { ...props })),
-        content.showProgressBar && states.loading ? (index.h("sl-skeleton", { style: { margin: "var(--sl-spacing-medium) 0" } })) : (content.showProgressBar && (index.h(ProgressBarView, { ...props.content, ...props.states, complete: taskComplete, expired: taskUnavailable }))),
-        index.h("div", { class: sheet.classes.Footer }, states.loading ? (index.h("sl-skeleton", { style: { width: "25%", marginLeft: "auto" } })) : (index.h("div", { style: { display: "contents" } },
+        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$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
@@ -1264,7 +1261,7 @@ const CheckMark = () => (index.h("svg", { width: 12, height: 10, fill: "none", x
 const CheckmarkFilled = () => (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 = () => (index.h("svg", { width: 156, height: 157, fill: "none", xmlns: "http://www.w3.org/2000/svg" },
+const Gift$1 = () => (index.h("svg", { width: 156, height: 157, fill: "none", xmlns: "http://www.w3.org/2000/svg" },
   index.h("path", { d: "M40.18 126h83.663a3 3 0 0 0 3-3V73.966a3 3 0 0 0-3-3H40.18a3 3 0 0 0-3 3V123a3 3 0 0 0 3 3Z", fill: "#FFD34F" }),
   index.h("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M37.18 73.862v7.966h89.663v-7.966H37.18Z", fill: "#E9BB30" }),
   index.h("path", { d: "M133.039 74.224a2.18 2.18 0 0 0 2.187-2.172v-19.19c0-1.2-.98-2.172-2.187-2.172H31.347a2.18 2.18 0 0 0-2.187 2.172v19.19c0 1.2.98 2.172 2.187 2.172H133.04Z", fill: "#FFC000" }),
@@ -1788,7 +1785,7 @@ function RewardExchangeView(props) {
     var _a, _b, _c, _d, _e;
     console.log("success");
     return (index.h("div", { class: sheet.classes.Success },
-      index.h(Gift, null),
+      index.h(Gift$1, null),
       index.h(Confetti, null),
       index.h("div", { class: "title" }, states.content.text.rewardRedeemedText),
       index.h("div", { class: "description" }, global.intl.formatMessage({
@@ -1796,8 +1793,7 @@ function RewardExchangeView(props) {
         defaultMessage: states.content.text.redemptionSuccessText,
       }, {
         sourceValue: (_a = states.selectedItem.prettySourceValue) !== null && _a !== void 0 ? _a : (_b = states.selectedStep) === null || _b === void 0 ? void 0 : _b.prettySourceValue,
-        destinationValue: ((_c = states.selectedStep) === null || _c === void 0 ? void 0 : _c.prettyDestinationValue) ||
-          ((_d = states.selectedItem) === null || _d === void 0 ? void 0 : _d.name) ||
+        destinationValue: ((_c = states.selectedStep) === null || _c === void 0 ? void 0 : _c.prettyDestinationValue) || ((_d = states.selectedItem) === null || _d === void 0 ? void 0 : _d.name) ||
           states.selectedItem.globalRewardKey,
       })),
       (data === null || data === void 0 ? void 0 : data.fuelTankCode) && (index.h("div", { style: {
@@ -1928,7 +1924,7 @@ const lScale = [
   0.32,
   0.25,
   0.18,
-  0.15, //weight 950
+  0.15,
 ];
 // https://github.com/ricokahler/color2k/blob/main/src/parseToRgba.ts
 const hslaRegex = /^hsla?\(\s*([\d.]+)\s*,\s*([\d.]+)%\s*,\s*([\d.]+)%(?:\s*,\s*([\d.]+))?\s*\)$/i;