@saasquatch/mint-components 1.8.0-3 → 1.8.0-31

package/dist/cjs/{GenericTableView-380b83e2.js → GenericTableView-28f90cbb.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-const index = require('./index-b0129cd6.js');
+const index = require('./index-78c52836.js');
 const mixins = require('./mixins-fe9d4112.js');
 const JSS = require('./JSS-8503a151.js');
 

package/dist/cjs/{ShadowViewAddon-b02cb48f.js → ShadowViewAddon-49929125.js}

@@ -1,17 +1,19 @@
 'use strict';
 
-const index = require('./index-b0129cd6.js');
-const stencilHooks_module = require('./stencil-hooks.module-e4bf7f2d.js');
-const global = require('./global-6785de71.js');
-const index_module = require('./index.module-02576958.js');
+const index = require('./index-78c52836.js');
+const stencilHooks_module = require('./stencil-hooks.module-3cde842e.js');
+const global = require('./global-6abfadf1.js');
+const index_module = require('./index.module-5ec87464.js');
 const cjs = require('./cjs-1066ec21.js');
 const mixins = require('./mixins-fe9d4112.js');
 const JSS = require('./JSS-8503a151.js');
-const useChildElements = require('./useChildElements-74eb05b6.js');
-const luxon = require('./luxon-53e983a6.js');
+const useChildElements = require('./useChildElements-54e177d4.js');
+const luxon = require('./luxon-27be0d82.js');
 const utils = require('./utils-6847bc06.js');
-const sqmTextSpanView = require('./sqm-text-span-view-e1cd9bd3.js');
-const sqmPortalContainerView = require('./sqm-portal-container-view-5fb2ad49.js');
+const sqmTextSpanView = require('./sqm-text-span-view-2e945b0c.js');
+const index$1 = require('./index-8c6255f5.js');
+const utilities = require('./utilities-300f923a.js');
+const sqmPortalContainerView = require('./sqm-portal-container-view-e565003b.js');
 
 const medium = {
   facebook: { color: "#1877f2", text: "#fff", icon: "facebook" },
@@ -361,23 +363,23 @@ const EditProfileView = (props) => {
           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", 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" }
+            ? { class: "ErrorStyles", helpText: text.fieldEmptyText }
             : []), { id: "firstName", name: "firstName", error: errors.firstName && errors.firstName.status !== "valid"
               ? errors.firstName.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" }
+            ? { class: "ErrorStyles", helpText: text.fieldEmptyText }
             : []), { 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: () => {
-              callbacks.setShowEdit(false);
-            }, exportparts: "base: defaultbutton-base" }, text.canceltext),
           index.h("sl-button", { type: "primary", loading: states.loading, disabled: states.submitDisabled, onClick: (e) => {
               callbacks.onSubmit(e);
-            }, submit: true, exportparts: "base: primarybutton-base" }, text.updatetext)))));
+            }, submit: true, exportparts: "base: primarybutton-base" }, text.updatetext),
+          index.h("sl-button", { onClick: () => {
+              callbacks.setShowEdit(false);
+            }, exportparts: "base: defaultbutton-base" }, text.canceltext)))));
   }
   return (index.h("div", { class: `CardWrapper FormWrapper ${!states.showEdit && "ShowEdit"}`, part: "sqm-base" },
     index.h("div", { class: "FormSection" },
@@ -399,10 +401,14 @@ const EditProfileView = (props) => {
 };
 
 const MessageLinkQuery = index_module.dist.gql `
-  query ($programId: ID) {
+  query ($programId: ID, $engagementMedium: UserEngagementMedium!) {
     user: viewer {
       ... on User {
-        shareLink(programId: $programId)
+        shareLink(
+          programId: $programId
+          engagementMedium: $engagementMedium
+          shareMedium: DIRECT
+        )
       }
     }
   }
@@ -417,7 +423,7 @@ function useShareLink(props) {
   const { programId = index_module.W() } = props;
   const user = index_module.H();
   const engagementMedium = index_module.T();
-  const { data } = index_module.mn(MessageLinkQuery, { programId }, !(user === null || user === void 0 ? void 0 : user.jwt));
+  const { data } = index_module.mn(MessageLinkQuery, { programId, engagementMedium }, !(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
@@ -463,11 +469,11 @@ const MessageLinkQuery$1 = index_module.dist.gql `
     }
   }
 `;
-function NativeShare(props, directLink) {
+function NativeShare(props, directLink, undefinedErrorText, unsupportedPlatformText) {
   const title = props.sharetitle || "Share title";
   const text = props.sharetext || "Share text";
   if (directLink === "undefined") {
-    return alert("error: message link undefined!");
+    return alert(undefinedErrorText);
   }
   if (window.navigator.share) {
     window.navigator
@@ -479,26 +485,26 @@ function NativeShare(props, directLink) {
       .catch((error) => console.error("Error on web share", error));
   }
   else {
-    alert("Not on a supported device");
+    alert(unsupportedPlatformText);
   }
 }
-function FacebookShare(directLink, res) {
+function FacebookShare(directLink, res, errorText) {
   var _a, _b;
   if (((_b = (_a = res.data) === null || _a === void 0 ? void 0 : _a.viewer) === null || _b === void 0 ? void 0 : _b.messageLink) === "undefined" ||
     directLink === "undefined") {
-    return alert("error: message link undefined!");
+    return alert(errorText);
   }
   if (typeof SquatchAndroid.shareOnFacebook !== "undefined") {
     return SquatchAndroid.shareOnFacebook(directLink, res.data.viewer.messageLink);
   }
   else {
-    return GenericShare(res);
+    return GenericShare(res, errorText);
   }
 }
-function GenericShare(res) {
+function GenericShare(res, errorText) {
   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)
-    : alert("error: message link undefined!");
+    : alert(errorText);
 }
 function useShareButton(props) {
   var _a, _b;
@@ -520,312 +526,18 @@ function useShareButton(props) {
   function onClick() {
     if (medium.toLocaleUpperCase() === "FACEBOOK" &&
       environment.type === "SquatchAndroid") {
-      FacebookShare(directLink, res);
+      FacebookShare(directLink, res, props.errorText);
     }
     else if (medium.toLocaleUpperCase() === "DIRECT") {
-      NativeShare({ sharetitle, sharetext }, directLink);
+      NativeShare({ sharetitle, sharetext }, directLink, props.errorText, props.unsupportedPlatformText);
     }
     else {
-      GenericShare(res);
+      GenericShare(res, props.errorText);
     }
   }
   return { ...props, loading: res.loading, onClick, hide };
 }
 
-/**
- * Tokenize input string.
- */
-function lexer(str) {
-    var tokens = [];
-    var i = 0;
-    while (i < str.length) {
-        var char = str[i];
-        if (char === "*" || char === "+" || char === "?") {
-            tokens.push({ type: "MODIFIER", index: i, value: str[i++] });
-            continue;
-        }
-        if (char === "\\") {
-            tokens.push({ type: "ESCAPED_CHAR", index: i++, value: str[i++] });
-            continue;
-        }
-        if (char === "{") {
-            tokens.push({ type: "OPEN", index: i, value: str[i++] });
-            continue;
-        }
-        if (char === "}") {
-            tokens.push({ type: "CLOSE", index: i, value: str[i++] });
-            continue;
-        }
-        if (char === ":") {
-            var name = "";
-            var j = i + 1;
-            while (j < str.length) {
-                var code = str.charCodeAt(j);
-                if (
-                // `0-9`
-                (code >= 48 && code <= 57) ||
-                    // `A-Z`
-                    (code >= 65 && code <= 90) ||
-                    // `a-z`
-                    (code >= 97 && code <= 122) ||
-                    // `_`
-                    code === 95) {
-                    name += str[j++];
-                    continue;
-                }
-                break;
-            }
-            if (!name)
-                throw new TypeError("Missing parameter name at " + i);
-            tokens.push({ type: "NAME", index: i, value: name });
-            i = j;
-            continue;
-        }
-        if (char === "(") {
-            var count = 1;
-            var pattern = "";
-            var j = i + 1;
-            if (str[j] === "?") {
-                throw new TypeError("Pattern cannot start with \"?\" at " + j);
-            }
-            while (j < str.length) {
-                if (str[j] === "\\") {
-                    pattern += str[j++] + str[j++];
-                    continue;
-                }
-                if (str[j] === ")") {
-                    count--;
-                    if (count === 0) {
-                        j++;
-                        break;
-                    }
-                }
-                else if (str[j] === "(") {
-                    count++;
-                    if (str[j + 1] !== "?") {
-                        throw new TypeError("Capturing groups are not allowed at " + j);
-                    }
-                }
-                pattern += str[j++];
-            }
-            if (count)
-                throw new TypeError("Unbalanced pattern at " + i);
-            if (!pattern)
-                throw new TypeError("Missing pattern at " + i);
-            tokens.push({ type: "PATTERN", index: i, value: pattern });
-            i = j;
-            continue;
-        }
-        tokens.push({ type: "CHAR", index: i, value: str[i++] });
-    }
-    tokens.push({ type: "END", index: i, value: "" });
-    return tokens;
-}
-/**
- * Parse a string for the raw tokens.
- */
-function parse(str, options) {
-    if (options === void 0) { options = {}; }
-    var tokens = lexer(str);
-    var _a = options.prefixes, prefixes = _a === void 0 ? "./" : _a;
-    var defaultPattern = "[^" + escapeString(options.delimiter || "/#?") + "]+?";
-    var result = [];
-    var key = 0;
-    var i = 0;
-    var path = "";
-    var tryConsume = function (type) {
-        if (i < tokens.length && tokens[i].type === type)
-            return tokens[i++].value;
-    };
-    var mustConsume = function (type) {
-        var value = tryConsume(type);
-        if (value !== undefined)
-            return value;
-        var _a = tokens[i], nextType = _a.type, index = _a.index;
-        throw new TypeError("Unexpected " + nextType + " at " + index + ", expected " + type);
-    };
-    var consumeText = function () {
-        var result = "";
-        var value;
-        // tslint:disable-next-line
-        while ((value = tryConsume("CHAR") || tryConsume("ESCAPED_CHAR"))) {
-            result += value;
-        }
-        return result;
-    };
-    while (i < tokens.length) {
-        var char = tryConsume("CHAR");
-        var name = tryConsume("NAME");
-        var pattern = tryConsume("PATTERN");
-        if (name || pattern) {
-            var prefix = char || "";
-            if (prefixes.indexOf(prefix) === -1) {
-                path += prefix;
-                prefix = "";
-            }
-            if (path) {
-                result.push(path);
-                path = "";
-            }
-            result.push({
-                name: name || key++,
-                prefix: prefix,
-                suffix: "",
-                pattern: pattern || defaultPattern,
-                modifier: tryConsume("MODIFIER") || ""
-            });
-            continue;
-        }
-        var value = char || tryConsume("ESCAPED_CHAR");
-        if (value) {
-            path += value;
-            continue;
-        }
-        if (path) {
-            result.push(path);
-            path = "";
-        }
-        var open = tryConsume("OPEN");
-        if (open) {
-            var prefix = consumeText();
-            var name_1 = tryConsume("NAME") || "";
-            var pattern_1 = tryConsume("PATTERN") || "";
-            var suffix = consumeText();
-            mustConsume("CLOSE");
-            result.push({
-                name: name_1 || (pattern_1 ? key++ : ""),
-                pattern: name_1 && !pattern_1 ? defaultPattern : pattern_1,
-                prefix: prefix,
-                suffix: suffix,
-                modifier: tryConsume("MODIFIER") || ""
-            });
-            continue;
-        }
-        mustConsume("END");
-    }
-    return result;
-}
-/**
- * Escape a regular expression string.
- */
-function escapeString(str) {
-    return str.replace(/([.+*?=^!:${}()[\]|/\\])/g, "\\$1");
-}
-/**
- * Get the flags for a regexp from the options.
- */
-function flags(options) {
-    return options && options.sensitive ? "" : "i";
-}
-/**
- * Pull out keys from a regexp.
- */
-function regexpToRegexp(path, keys) {
-    if (!keys)
-        return path;
-    var groupsRegex = /\((?:\?<(.*?)>)?(?!\?)/g;
-    var index = 0;
-    var execResult = groupsRegex.exec(path.source);
-    while (execResult) {
-        keys.push({
-            // Use parenthesized substring match if available, index otherwise
-            name: execResult[1] || index++,
-            prefix: "",
-            suffix: "",
-            modifier: "",
-            pattern: ""
-        });
-        execResult = groupsRegex.exec(path.source);
-    }
-    return path;
-}
-/**
- * Transform an array into a regexp.
- */
-function arrayToRegexp(paths, keys, options) {
-    var parts = paths.map(function (path) { return pathToRegexp(path, keys, options).source; });
-    return new RegExp("(?:" + parts.join("|") + ")", flags(options));
-}
-/**
- * Create a path regexp from string input.
- */
-function stringToRegexp(path, keys, options) {
-    return tokensToRegexp(parse(path, options), keys, options);
-}
-/**
- * Expose a function for taking tokens and returning a RegExp.
- */
-function tokensToRegexp(tokens, keys, options) {
-    if (options === void 0) { options = {}; }
-    var _a = options.strict, strict = _a === void 0 ? false : _a, _b = options.start, start = _b === void 0 ? true : _b, _c = options.end, end = _c === void 0 ? true : _c, _d = options.encode, encode = _d === void 0 ? function (x) { return x; } : _d;
-    var endsWith = "[" + escapeString(options.endsWith || "") + "]|$";
-    var delimiter = "[" + escapeString(options.delimiter || "/#?") + "]";
-    var route = start ? "^" : "";
-    // Iterate over the tokens and create our regexp string.
-    for (var _i = 0, tokens_1 = tokens; _i < tokens_1.length; _i++) {
-        var token = tokens_1[_i];
-        if (typeof token === "string") {
-            route += escapeString(encode(token));
-        }
-        else {
-            var prefix = escapeString(encode(token.prefix));
-            var suffix = escapeString(encode(token.suffix));
-            if (token.pattern) {
-                if (keys)
-                    keys.push(token);
-                if (prefix || suffix) {
-                    if (token.modifier === "+" || token.modifier === "*") {
-                        var mod = token.modifier === "*" ? "?" : "";
-                        route += "(?:" + prefix + "((?:" + token.pattern + ")(?:" + suffix + prefix + "(?:" + token.pattern + "))*)" + suffix + ")" + mod;
-                    }
-                    else {
-                        route += "(?:" + prefix + "(" + token.pattern + ")" + suffix + ")" + token.modifier;
-                    }
-                }
-                else {
-                    route += "(" + token.pattern + ")" + token.modifier;
-                }
-            }
-            else {
-                route += "(?:" + prefix + suffix + ")" + token.modifier;
-            }
-        }
-    }
-    if (end) {
-        if (!strict)
-            route += delimiter + "?";
-        route += !options.endsWith ? "$" : "(?=" + endsWith + ")";
-    }
-    else {
-        var endToken = tokens[tokens.length - 1];
-        var isEndDelimited = typeof endToken === "string"
-            ? delimiter.indexOf(endToken[endToken.length - 1]) > -1
-            : // tslint:disable-next-line
-                endToken === undefined;
-        if (!strict) {
-            route += "(?:" + delimiter + "(?=" + endsWith + "))?";
-        }
-        if (!isEndDelimited) {
-            route += "(?=" + delimiter + "|" + endsWith + ")";
-        }
-    }
-    return new RegExp(route, flags(options));
-}
-/**
- * Normalize the given path string, returning a regular expression.
- *
- * An empty array can be passed in for the keys, which will hold the
- * placeholder key descriptions. For example, using `/user/:id`, `keys` will
- * contain `[{ name: 'id', delimiter: '/', optional: false, repeat: false }]`.
- */
-function pathToRegexp(path, keys, options) {
-    if (path instanceof RegExp)
-        return regexpToRegexp(path, keys);
-    if (Array.isArray(path))
-        return arrayToRegexp(path, keys, options);
-    return stringToRegexp(path, keys, options);
-}
-
 const debug = stencilHooks_module.browser("sq:useBigStat");
 const LOADING = "...";
 const debugQuery = (query, variables, getStat) => {
@@ -1463,8 +1175,8 @@ const trafficQuery = () => {
         }
       }
     `, {}, (res) => {
-    var _a, _b;
-    const traffic = (_b = (_a = res.data) === null || _a === void 0 ? void 0 : _a.viewer) === null || _b === void 0 ? void 0 : _b.stats.traffic;
+    var _a, _b, _c;
+    const traffic = (_c = (_b = (_a = res.data) === null || _a === void 0 ? void 0 : _a.viewer) === null || _b === void 0 ? void 0 : _b.stats) === null || _c === void 0 ? void 0 : _c.traffic;
     const fallback = 0;
     return {
       value: traffic || fallback,
@@ -1472,6 +1184,60 @@ const trafficQuery = () => {
     };
   });
 };
