npm - @saasquatch/mint-components - Versions diffs - 1.13.0-40 → 1.13.0-42 - Mend

@saasquatch/mint-components 1.13.0-40 → 1.13.0-42

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (385) hide show

package/dist/cjs/{ShadowViewAddon-44cb1a98.js → ShadowViewAddon-37f2cd8b.js} RENAMED Viewed

@@ -1,19 +1,20 @@
 'use strict';
 const index = require('./index-a29c60ef.js');
-const stencilHooks_module = require('./stencil-hooks.module-3a336b0f.js');
-const global = require('./global-19fc8a7a.js');
-const index_module = require('./index.module-57703088.js');
+const stencilHooks_module = require('./stencil-hooks.module-b248b384.js');
+const global = require('./global-6fe7c678.js');
+const index_module = require('./index.module-b880d18a.js');
 const cjs = require('./cjs-1066ec21.js');
 const utils = require('./utils-6847bc06.js');
 const JSS = require('./JSS-8503a151.js');
-const copyTextView = require('./copy-text-view-9b950efe.js');
+const index$1 = require('./index-e6bafae4.js');
+const copyTextView = require('./copy-text-view-67cb700e.js');
 const mixins = require('./mixins-f7e0377a.js');
-const useChildElements = require('./useChildElements-854cd1e5.js');
-const luxon = require('./luxon-2926d85f.js');
+const useChildElements = require('./useChildElements-e2139cb4.js');
+const luxon = require('./luxon-78820ce9.js');
 const sqmTextSpanView = require('./sqm-text-span-view-0aa82125.js');
-const index$1 = require('./index-8c6255f5.js');
-const utilities = require('./utilities-c135f16f.js');
+const index$2 = require('./index-8c6255f5.js');
+const utilities = require('./utilities-d691629b.js');
 const sqmPortalContainerView = require('./sqm-portal-container-view-4f15143a.js');
 const medium = {
@@ -355,7 +356,7 @@ const EditProfileView = (props) => {
       }, exportparts: "base: primarybutton-base" }, text.editprofiletext)));
 };