+const userStatsQuery = (_programId, _locale, statId) => {
+  const statArg = {
+    [statId]: true,
+  };
+  const variables = {
+    traffic: false,
+    referrals: false,
+    conversions: false,
+    goals: false,
+    rewards: false,
+    widgetLoads: false,
+    revenue: false,
+    generatedRevenue: false,
+    referredRevenue: false,
+    ...statArg,
+  };
+  return debugQuery(index_module.dist.gql `
+      query userStat(
+        $traffic: Boolean!
+        $referrals: Boolean!
+        $conversions: Boolean!
+        $goals: Boolean!
+        $rewards: Boolean!
+        $widgetLoads: Boolean!
+        $revenue: Boolean!
+        $generatedRevenue: Boolean!
+        $referredRevenue: Boolean!
+      ) {
+        viewer: viewer {
+          ... on User {
+            stats {
+              traffic @include(if: $traffic)
+              referrals @include(if: $referrals)
+              conversions @include(if: $conversions)
+              goals @include(if: $goals)
+              rewards @include(if: $rewards)
+              widgetLoads @include(if: $widgetLoads)
+              revenue @include(if: $revenue)
+              generatedRevenue @include(if: $generatedRevenue)
+              referredRevenue @include(if: $referredRevenue)
+            }
+          }
+        }
+      }
+    `, { ...variables }, (res) => {
+    var _a, _b, _c;
+    const stat = (_c = (_b = (_a = res.data) === null || _a === void 0 ? void 0 : _a.viewer) === null || _b === void 0 ? void 0 : _b.stats) === null || _c === void 0 ? void 0 : _c[statId];
+    const fallback = 0;
+    return {
+      value: stat || fallback,
+      statvalue: stat || fallback,
+    };
+  });
+};
 // functions are of the form (programId: string, ...args: string) => string
 const queries = {
   rewardsAssigned: {
@@ -1546,6 +1312,10 @@ const queries = {
     label: "Traffic",
     query: trafficQuery,
   },
+  userStats: {
+    label: "User Stat",
+    query: userStatsQuery,
+  },
 };
 // this should be exposed in documentation somehow
 const StatPaths = [
@@ -1597,8 +1367,12 @@ const StatPaths = [
     name: "traffic",
     route: "/(traffic)",
   },
+  {
+    name: "userStats",
+    route: "/(userStats)/:statId",
+  },
 ];
-const StatPatterns = StatPaths.map((pattern) => pathToRegexp(pattern.route));
+const StatPatterns = StatPaths.map((pattern) => index$1.pathToRegexp(pattern.route));
 function useBigStat(props) {
   var _a;
   const { statType, flexReverse, alignment, programId = index_module.W(), } = props;
@@ -1624,7 +1398,7 @@ function useBigStat(props) {
   const statPath = StatPaths.find((pattern) => pattern.name === queryName);
   // Get a list all possible keys in path
   const keys = [];
-  const regex = pathToRegexp(statPath === null || statPath === void 0 ? void 0 : statPath.route, keys, {
+  const regex = index$1.pathToRegexp(statPath === null || statPath === void 0 ? void 0 : statPath.route, keys, {
     strict: false,
     sensitive: false,
     end: true,
@@ -1787,7 +1561,7 @@ function PortalChangePasswordView(props) {
             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("sqm-password-field", { exportparts: "input-label: input-label", class: sheet.classes.PasswordField, fieldLabel: states.content.passwordFieldLabel, meetsRequirementsText: states.content.meetsRequirementsText, doesNotMeetRequirementsText: states.content.doesNotMeetRequirementsText, minErrorText: states.content.minErrorText, uppercaseErrorText: states.content.uppercaseErrorText, lowercaseErrorText: states.content.lowercaseErrorText, hasErrorText: states.content.hasErrorText }),
               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),
@@ -1901,7 +1675,7 @@ function PortalRegisterView(props) {
           content.requiredFieldErrorMessage,
       }
         : [])))),
-      !states.hideInputs && (index.h("sqm-password-field", { fieldLabel: content.passwordLabel, "disable-validation": states.disablePasswordValidation })),
+      !states.hideInputs && (index.h("sqm-password-field", { fieldLabel: content.passwordLabel, "disable-validation": states.disablePasswordValidation, meetsRequirementsText: content.meetsRequirementsText, doesNotMeetRequirementsText: content.doesNotMeetRequirementsText, minErrorText: content.minErrorText, uppercaseErrorText: content.uppercaseErrorText, lowercaseErrorText: content.lowercaseErrorText, hasErrorText: content.hasErrorText })),
       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.registrationFormState) === null || _e === void 0 ? void 0 : _e.validationErrors) === null || _f === void 0 ? void 0 : _f.confirmPassword) ? {
         class: sheet$5.classes.ErrorStyle,
@@ -2744,20 +2518,6 @@ function PortalFooterView(props) {
       index.h(PoweredByImg, null)))));
 }
 
-// import { IntlMessageFormat } from 'intl-messageformat';
-function isMobile(breakPoint) {
-  const [width, setWidth] = stencilHooks_module.useState(window.innerWidth);
-  const handleWindowResize = index_module.useCallback(() => setWidth(window.innerWidth), []);
-  stencilHooks_module.useEffect(() => {
-    window.addEventListener("resize", handleWindowResize);
-    return () => window.removeEventListener("resize", handleWindowResize);
-  }, []);
-  return width > breakPoint ? false : true;
-}
-function isValidColor(teststr) {
-  return CSS.supports(`(color: ${teststr})`);
-}
-
 const paddingList = [
   "var(--sl-spacing-xxx-small)",
   "var(--sl-spacing-xx-small)",
@@ -2772,7 +2532,7 @@ const paddingList = [
 ];
 const parseBackground = (provided_bg) => {
   if (provided_bg) {
-    if (isValidColor(provided_bg)) {
+    if (utilities.isValidColor(provided_bg)) {
       return provided_bg;
     }
     else {
@@ -2792,10 +2552,10 @@ function HeroView(props) {
       large: 9,
     };
     var index = sizes[size];
-    if (isMobile(767)) {
+    if (utilities.isMobile(767)) {
       index = index - 2;
     }
-    else if (isMobile(1023)) {
+    else if (utilities.isMobile(1023)) {
       index = index - 1;
     }
     return half ? paddingList[index - 2] : paddingList[index];
@@ -4348,6 +4108,7 @@ exports.PortalFrameView = PortalFrameView;
 exports.PortalLoginView = PortalLoginView;
 exports.PortalRegisterView = PortalRegisterView;
 exports.PoweredByImg = PoweredByImg;
+exports.ProgressBar = ProgressBar;
 exports.ProgressBarView = ProgressBarView;
 exports.ReferralIframeView = ReferralIframeView;
 exports.RewardExchangeView = RewardExchangeView;
@@ -4367,7 +4128,6 @@ exports.confirmVariable = confirmVariable;
 exports.demoRewardExchange = demoRewardExchange;
 exports.empty = empty;
 exports.loading = loading;
-exports.pathToRegexp = pathToRegexp;
 exports.queryError = queryError;
 exports.redemptionError = redemptionError;
 exports.rewardExchange = rewardExchange;

package/dist/cjs/{email-registration-view-7cb72353.js → email-registration-view-5924a3c7.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-const index = require('./index-b0129cd6.js');
+const index = require('./index-78c52836.js');
 const mixins = require('./mixins-fe9d4112.js');
 const JSS = require('./JSS-8503a151.js');
 
@@ -38,7 +38,6 @@ const styleString = sheet.toString();
 function EmailRegistrationView(props) {
   var _a, _b, _c, _d;
   const { states, callbacks, content } = props;
-  console.log(props);
   const getErrorMessage = (error, fraudErrorMessage, fraudErrorMessageTitle) => {
     return error === "FRAUD" ? (index.h("sqm-form-message", { type: "error", exportparts: "erroralert-icon" },
       index.h("b", null, fraudErrorMessageTitle),

package/dist/cjs/{global-6785de71.js → global-6abfadf1.js}

@@ -1,7 +1,7 @@
 'use strict';
 
-const stencilHooks_module = require('./stencil-hooks.module-e4bf7f2d.js');
-const index_module = require('./index.module-02576958.js');
+const stencilHooks_module = require('./stencil-hooks.module-3cde842e.js');
+const index_module = require('./index.module-5ec87464.js');
 
 var __assign = (undefined && undefined.__assign) || function () {
     __assign = Object.assign || function(t) {