-const MessageLinkQuery = index_module.dist.gql `
+const MessageLinkQuery = index$1.dist.gql `
   query ($programId: ID, $engagementMedium: UserEngagementMedium!) {
     user: viewer {
       ... on User {
@@ -368,7 +369,7 @@ const MessageLinkQuery = index_module.dist.gql `
     }
   }
 `;
-const WIDGET_ENGAGEMENT_EVENT = index_module.dist.gql `
+const WIDGET_ENGAGEMENT_EVENT = index$1.dist.gql `
   mutation loadEvent($eventMeta: UserAnalyticsEvent!) {
     createUserAnalyticsEvent(eventMeta: $eventMeta)
   }
@@ -412,7 +413,7 @@ function useShareLink(props) {
   return { ...props, onClick, open, copyString: copyString };
 }
-const MessageLinkQuery$1 = index_module.dist.gql `
+const MessageLinkQuery$1 = index$1.dist.gql `
   query (
     $programId: ID
     $engagementMedium: UserEngagementMedium!
@@ -531,7 +532,7 @@ _, status) => {
       ? { dateConverted_exists: false }
       : {};
   const queryFilter = { ...programFilter, ...convertedFilter };
-  return debugQuery(index_module.dist.gql `
+  return debugQuery(index$1.dist.gql `
       query ($queryFilter: ReferralFilterInput) {
         viewer {
           ... on User {
@@ -553,7 +554,7 @@ const programGoalsQuery = (programId, locale, metricType, goalId) => {
   // Confirm this behaviour
   if (programId === "classic")
     return null;
-  return debugQuery(index_module.dist.gql `
+  return debugQuery(index$1.dist.gql `
       query {
         viewer {
           ... on User {
@@ -576,7 +577,7 @@ const programGoalsQuery = (programId, locale, metricType, goalId) => {
   });
 };
 const customFieldsQuery = (_programId, locale, fieldName, goalId) => {
-  return debugQuery(index_module.dist.gql `
+  return debugQuery(index$1.dist.gql `
       query {
         viewer {
           ... on User {
@@ -601,7 +602,7 @@ const referralsMonthQuery = (programId) => {
     ...programFilter,
     dateReferralStarted_timeframe: "this_month",
   };
-  return debugQuery(index_module.dist.gql `
+  return debugQuery(index$1.dist.gql `
       query ($filter: ReferralFilterInput) {
         viewer {
           ... on User {
@@ -627,7 +628,7 @@ const referralsWeekQuery = (programId) => {
     ...programFilter,
     dateReferralStarted_timeframe: "this_week",
   };
-  return debugQuery(index_module.dist.gql `
+  return debugQuery(index$1.dist.gql `
       query ($filter: ReferralFilterInput) {
         viewer {
           ... on User {
@@ -648,7 +649,7 @@ const referralsWeekQuery = (programId) => {
 const rewardsCountQuery = (programId,
 // locale
 _, global = "") => {
-  return debugQuery(index_module.dist.gql `
+  return debugQuery(index$1.dist.gql `
       query ($programId: ID) {
         viewer {
           ... on User {
@@ -672,7 +673,7 @@ const rewardsCountFilteredQuery = (programId,
 // locale
 _, type, unit, status, global = "") => {
   const statusFilter = status ? { status } : null;
-  return debugQuery(index_module.dist.gql `
+  return debugQuery(index$1.dist.gql `
       query (
         $programId: ID
         $unit: String
@@ -711,7 +712,7 @@ const integrationRewardsCountFilteredQuery = (programId,
 // locale
 _, status, global = "") => {
   const statusFilter = status ? { status } : null;
-  return debugQuery(index_module.dist.gql `
+  return debugQuery(index$1.dist.gql `
       query ($programId: ID, $statusFilter: RewardStatusFilterInput) {
         viewer {
           ... on User {
@@ -741,7 +742,7 @@ _, status, global = "") => {
 const rewardsMonthQuery = (programId,
 // locale
 _, global = "") => {
-  return debugQuery(index_module.dist.gql `
+  return debugQuery(index$1.dist.gql `
       query ($programId: ID) {
         viewer {
           ... on User {
@@ -769,7 +770,7 @@ _, global = "") => {
 const rewardsWeekQuery = (programId,
 // locale
 _, global = "") => {
-  return debugQuery(index_module.dist.gql `
+  return debugQuery(index$1.dist.gql `
       query ($programId: ID) {
         viewer {
           ... on User {
@@ -795,7 +796,7 @@ _, global = "") => {
   });
 };
 const rewardsPendingQuery = (programId, locale, type, unit, global = "") => {
-  return debugQuery(index_module.dist.gql `
+  return debugQuery(index$1.dist.gql `
       query (
         $programId: ID
         $type: RewardType
@@ -838,7 +839,7 @@ const rewardsPendingQuery = (programId, locale, type, unit, global = "") => {
   });
 };
 const rewardsRedeemedQuery = (programId, locale, type, unit, global = "") => {
-  return debugQuery(index_module.dist.gql `
+  return debugQuery(index$1.dist.gql `
       query (
         $programId: ID
         $type: RewardType
@@ -881,7 +882,7 @@ const rewardsRedeemedQuery = (programId, locale, type, unit, global = "") => {
   });
 };
 const rewardsRedeemedWeekQuery = (programId, locale, type, unit, global = "") => {
-  return debugQuery(index_module.dist.gql `
+  return debugQuery(index$1.dist.gql `
       query ($programId: ID, $type: RewardType, $unit: String!) {
         viewer: viewer {
           ... on User {
@@ -940,7 +941,7 @@ const rewardsRedeemedWeekQuery = (programId, locale, type, unit, global = "") =>
   });
 };
 const rewardsRedeemedMonthQuery = (programId, locale, type, unit, global = "") => {
-  return debugQuery(index_module.dist.gql `
+  return debugQuery(index$1.dist.gql `
       query ($programId: ID, $type: RewardType, $unit: String!) {
         viewer: viewer {
           ... on User {
@@ -999,7 +1000,7 @@ const rewardsRedeemedMonthQuery = (programId, locale, type, unit, global = "") =
   });
 };
 const rewardsAssignedQuery = (programId, locale, type, unit, global = "") => {
-  return debugQuery(index_module.dist.gql `
+  return debugQuery(index$1.dist.gql `
       query (
         $programId: ID
         $type: RewardType
@@ -1042,7 +1043,7 @@ const rewardsAssignedQuery = (programId, locale, type, unit, global = "") => {
   });
 };
 const rewardsAvailableQuery = (programId, locale, type, unit, global = "") => {
-  return debugQuery(index_module.dist.gql `
+  return debugQuery(index$1.dist.gql `
       query (
         $programId: ID
         $type: RewardType
@@ -1090,7 +1091,7 @@ const parseRewardValueFormat = {
 };
 const rewardsBalanceQuery = (programId, locale, type, unit, format = "prettyValue", global = "") => {
   var _a;
-  return debugQuery(index_module.dist.gql `
+  return debugQuery(index$1.dist.gql `
       query (
         $programId: ID
         $type: RewardType!
@@ -1135,7 +1136,7 @@ const rewardsBalanceQuery = (programId, locale, type, unit, format = "prettyValu
   });
 };
 const trafficQuery = () => {
-  return debugQuery(index_module.dist.gql `
+  return debugQuery(index$1.dist.gql `
       query traffic {
         viewer: viewer {
           ... on User {
@@ -1171,7 +1172,7 @@ const userStatsQuery = (_programId, _locale, statId) => {
     referredRevenue: false,
     ...statArg,
   };
-  return debugQuery(index_module.dist.gql `
+  return debugQuery(index$1.dist.gql `
       query userStat(
         $traffic: Boolean!
         $referrals: Boolean!
@@ -1210,7 +1211,7 @@ const userStatsQuery = (_programId, _locale, statId) => {
   });
 };
 const payoutBalanceQuery = () => {
-  return debugQuery(index_module.dist.gql `
+  return debugQuery(index$1.dist.gql `
       query payoutBalance {
         viewer: viewer {
           ... on User {
@@ -1375,7 +1376,7 @@ const StatPaths = [
     route: "/(payoutBalance)",
   },
 ];
-const StatPatterns = StatPaths.map((pattern) => index$1.pathToRegexp(pattern.route));
+const StatPatterns = StatPaths.map((pattern) => index$2.pathToRegexp(pattern.route));
 function useBigStat(props) {
   var _a;
   const { statType, flexReverse, alignment, programId = index_module.H(), } = props;
@@ -1401,7 +1402,7 @@ function useBigStat(props) {
   const statPath = StatPaths.find((pattern) => pattern.name === queryName);
   // Get a list all possible keys in path
   const keys = [];
-  const regex = index$1.pathToRegexp(statPath === null || statPath === void 0 ? void 0 : statPath.route, keys, {
+  const regex = index$2.pathToRegexp(statPath === null || statPath === void 0 ? void 0 : statPath.route, keys, {
     strict: false,
     sensitive: false,
     end: true,
@@ -1580,56 +1581,6 @@ function PortalChangePasswordView(props) {
 }
 const style$3 = {
-  Wrapper: mixins.AuthWrapper,
-  Column: mixins.AuthColumn,
-  ForgotButtonContainer: {
-    display: "inline",
-    cursor: "pointer",
-    "font-size": "13px",
-    "font-weight": "600",
-    color: "#AAAAAA",
-    margin: "0",
-  },
-  ButtonsContainer: {
-    ...mixins.AuthButtonsContainer,
-    gap: "var(--sl-spacing-medium)",
-    "& > *": {
-      margin: "0 !important",
-    },
-  },
-};
-const vanillaStyle$1 = `
-:host {
-  display: block;
-}
-:host([hidden]): {
-  display: none;
-}
-`;
-const sheet$3 = JSS.createStyleSheet(style$3);
-const styleString$3 = sheet$3.toString();
-function PortalLoginView(props) {
-  const { states, callbacks, content } = props;
-  return (index.h("div", { class: sheet$3.classes.Wrapper, part: "sqm-base" },
-    index.h("style", { type: "text/css" },
-      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 },
-      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, base: input-base", 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, base: input-base", type: "password", name: "/password", label: content.passwordLabel || "Password", disabled: states.loading, required: true }),
-        index.h("div", { class: sheet$3.classes.ForgotButtonContainer }, content.forgotPasswordButton)),
-      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 || "Login"),
-        content.googleButton && index.h("sl-menu-divider", null),
-        content.googleButton,
-        content.secondaryButton))));
-}
-const style$4 = {
   Wrapper: { ...mixins.AuthWrapper, "max-width": "600px" },
   Column: mixins.AuthColumn,
   HostBlock: mixins.HostBlock,
@@ -1640,7 +1591,7 @@ const style$4 = {
   ButtonsContainer: mixins.AuthButtonsContainer,
   ErrorStyle: mixins.ErrorStyles,
 };
-const vanillaStyle$2 = `
+const vanillaStyle$1 = `
 sqm-portal-register {
   margin: 0 auto;
   width: 100%;
@@ -1655,20 +1606,20 @@ sqm-portal-register {
   display: none;
 }
 `;
-const sheet$4 = JSS.createStyleSheet(style$4);
-const styleString$4 = sheet$4.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, _j, _k, _l, _m, _o;
   const { states, refs, callbacks, content } = props;
   if (states.error) {
     window.scrollTo({ top: 0, left: 0, behavior: "smooth" });
   }
-  return (index.h("div", { class: sheet$4.classes.Wrapper, part: "sqm-base" },
+  return (index.h("div", { class: sheet$3.classes.Wrapper, part: "sqm-base" },
     index.h("style", { type: "text/css" },
-      vanillaStyle$2,
-      styleString$4),
+      vanillaStyle$1,
+      styleString$3),
     index.h(sqmTextSpanView.TextSpanView, { type: "h3" }, content.pageLabel),
-    index.h("sl-form", { class: sheet$4.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,
@@ -1681,7 +1632,7 @@ function PortalRegisterView(props) {
             return content.invalidEmailErrorMessage;
           }
         } }, (((_b = (_a = states.registrationFormState) === null || _a === void 0 ? void 0 : _a.validationErrors) === null || _b === void 0 ? void 0 : _b.email) ? {
-        class: sheet$4.classes.ErrorStyle,
+        class: sheet$3.classes.ErrorStyle,
         helpText: ((_d = (_c = states.registrationFormState) === null || _c === void 0 ? void 0 : _c.validationErrors) === null || _d === void 0 ? void 0 : _d.email) ||
           content.requiredFieldErrorMessage,
       }
@@ -1692,17 +1643,17 @@ function PortalRegisterView(props) {
         value: (_j = (_h = states.registrationFormState) === null || _h === void 0 ? void 0 : _h.initialData) === null || _j === void 0 ? void 0 : _j.confirmPassword,
       }
         : {}), (((_l = (_k = states.registrationFormState) === null || _k === void 0 ? void 0 : _k.validationErrors) === null || _l === void 0 ? void 0 : _l.confirmPassword) ? {
-        class: sheet$4.classes.ErrorStyle,
+        class: sheet$3.classes.ErrorStyle,
         helpText: ((_o = (_m = states.registrationFormState) === null || _m === void 0 ? void 0 : _m.validationErrors) === null || _o === void 0 ? void 0 : _o.confirmPassword) || content.requiredFieldErrorMessage,
       }
         : [])))),
       content.terms,
-      index.h("div", { class: sheet$4.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$5 = {
+const style$4 = {
   Description: {
     "& input[type=checkbox]": {
       display: "none",
@@ -1741,13 +1692,13 @@ const style$5 = {
     },
   },
 };
-const sheet$5 = JSS.createStyleSheet(style$5);
-const styleString$5 = sheet$5.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", { style: { opacity: props.opacity } },
-    index.h("style", { type: "text/css" }, styleString$5),
-    index.h("span", { class: sheet$5.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", { exportparts: "base: chevron-icon", name: "chevron-down" })),
@@ -1769,7 +1720,7 @@ const GreyGift = () => {
     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: "#828282" })));
 };
-const style$6 = {
+const style$5 = {
   ProgressBar: {
     "& .progress-bar": {
       height: "0",
@@ -1881,14 +1832,14 @@ const style$6 = {
     },
   },
 };
-const sheet$6 = JSS.createStyleSheet(style$6, { classNamePrefix: "sqm-prog-bar" });
-const styleString$6 = sheet$6.toString();
+const sheet$5 = JSS.createStyleSheet(style$5, { classNamePrefix: "sqm-prog-bar" });
+const styleString$5 = sheet$5.toString();
 function ProgressBarView(props) {
   const { progress = 0, goal = 1, steps = false, progressBarUnit = "", repeatable = false, complete = false, expired = false, finite = 0, opacity = "1", } = props;
   let aggregate = buildProgressBar(repeatable, steps, props);
   const { columns, items } = aggregate;
-  return (index.h("div", { class: sheet$6.classes.ProgressBar, "data-expired": expired, "data-complete": complete, "data-steps": steps, "data-done": goal <= progress, style: { opacity: opacity } },
-    index.h("style", { type: "text/css" }, styleString$6),
+  return (index.h("div", { class: sheet$5.classes.ProgressBar, "data-expired": expired, "data-complete": complete, "data-steps": steps, "data-done": goal <= progress, style: { opacity: opacity } },
+    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"
@@ -2179,7 +2130,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$7 = {
+const style$6 = {
   TaskCard: {
     display: "inline-block",
     width: "100%",
@@ -2333,8 +2284,8 @@ const style$7 = {
     },
   },
 };
-const sheet$7 = JSS.createStyleSheet(style$7);
-const styleString$7 = sheet$7.toString();
+const sheet$6 = JSS.createStyleSheet(style$6);
+const styleString$6 = sheet$6.toString();
 function TaskCardView(props) {
   var _a, _b;
   const { callbacks, states, content } = props;
@@ -2370,11 +2321,11 @@ function TaskCardView(props) {
 	}
   `;
-  return (index.h("div", { class: sheet$7.classes.TaskCard, part: "sqm-base" },
+  return (index.h("div", { class: sheet$6.classes.TaskCard, part: "sqm-base" },
     index.h("style", { type: "text/css" },
-      styleString$7,
+      styleString$6,
       vanillaStyle),
-    !states.loading && taskNotStarted && (index.h("div", { class: sheet$7.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({
@@ -2385,7 +2336,7 @@ function TaskCardView(props) {
           .setLocale(utils.luxonLocale(states.locale))
           .toLocaleString(luxon.luxon.DateTime.DATETIME_MED),
       }))),
-    !states.loading && taskEnded && (index.h("div", { class: sheet$7.classes.Ended },
+    !states.loading && taskEnded && (index.h("div", { class: sheet$6.classes.Ended },
       index.h("span", { class: "icon" },
         index.h("sl-icon", { exportparts: "base: task-card-icon", name: "exclamation-triangle-fill" })),
       global.intl.formatMessage({
@@ -2405,7 +2356,7 @@ function TaskCardView(props) {
           ? "main complete"
           : "main" },
       index.h("div", { class: "container", part: "sqm-card-container", "data-subdue": taskComplete || taskUnavailable },
-        index.h("div", { class: sheet$7.classes.Header, style: { opacity: taskComplete || taskUnavailable ? "0.45" : "1" } }, states.loading ? (index.h("sl-skeleton", { style: { width: "22%", margin: "0" } })) : (index.h("div", null,
+        index.h("div", { class: sheet$6.classes.Header, style: { opacity: taskComplete || taskUnavailable ? "0.45" : "1" } }, states.loading ? (index.h("sl-skeleton", { style: { width: "22%", margin: "0" } })) : (index.h("div", null,
           showComplete && (index.h("span", { class: taskUnavailable ? "icon neutral" : "icon" }, taskComplete ? checkmark_filled$1 : checkmark_circle$1)),
           index.h("span", { part: "sqm-value", class: "value" }, content.rewardAmount),
           index.h("span", { part: "sqm-unit", class: "text" }, content.rewardUnit)))),
@@ -2421,7 +2372,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, { opacity: taskComplete || taskUnavailable ? "0.45" : "1" })))),
         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, { opacity: taskComplete || taskUnavailable ? "0.45" : "1", complete: taskComplete, expired: taskUnavailable })))),
-        index.h("div", { class: sheet$7.classes.Footer, "data-subdue": taskComplete || taskUnavailable }, 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, "data-subdue": taskComplete || taskUnavailable }, 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
@@ -2492,7 +2443,7 @@ function PoweredByImg({ color = "#A6A6A6", width = 120, height = 16, }) {
     index.h("path", { d: "M1661.53 157.54H1589.77C1590.42 169.37 1593.54 178.535 1599.13 185.035C1604.85 191.535 1612.65 194.785 1622.53 194.785C1628.51 194.785 1633.97 193.485 1638.91 190.885C1643.98 188.285 1647.95 184.645 1650.81 179.965L1657.24 186.4C1653.34 192.12 1648.4 196.475 1642.42 199.465C1636.57 202.455 1629.94 203.95 1622.53 203.95C1609.01 203.95 1598.35 199.465 1590.55 190.495C1582.88 181.525 1579.05 169.175 1579.05 153.445C1579.05 137.585 1582.82 125.17 1590.36 116.2C1597.9 107.1 1608.23 102.55 1621.36 102.55C1633.84 102.55 1643.66 106.84 1650.81 115.42C1657.96 124 1661.53 135.895 1661.53 151.105V157.54ZM1651.39 147.4C1651.39 136.48 1648.66 127.77 1643.2 121.27C1637.74 114.77 1630.46 111.52 1621.36 111.52C1611.74 111.52 1604.2 114.77 1598.74 121.27C1593.28 127.77 1590.29 137.065 1589.77 149.155H1651.39V147.4Z", fill: color })));
 }
-const vanillaStyle$3 = `
+const vanillaStyle$2 = `
   :host{
     margin: 0 auto;
     width: 100%;
@@ -2548,7 +2499,7 @@ function PortalFooterView(props) {
   const styleString = sheet.toString();
   return (index.h("div", { class: sheet.classes.Container, part: "sqm-base" },
     index.h("style", { type: "text/css" },
-      vanillaStyle$3,
+      vanillaStyle$2,
       styleString),
     index.h("div", { class: sheet.classes.RowContainer },
       props.faqLink && (index.h("a", { target: "_blank", href: props.faqLink }, props.faqText)),
@@ -2720,7 +2671,7 @@ function ReferralIframeView(props) {
     index.h("iframe", { class: sheet.classes.IFrame, src: `${content.iframeSrc}?rsCode=${data.shareCode}` })));
 }
-const style$8 = {
+const style$7 = {
   ErrorStyle: mixins.ErrorStyles,
   FieldsContainer: {
     "& sl-input": {
@@ -2728,7 +2679,7 @@ const style$8 = {
     },
   },
 };
-const vanillaStyle$4 = `
+const vanillaStyle$3 = `
 :host {
   margin: 0 auto;
   width: 100%;
@@ -2740,21 +2691,21 @@ sl-input::part(label){
   font-weight: var(--sl-font-weight-semibold);
 }
 `;
-const sheet$8 = JSS.createStyleSheet(style$8);
-const styleString$8 = sheet$8.toString();
+const sheet$7 = JSS.createStyleSheet(style$7);
+const styleString$7 = sheet$7.toString();
 function NameFieldsView(props) {
   var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o;
   const { states } = props;
   const validationErrors = (_a = states === null || states === void 0 ? void 0 : states.registrationFormState) === null || _a === void 0 ? void 0 : _a.validationErrors;
-  return (index.h("div", { class: sheet$8.classes.FieldsContainer },
+  return (index.h("div", { class: sheet$7.classes.FieldsContainer },
     index.h("style", { type: "text/css" },
-      vanillaStyle$4,
-      styleString$8),
+      vanillaStyle$3,
+      styleString$7),
     index.h("sl-input", Object.assign({ exportparts: "label: input-label, base: input-base", name: "/firstName", type: "text", label: states.content.firstNameLabel, required: true, disabled: ((_b = states.registrationFormState) === null || _b === void 0 ? void 0 : _b.loading) || ((_c = states.registrationFormState) === null || _c === void 0 ? void 0 : _c.disabled) }, (((_e = (_d = states.registrationFormState) === null || _d === void 0 ? void 0 : _d.initialData) === null || _e === void 0 ? void 0 : _e.firstName) ? {
       value: (_g = (_f = states.registrationFormState) === null || _f === void 0 ? void 0 : _f.initialData) === null || _g === void 0 ? void 0 : _g.firstName,
     }
       : {}), ((validationErrors === null || validationErrors === void 0 ? void 0 : validationErrors.firstName) ? {
-      class: sheet$8.classes.ErrorStyle,
+      class: sheet$7.classes.ErrorStyle,
       helpText: (validationErrors === null || validationErrors === void 0 ? void 0 : validationErrors.firstName) || "Cannot be empty",
     }
       : []))),
@@ -2762,13 +2713,13 @@ function NameFieldsView(props) {
       value: (_o = (_m = states.registrationFormState) === null || _m === void 0 ? void 0 : _m.initialData) === null || _o === void 0 ? void 0 : _o.lastName,
     }
       : {}), ((validationErrors === null || validationErrors === void 0 ? void 0 : validationErrors.lastName) ? {
-      class: sheet$8.classes.ErrorStyle,
+      class: sheet$7.classes.ErrorStyle,
       helpText: (validationErrors === null || validationErrors === void 0 ? void 0 : validationErrors.lastName) || "Cannot be empty",
     }
       : [])))));
 }
-const style$9 = {
+const style$8 = {
   ErrorStyle: {
     "&::part(control)": {
       background: "var(--sl-color-danger-10)",
@@ -2791,7 +2742,7 @@ const style$9 = {
     "margin-bottom": "var(--sl-spacing-large)",
   },
 };
-const vanillaStyle$5 = `
+const vanillaStyle$4 = `
 :host {
   margin: 0 auto;
   width: 100%;
@@ -2807,22 +2758,22 @@ sl-checkbox::part(base){
 }
 `;
 JSS.jss.setup(JSS.create());
-const sheet$9 = JSS.jss.createStyleSheet(style$9);
-const styleString$9 = sheet$9.toString();
+const sheet$8 = JSS.jss.createStyleSheet(style$8);
+const styleString$8 = sheet$8.toString();
 function CheckboxFieldView(props) {
   var _a, _b, _c;
   const { states, content, callbacks } = props;
   const validationErrors = (_a = states === null || states === void 0 ? void 0 : states.registrationFormState) === null || _a === void 0 ? void 0 : _a.validationErrors;
-  return (index.h("div", { class: sheet$9.classes.FieldContainer, part: "sqm-base" },
+  return (index.h("div", { class: sheet$8.classes.FieldContainer, part: "sqm-base" },
     index.h("style", { type: "text/css" },
-      vanillaStyle$5,
-      styleString$9),
+      vanillaStyle$4,
+      styleString$8),
     index.h("sl-checkbox", Object.assign({ exportparts: "label: input-label, base: input-base", name: `/${content.checkboxName}`, checked: states.checked, "onSl-change": (e) => {
         e.target.value = e.target.checked;
         callbacks.setChecked(e.target.value);
       } }, (!content.checkboxOptional ? { required: true } : []), { disabled: ((_b = states.registrationFormState) === null || _b === void 0 ? void 0 : _b.loading) || ((_c = states.registrationFormState) === null || _c === void 0 ? void 0 : _c.disabled) }, (!states.checked && (validationErrors === null || validationErrors === void 0 ? void 0 : validationErrors[content.checkboxName])
       ? {
-        class: sheet$9.classes.ErrorStyle,
+        class: sheet$8.classes.ErrorStyle,
       }
       : [])),
       global.intl.formatMessage({
@@ -2831,13 +2782,13 @@ function CheckboxFieldView(props) {
       }, {
         labelLink: (index.h("a", { href: content.checkboxLabelLink, target: "_blank" }, content.checkboxLabelLinkText || content.checkboxLabelLink)),
       }),
-      !states.checked && (validationErrors === null || validationErrors === void 0 ? void 0 : validationErrors[content.checkboxName]) && (index.h("p", { class: sheet$9.classes.ErrorMessageStyle }, global.intl.formatMessage({
+      !states.checked && (validationErrors === null || validationErrors === void 0 ? void 0 : validationErrors[content.checkboxName]) && (index.h("p", { class: sheet$8.classes.ErrorMessageStyle }, global.intl.formatMessage({
         id: `errorMessage-${content.checkboxName}`,
         defaultMessage: content.errorMessage,
       }))))));
 }
-const style$a = {
+const style$9 = {
   ErrorStyle: {
     "--sl-input-border-color": "var(--sl-color-danger-500)",
     "--sl-input-background-color": "var(--sl-color-danger-10)",
@@ -2853,7 +2804,7 @@ const style$a = {
     "margin-bottom": "var(--sl-spacing-large)",
   },
 };
-const vanillaStyle$6 = `
+const vanillaStyle$5 = `
 :host {
   margin: 0 auto;
   width: 100%;
@@ -2865,36 +2816,36 @@ sl-select::part(label){
 }
 `;
 JSS.jss.setup(JSS.create());
-const sheet$a = JSS.jss.createStyleSheet(style$a);
-const styleString$a = sheet$a.toString();
+const sheet$9 = JSS.jss.createStyleSheet(style$9);
+const styleString$9 = sheet$9.toString();
 function DropdownFieldView(props) {
   var _a, _b, _c, _d, _e, _f, _g;
   const { states, content } = props;
   const validationErrors = (_a = states === null || states === void 0 ? void 0 : states.registrationFormState) === null || _a === void 0 ? void 0 : _a.validationErrors;
-  return (index.h("div", { class: sheet$a.classes.FieldContainer, part: "sqm-base" },
+  return (index.h("div", { class: sheet$9.classes.FieldContainer, part: "sqm-base" },
     index.h("style", { type: "text/css" },
-      vanillaStyle$6,
-      styleString$a),
+      vanillaStyle$5,
+      styleString$9),
     index.h("sl-select", Object.assign({ exportparts: "label: input-label, base: input-base", label: content.dropdownLabel, name: `/${content.dropdownName}` }, (!content.dropdownOptional ? { required: true } : []), { disabled: ((_b = states.registrationFormState) === null || _b === void 0 ? void 0 : _b.loading) || ((_c = states.registrationFormState) === null || _c === void 0 ? void 0 : _c.disabled) }, (((_e = (_d = states.registrationFormState) === null || _d === void 0 ? void 0 : _d.initialData) === null || _e === void 0 ? void 0 : _e[content.dropdownName]) ? {
       value: (_g = (_f = states.registrationFormState) === null || _f === void 0 ? void 0 : _f.initialData) === null || _g === void 0 ? void 0 : _g[content.dropdownName],
     }
       : {}), ((validationErrors === null || validationErrors === void 0 ? void 0 : validationErrors[content.dropdownName]) ? {
-      class: sheet$a.classes.ErrorStyle,
+      class: sheet$9.classes.ErrorStyle,
     }
       : [])), content.selectOptions),
-    (validationErrors === null || validationErrors === void 0 ? void 0 : validationErrors[content.dropdownName]) && (index.h("p", { class: sheet$a.classes.ErrorMessageStyle }, global.intl.formatMessage({
+    (validationErrors === null || validationErrors === void 0 ? void 0 : validationErrors[content.dropdownName]) && (index.h("p", { class: sheet$9.classes.ErrorMessageStyle }, global.intl.formatMessage({
       id: `errorMessage-${content.dropdownName}`,
       defaultMessage: content.errorMessage,
     })))));
 }
-const style$b = {
+const style$a = {
   ErrorStyle: mixins.ErrorStyles,
   FieldContainer: {
     "margin-bottom": "var(--sl-spacing-large)",
   },
 };
-const vanillaStyle$7 = `
+const vanillaStyle$6 = `
 :host {
   margin: 0 auto;
   width: 100%;
@@ -2902,21 +2853,21 @@ const vanillaStyle$7 = `
 }
 `;
 JSS.jss.setup(JSS.create());
-const sheet$b = JSS.jss.createStyleSheet(style$b);
-const styleString$b = sheet$b.toString();
+const sheet$a = JSS.jss.createStyleSheet(style$a);
+const styleString$a = sheet$a.toString();
 function InputFieldView(props) {
   var _a, _b, _c, _d, _e, _f, _g;
   const { states, content } = props;
   const validationErrors = (_a = states === null || states === void 0 ? void 0 : states.registrationFormState) === null || _a === void 0 ? void 0 : _a.validationErrors;
-  return (index.h("div", { class: sheet$b.classes.FieldContainer, part: "sqm-base" },
+  return (index.h("div", { class: sheet$a.classes.FieldContainer, part: "sqm-base" },
     index.h("style", { type: "text/css" },
-      vanillaStyle$7,
-      styleString$b),
+      vanillaStyle$6,
+      styleString$a),
     index.h("sl-input", Object.assign({ exportparts: "label: input-label, base: input-base", name: `/${content.fieldName}`, type: content.fieldType, label: content.fieldLabel }, (!content.fieldOptional ? { required: true } : []), { disabled: ((_b = states.registrationFormState) === null || _b === void 0 ? void 0 : _b.loading) || ((_c = states.registrationFormState) === null || _c === void 0 ? void 0 : _c.disabled) }, (((_e = (_d = states.registrationFormState) === null || _d === void 0 ? void 0 : _d.initialData) === null || _e === void 0 ? void 0 : _e[content.fieldName]) ? {
       value: (_g = (_f = states.registrationFormState) === null || _f === void 0 ? void 0 : _f.initialData) === null || _g === void 0 ? void 0 : _g[content.fieldName],
     }
       : {}), ((validationErrors === null || validationErrors === void 0 ? void 0 : validationErrors[content.fieldName]) ? {
-      class: sheet$b.classes.ErrorStyle,
+      class: sheet$a.classes.ErrorStyle,
       helpText: global.intl.formatMessage({
         id: `errorMessage-${content.fieldName}`,
         defaultMessage: content.errorMessage || (validationErrors === null || validationErrors === void 0 ? void 0 : validationErrors[content.fieldName]),
@@ -3011,7 +2962,7 @@ function ProgressBar({ stageCount, currentStage, }) {
   return (index.h("div", { style: { display: "flex", columnGap: "-2px" } }, Array.from(Array(stageCount).keys()).map((stage) => (index.h(Progress, { active: currentStage === stage, completed: currentStage > stage, incomplete: currentStage < stage, stage: stage })))));
 }
-const style$c = {
+const style$b = {
   HostBlock: mixins.HostBlock,
   Container: {
     minWidth: "300px",
@@ -3362,8 +3313,8 @@ const style$c = {
   },
 };
 // JSS config
-const sheet$c = JSS.createStyleSheet(style$c);
-const styleString$c = sheet$c.toString();
+const sheet$b = JSS.createStyleSheet(style$b);
+const styleString$b = sheet$b.toString();
 const stageList = ["chooseReward", "chooseAmount", "confirmation", "success"];
 function RewardExchangeView(props) {
   const { states, data, callbacks, refs } = props;
@@ -3386,7 +3337,7 @@ function RewardExchangeView(props) {
         sourceUnit: item.sourceUnit,
       })));
     }
-    return (index.h("sl-select", { style: { width: "auto" }, label: (_b = states === null || states === void 0 ? void 0 : states.content) === null || _b === void 0 ? void 0 : _b.text.selectText, class: sheet$c.classes.Select, value: states.selectedStep, "onSl-select": (e) => {
+    return (index.h("sl-select", { style: { width: "auto" }, label: (_b = states === null || states === void 0 ? void 0 : states.content) === null || _b === void 0 ? void 0 : _b.text.selectText, class: sheet$b.classes.Select, value: states.selectedStep, "onSl-select": (e) => {
         var _a, _b, _c, _d, _e;
         return callbacks.setExchangeState({
           amount: (_c = (_b = (_a = e.detail) === null || _a === void 0 ? void 0 : _a.item) === null || _b === void 0 ? void 0 : _b.value) === null || _c === void 0 ? void 0 : _c.sourceValue,
@@ -3394,7 +3345,7 @@ function RewardExchangeView(props) {
         });
       } }, (_c = item.steps) === null || _c === void 0 ? void 0 : _c.map((step) => {
       var _a, _b;
-      return (index.h("sl-menu-item", { value: step, disabled: !step.available, class: sheet$c.classes.SelectItem },
+      return (index.h("sl-menu-item", { value: step, disabled: !step.available, class: sheet$b.classes.SelectItem },
         step.prettyDestinationValue,
         index.h("br", null),
         index.h("div", { class: "step-cost", slot: "suffix" },
@@ -3413,8 +3364,8 @@ function RewardExchangeView(props) {
     var _a;
     return [
       index.h("div", { part: "choose-reward-container" },
-        index.h("div", { class: sheet$c.classes.Title }, states.content.text.rewardTitle),
-        states.loading || states.queryError ? (loading()) : (index.h("div", { class: sheet$c.classes.Grid }, (_a = data.exchangeList) === null || _a === void 0 ? void 0 : _a.map((item) => {
+        index.h("div", { class: sheet$b.classes.Title }, states.content.text.rewardTitle),
+        states.loading || states.queryError ? (loading()) : (index.h("div", { class: sheet$b.classes.Grid }, (_a = data.exchangeList) === null || _a === void 0 ? void 0 : _a.map((item) => {
           var _a, _b, _c, _d, _e;
           const style = {
             boxShadow: item.key === (selectedItem === null || selectedItem === void 0 ? void 0 : selectedItem.key)
@@ -3423,7 +3374,7 @@ function RewardExchangeView(props) {
             borderRadius: "4px",
           };
           return (index.h("div", { key: item.key, style: style },
-            index.h("sl-card", { exportparts: "base: exchange-card-container", class: sheet$c.classes.Card, style: {
+            index.h("sl-card", { exportparts: "base: exchange-card-container", class: sheet$b.classes.Card, style: {
                 cursor: item.unavailableReasonCode
                   ? "not-allowed"
                   : "pointer",
@@ -3440,14 +3391,14 @@ function RewardExchangeView(props) {
                     ? "rgba(0, 0, 0, 0.05)"
                     : "rgba(0, 0, 0, 0)",
                 } },
-                index.h("div", { class: sheet$c.classes.Image, style: {
+                index.h("div", { class: sheet$b.classes.Image, style: {
                     opacity: item.unavailableReasonCode ? "0.5" : "1",
                   } },
                   index.h("img", { class: item.unavailableReasonCode
                       ? "image subdued"
                       : "image", src: (item === null || item === void 0 ? void 0 : item.imageUrl) ||
                       index.getAssetPath("./assets/Reward-image.png") })),
-                index.h("div", { class: sheet$c.classes.TextArea, style: {
+                index.h("div", { class: sheet$b.classes.TextArea, style: {
                     opacity: item.unavailableReasonCode ? "0.5" : "1",
                   } },
                   index.h("div", { class: "title", style: {
@@ -3480,7 +3431,7 @@ function RewardExchangeView(props) {
                         item.prettySourceMinValue,
                     }))))))));
         }))),
-        index.h("div", { class: sheet$c.classes.Button },
+        index.h("div", { class: sheet$b.classes.Button },
           index.h("sl-button", { exportparts: "base: primarybutton-base", class: "continue right", size: "large", onClick: () => callbacks.setStage("chooseAmount"), loading: states.loading, disabled: !states.selectedItem }, states.content.text.continueText))),
     ];
   }
@@ -3491,7 +3442,7 @@ function RewardExchangeView(props) {
       ? false
       : input && !states.amount;
     return (index.h("div", null,
-      index.h("div", { class: sheet$c.classes.ChooseAmount, part: "choose-amount-container" },
+      index.h("div", { class: sheet$b.classes.ChooseAmount, part: "choose-amount-container" },
         index.h("div", { class: "wrapper" },
           index.h("img", { class: "image", src: (selectedItem === null || selectedItem === void 0 ? void 0 : selectedItem.imageUrl) ||
               index.getAssetPath("./assets/Reward-image.png") }),
@@ -3500,7 +3451,7 @@ function RewardExchangeView(props) {
             ((_c = states.selectedItem) === null || _c === void 0 ? void 0 : _c.ruleType) === "FIXED_GLOBAL_REWARD" ? (index.h("div", { class: "points" }, input)) : (index.h("div", { class: "description" }, selectedItem === null || selectedItem === void 0 ? void 0 : selectedItem.description)),
             ((_d = states.selectedItem) === null || _d === void 0 ? void 0 : _d.ruleType) === "FIXED_GLOBAL_REWARD" ? (index.h("div", { class: "description" }, selectedItem === null || selectedItem === void 0 ? void 0 : selectedItem.description)) : (index.h("div", null, input)),
             index.h("div", { class: "space" }))),
-        index.h("div", { class: sheet$c.classes.Button },
+        index.h("div", { class: sheet$b.classes.Button },
           index.h("sl-button", { exportparts: "base: secondarybutton-base", class: "cancel", size: "large", type: "text", onClick: () => callbacks.resetState() }, states.content.text.cancelText),
           index.h("sl-button", { exportparts: "base: primarybutton-base", class: "continue", size: "large", onClick: () => callbacks.setStage("confirmation"), disabled: isDisabled }, states.content.text.continueToConfirmationText)))));
   }
@@ -3508,8 +3459,8 @@ function RewardExchangeView(props) {
     const cost = (selectedStep === null || selectedStep === void 0 ? void 0 : selectedStep.prettySourceValue) || selectedItem.prettySourceValue;
     const amount = selectedStep === null || selectedStep === void 0 ? void 0 : selectedStep.prettyDestinationValue;
     return (index.h("div", null,
-      index.h("div", { class: sheet$c.classes.Confirmation, part: "confirmation-container" },
-        index.h("div", { class: sheet$c.classes.Title }, states.content.text.redeemTitle),
+      index.h("div", { class: sheet$b.classes.Confirmation, part: "confirmation-container" },
+        index.h("div", { class: sheet$b.classes.Title }, states.content.text.redeemTitle),
         index.h("div", { class: "wrapper" },
           index.h("div", { class: "field" }, states.content.text.rewardNameTitle),
           index.h("div", { class: "reward-item-container" },
@@ -3524,13 +3475,13 @@ function RewardExchangeView(props) {
         index.h("div", { class: "wrapper top-border padding" },
           index.h("div", { class: "field" }, states.content.text.costTitle),
           index.h("div", { class: "value" }, cost)),
-        index.h("div", { class: sheet$c.classes.Button },
+        index.h("div", { class: sheet$b.classes.Button },
           index.h("sl-button", { class: "cancel", type: "text", size: "large", onClick: () => callbacks.setStage("chooseAmount") }, states.content.text.backText),
           index.h("sl-button", { class: "continue", size: "large", loading: states.loading, onClick: callbacks.exchangeReward }, states.content.text.redeemText)))));
   }
   function success() {
     var _a, _b, _c, _d, _e, _f;
-    return (index.h("div", { class: sheet$c.classes.Success, part: "success-container" },
+    return (index.h("div", { class: sheet$b.classes.Success, part: "success-container" },
       index.h(Gift$1, null),
       index.h(Confetti, null),
       index.h("div", { class: "title" }, (_a = states.content.text) === null || _a === void 0 ? void 0 : _a.rewardRedeemedText),
@@ -3545,7 +3496,7 @@ function RewardExchangeView(props) {
       (data === null || data === void 0 ? void 0 : data.fuelTankCode) && (index.h("div", { class: "promo" },
         states.content.text.promoCode,
         index.h(copyTextView.CopyTextView, { copyString: data.fuelTankCode, tooltiptext: (_f = states === null || states === void 0 ? void 0 : states.content) === null || _f === void 0 ? void 0 : _f.text.tooltipText, open: states.open, onClick: callbacks.copyFuelTankCode }))),
-      index.h("div", { class: sheet$c.classes.Button },
+      index.h("div", { class: sheet$b.classes.Button },
         index.h("sl-button", { class: "continue center", type: "primary", size: "large", onClick: () => callbacks.resetState(true) }, states.content.text.doneText))));
   }
   const stages = {
@@ -3557,7 +3508,7 @@ function RewardExchangeView(props) {
   const currentStage = stages[states.redeemStage];
   function stageMap() {
     const stageNumber = stageList.indexOf(states.redeemStage);
-    return (index.h("div", { class: sheet$c.classes.ProgressBar },
+    return (index.h("div", { class: sheet$b.classes.ProgressBar },
       index.h("div", { class: "text-area" }, Object.keys(stageProgressList).map((stage) => {
         if (stageList.indexOf(stage) <= stageNumber) {
           return index.h("span", { class: "text" }, stageProgressList[stage]);
@@ -3569,10 +3520,10 @@ function RewardExchangeView(props) {
       index.h(ProgressBar, { stageCount: 3, currentStage: stageNumber })));
   }
   function loading() {
-    return (index.h("div", { class: sheet$c.classes.Grid, part: "loading-container" }, [...Array(states.content.text.skeletonCardNum)].map(() => {
+    return (index.h("div", { class: sheet$b.classes.Grid, part: "loading-container" }, [...Array(states.content.text.skeletonCardNum)].map(() => {
       return (index.h("div", null,
-        index.h("sl-card", { class: sheet$c.classes.Card },
-          index.h("div", { class: sheet$c.classes.CardLayout },
+        index.h("sl-card", { class: sheet$b.classes.Card },
+          index.h("div", { class: sheet$b.classes.CardLayout },
             index.h("div", null,
               index.h("sl-skeleton", { style: {
                   width: "100px",
@@ -3604,12 +3555,12 @@ function RewardExchangeView(props) {
         if (!(refs === null || refs === void 0 ? void 0 : refs.canvasRef))
           return;
         refs.canvasRef.current = canvas;
-      }, id: "my-canvas", class: sheet$c.classes.Confetti }));
+      }, id: "my-canvas", class: sheet$b.classes.Confetti }));
   }
   if (states.noExchangeOptions)
     return states.content.text.empty;
-  return (index.h("div", { class: sheet$c.classes.Container, part: "sqm-base" },
-    index.h("style", { type: "text/css" }, styleString$c),
+  return (index.h("div", { class: sheet$b.classes.Container, part: "sqm-base" },
+    index.h("style", { type: "text/css" }, styleString$b),
     index.h("div", null,
       stageMap(),
       states.exchangeError && errorMessage(),
@@ -4025,7 +3976,7 @@ function CardFeedView(props, children) {
     index.h("div", { class: sheet.classes.Container, part: "sqm-base" }, children)));
 }
-const style$d = {
+const style$c = {
   HostBlock: mixins.HostBlock,
   couponCodeLabel: {
     margin: "var(--sl-spacing-x-small) 0",
@@ -4033,21 +3984,21 @@ const style$d = {
     fontSize: "var(--sl-font-size-small)",
   },
 };
-const vanillaStyle$8 = `
+const vanillaStyle$7 = `
   :host{
     display: block;
     width: 100%;
   }
 `;
-const sheet$d = JSS.createStyleSheet(style$d);
-const styleString$d = sheet$d.toString();
+const sheet$c = JSS.createStyleSheet(style$c);
+const styleString$c = sheet$c.toString();
 function CouponCodeView(props) {
   const error = !props.loading && props.error;
   return (index.h("div", null,
     index.h("style", { type: "text/css" },
-      styleString$d,
-      vanillaStyle$8),
-    index.h("p", { class: sheet$d.classes.couponCodeLabel, style: { textAlign: props.textAlign } }, props.couponCodeLabel),
+      styleString$c,
+      vanillaStyle$7),
+    index.h("p", { class: sheet$c.classes.couponCodeLabel, style: { textAlign: props.textAlign } }, props.couponCodeLabel),
     error ? (index.h("sqm-form-message", { type: props.errorType, exportparts: "erroralert-icon" },
       index.h("div", { part: "erroralert-text" }, props.errorText))) : (index.h(copyTextView.CopyTextView, Object.assign({}, props)))));
 }
@@ -4150,7 +4101,6 @@ exports.NameFieldsView = NameFieldsView;
 exports.PortalChangePasswordView = PortalChangePasswordView;
 exports.PortalFooterView = PortalFooterView;
 exports.PortalFrameView = PortalFrameView;
-exports.PortalLoginView = PortalLoginView;
 exports.PortalRegisterView = PortalRegisterView;
 exports.PoweredByImg = PoweredByImg;
 exports.ProgressBar = ProgressBar;