@saasquatch/mint-components 1.12.1-0 → 1.12.1-10

package/dist/esm/{ShadowViewAddon-e012b2aa.js → ShadowViewAddon-272f75a5.js}

@@ -1,16 +1,16 @@
 import { h, c as Host, d as getAssetPath, g as getElement } from './index-17b4da69.js';
 import { k as useState, b as browser, u as useMemo } from './stencil-hooks.module-ac12ca1c.js';
-import { i as intl } from './global-04c7d3b5.js';
-import { d as dist, H, Q, y as yn, f as $e, B, a as getEnvironmentSDK, L } from './index.module-def4aec5.js';
+import { i as intl } from './global-62554cef.js';
+import { d as dist, H, Q, y as yn, e as $e, B, a as getEnvironmentSDK, L } from './index.module-48f73e70.js';
 import { c as cjs } from './cjs-bdfb4486.js';
 import { H as HostBlock, A as AuthWrapper, a as AuthColumn, b as AuthButtonsContainer, E as ErrorStyles } from './mixins-f60a614c.js';
 import { c as createStyleSheet, j as jss, a as create } from './JSS-67b5cff8.js';
-import { u as useChildElements } from './useChildElements-32e1bda1.js';
+import { u as useChildElements } from './useChildElements-a6b895dd.js';
 import { l as luxon } from './luxon-7600be8d.js';
 import { l as luxonLocale } from './utils-334c1e34.js';
 import { T as TextSpanView } from './sqm-text-span-view-8d140661.js';
 import { p as pathToRegexp } from './index-ffa26b43.js';
-import { a as isValidColor, b as isMobile } from './utilities-3f5bba22.js';
+import { a as isValidColor, b as isMobile } from './utilities-e8022681.js';
 import { a as PortalSectionView, P as PortalContainerView } from './sqm-portal-container-view-6c582684.js';
 
 const medium = {
@@ -2813,75 +2813,6 @@ function NameFieldsView(props) {
 }
 
 const style$a = {
-  ErrorStyle: {
-    "&::part(control)": {
-      background: "var(--sl-color-danger-10)",
-      borderColor: "var(--sl-color-danger-500)",
-      outline: "var(--sl-color-danger-500)",
-    },
-    "&:host": {
-      "--focus-ring": "0 0 0 var(--sl-focus-ring-width) red !important",
-    },
-  },
-  ErrorMessageStyle: {
-    margin: 0,
-    marginTop: "5px",
-    color: "var(--sl-color-danger-500)",
-    fontSize: "var(--sl-input-help-text-font-size-medium)",
-    fontFamily: "var(--sl-font-sans)",
-    fontWeight: "var(--sl-font-weight-normal)",
-  },
-  FieldContainer: {
-    "margin-bottom": "var(--sl-spacing-large)",
-  },
-};
-const vanillaStyle$6 = `
-:host {
-  margin: 0 auto;
-  width: 100%;
-  display: block;
-}
-sl-checkbox::part(label){
-  font-size: var(--sl-input-label-font-size-small);
-  font-weight: var(--sl-font-weight-normal);
-  line-height: 20px;
-}
-sl-checkbox::part(base){
-  align-items: start;
-}
-`;
-jss.setup(create());
-const sheet$a = jss.createStyleSheet(style$a);
-const styleString$a = sheet$a.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 (h("div", { class: sheet$a.classes.FieldContainer, part: "sqm-base" },
-    h("style", { type: "text/css" },
-      vanillaStyle$6,
-      styleString$a),
-    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$a.classes.ErrorStyle,
-      }
-      : [])),
-      intl.formatMessage({
-        id: content.checkboxName + "-message",
-        defaultMessage: content.checkboxLabel,
-      }, {
-        labelLink: (h("a", { href: content.checkboxLabelLink, target: "_blank" }, content.checkboxLabelLinkText || content.checkboxLabelLink)),
-      }),
-      !states.checked && (validationErrors === null || validationErrors === void 0 ? void 0 : validationErrors[content.checkboxName]) && (h("p", { class: sheet$a.classes.ErrorMessageStyle }, intl.formatMessage({
-        id: `errorMessage-${content.checkboxName}`,
-        defaultMessage: content.errorMessage,
-      }))))));
-}
-
-const style$b = {
   ErrorStyle: {
     "--sl-input-border-color": "var(--sl-color-danger-500)",
     "--sl-input-background-color": "var(--sl-color-danger-10)",
@@ -2897,7 +2828,7 @@ const style$b = {
     "margin-bottom": "var(--sl-spacing-large)",
   },
 };
-const vanillaStyle$7 = `
+const vanillaStyle$6 = `
 :host {
   margin: 0 auto;
   width: 100%;
@@ -2909,36 +2840,36 @@ sl-select::part(label){
 }
 `;
 jss.setup(create());
-const sheet$b = jss.createStyleSheet(style$b);
-const styleString$b = sheet$b.toString();
+const sheet$a = jss.createStyleSheet(style$a);
+const styleString$a = sheet$a.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 (h("div", { class: sheet$b.classes.FieldContainer, part: "sqm-base" },
+  return (h("div", { class: sheet$a.classes.FieldContainer, part: "sqm-base" },
     h("style", { type: "text/css" },
-      vanillaStyle$7,
-      styleString$b),
+      vanillaStyle$6,
+      styleString$a),
     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$b.classes.ErrorStyle,
+      class: sheet$a.classes.ErrorStyle,
     }
       : [])), content.selectOptions),
-    (validationErrors === null || validationErrors === void 0 ? void 0 : validationErrors[content.dropdownName]) && (h("p", { class: sheet$b.classes.ErrorMessageStyle }, intl.formatMessage({
+    (validationErrors === null || validationErrors === void 0 ? void 0 : validationErrors[content.dropdownName]) && (h("p", { class: sheet$a.classes.ErrorMessageStyle }, intl.formatMessage({
       id: `errorMessage-${content.dropdownName}`,
       defaultMessage: content.errorMessage,
     })))));
 }
 
-const style$c = {
+const style$b = {
   ErrorStyle: ErrorStyles,
   FieldContainer: {
     "margin-bottom": "var(--sl-spacing-large)",
   },
 };
-const vanillaStyle$8 = `
+const vanillaStyle$7 = `
 :host {
   margin: 0 auto;
   width: 100%;
@@ -2946,21 +2877,21 @@ const vanillaStyle$8 = `
 }
 `;
 jss.setup(create());
-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();
 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 (h("div", { class: sheet$c.classes.FieldContainer, part: "sqm-base" },
+  return (h("div", { class: sheet$b.classes.FieldContainer, part: "sqm-base" },
     h("style", { type: "text/css" },
-      vanillaStyle$8,
-      styleString$c),
+      vanillaStyle$7,
+      styleString$b),
     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$c.classes.ErrorStyle,
+      class: sheet$b.classes.ErrorStyle,
       helpText: intl.formatMessage({
         id: `errorMessage-${content.fieldName}`,
         defaultMessage: content.errorMessage || (validationErrors === null || validationErrors === void 0 ? void 0 : validationErrors[content.fieldName]),
@@ -3055,7 +2986,7 @@ function ProgressBar({ stageCount, currentStage, }) {
   return (h("div", { style: { display: "flex", columnGap: "-2px" } }, Array.from(Array(stageCount).keys()).map((stage) => (h(Progress, { active: currentStage === stage, completed: currentStage > stage, incomplete: currentStage < stage, stage: stage })))));
 }
 
-const style$d = {
+const style$c = {
   HostBlock: HostBlock,
   Container: {
     minWidth: "300px",
@@ -3406,8 +3337,8 @@ const style$d = {
   },
 };
 // JSS config
-const sheet$d = createStyleSheet(style$d);
-const styleString$d = sheet$d.toString();
+const sheet$c = createStyleSheet(style$c);
+const styleString$c = sheet$c.toString();
 const stageList = ["chooseReward", "chooseAmount", "confirmation", "success"];
 function RewardExchangeView(props) {
   const { states, data, callbacks, refs } = props;
@@ -3430,7 +3361,7 @@ function RewardExchangeView(props) {
         sourceUnit: item.sourceUnit,
       })));
     }
-    return (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$d.classes.Select, value: states.selectedStep, "onSl-select": (e) => {
+    return (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) => {
         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,
@@ -3438,7 +3369,7 @@ function RewardExchangeView(props) {
         });
       } }, (_c = item.steps) === null || _c === void 0 ? void 0 : _c.map((step) => {
       var _a, _b;
-      return (h("sl-menu-item", { value: step, disabled: !step.available, class: sheet$d.classes.SelectItem },
+      return (h("sl-menu-item", { value: step, disabled: !step.available, class: sheet$c.classes.SelectItem },
         step.prettyDestinationValue,
         h("br", null),
         h("div", { class: "step-cost", slot: "suffix" },
@@ -3457,8 +3388,8 @@ function RewardExchangeView(props) {
     var _a;
     return [
       h("div", { part: "choose-reward-container" },
-        h("div", { class: sheet$d.classes.Title }, states.content.text.rewardTitle),
-        states.loading || states.queryError ? (loading()) : (h("div", { class: sheet$d.classes.Grid }, (_a = data.exchangeList) === null || _a === void 0 ? void 0 : _a.map((item) => {
+        h("div", { class: sheet$c.classes.Title }, states.content.text.rewardTitle),
+        states.loading || states.queryError ? (loading()) : (h("div", { class: sheet$c.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)
@@ -3467,7 +3398,7 @@ function RewardExchangeView(props) {
             borderRadius: "4px",
           };
           return (h("div", { key: item.key, style: style },
-            h("sl-card", { exportparts: "base: exchange-card-container", class: sheet$d.classes.Card, style: {
+            h("sl-card", { exportparts: "base: exchange-card-container", class: sheet$c.classes.Card, style: {
                 cursor: item.unavailableReasonCode
                   ? "not-allowed"
                   : "pointer",
@@ -3484,14 +3415,14 @@ function RewardExchangeView(props) {
                     ? "rgba(0, 0, 0, 0.05)"
                     : "rgba(0, 0, 0, 0)",
                 } },
-                h("div", { class: sheet$d.classes.Image, style: {
+                h("div", { class: sheet$c.classes.Image, style: {
                     opacity: item.unavailableReasonCode ? "0.5" : "1",
                   } },
                   h("img", { class: item.unavailableReasonCode
                       ? "image subdued"
                       : "image", src: (item === null || item === void 0 ? void 0 : item.imageUrl) ||
                       getAssetPath("./assets/Reward-image.png") })),
-                h("div", { class: sheet$d.classes.TextArea, style: {
+                h("div", { class: sheet$c.classes.TextArea, style: {
                     opacity: item.unavailableReasonCode ? "0.5" : "1",
                   } },
                   h("div", { class: "title", style: {
@@ -3524,7 +3455,7 @@ function RewardExchangeView(props) {
                         item.prettySourceMinValue,
                     }))))))));
         }))),
-        h("div", { class: sheet$d.classes.Button },
+        h("div", { class: sheet$c.classes.Button },
           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))),
     ];
   }
@@ -3535,7 +3466,7 @@ function RewardExchangeView(props) {
       ? false
       : input && !states.amount;
     return (h("div", null,
-      h("div", { class: sheet$d.classes.ChooseAmount, part: "choose-amount-container" },
+      h("div", { class: sheet$c.classes.ChooseAmount, part: "choose-amount-container" },
         h("div", { class: "wrapper" },
           h("img", { class: "image", src: (selectedItem === null || selectedItem === void 0 ? void 0 : selectedItem.imageUrl) ||
               getAssetPath("./assets/Reward-image.png") }),
@@ -3544,7 +3475,7 @@ function RewardExchangeView(props) {
             ((_c = states.selectedItem) === null || _c === void 0 ? void 0 : _c.ruleType) === "FIXED_GLOBAL_REWARD" ? (h("div", { class: "points" }, input)) : (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" ? (h("div", { class: "description" }, selectedItem === null || selectedItem === void 0 ? void 0 : selectedItem.description)) : (h("div", null, input)),
             h("div", { class: "space" }))),
-        h("div", { class: sheet$d.classes.Button },
+        h("div", { class: sheet$c.classes.Button },
           h("sl-button", { exportparts: "base: secondarybutton-base", class: "cancel", size: "large", type: "text", onClick: () => callbacks.resetState() }, states.content.text.cancelText),
           h("sl-button", { exportparts: "base: primarybutton-base", class: "continue", size: "large", onClick: () => callbacks.setStage("confirmation"), disabled: isDisabled }, states.content.text.continueToConfirmationText)))));
   }
@@ -3552,8 +3483,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 (h("div", null,
-      h("div", { class: sheet$d.classes.Confirmation, part: "confirmation-container" },
-        h("div", { class: sheet$d.classes.Title }, states.content.text.redeemTitle),
+      h("div", { class: sheet$c.classes.Confirmation, part: "confirmation-container" },
+        h("div", { class: sheet$c.classes.Title }, states.content.text.redeemTitle),
         h("div", { class: "wrapper" },
           h("div", { class: "field" }, states.content.text.rewardNameTitle),
           h("div", { class: "reward-item-container" },
@@ -3568,13 +3499,13 @@ function RewardExchangeView(props) {
         h("div", { class: "wrapper top-border padding" },
           h("div", { class: "field" }, states.content.text.costTitle),
           h("div", { class: "value" }, cost)),
-        h("div", { class: sheet$d.classes.Button },
+        h("div", { class: sheet$c.classes.Button },
           h("sl-button", { class: "cancel", type: "text", size: "large", onClick: () => callbacks.setStage("chooseAmount") }, states.content.text.backText),
           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 (h("div", { class: sheet$d.classes.Success, part: "success-container" },
+    return (h("div", { class: sheet$c.classes.Success, part: "success-container" },
       h(Gift$1, null),
       h(Confetti, null),
       h("div", { class: "title" }, (_a = states.content.text) === null || _a === void 0 ? void 0 : _a.rewardRedeemedText),
@@ -3589,7 +3520,7 @@ function RewardExchangeView(props) {
       (data === null || data === void 0 ? void 0 : data.fuelTankCode) && (h("div", { class: "promo" },
         states.content.text.promoCode,
         h(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 }))),
-      h("div", { class: sheet$d.classes.Button },
+      h("div", { class: sheet$c.classes.Button },
         h("sl-button", { class: "continue center", type: "primary", size: "large", onClick: () => callbacks.resetState(true) }, states.content.text.doneText))));
   }
   const stages = {
@@ -3601,7 +3532,7 @@ function RewardExchangeView(props) {
   const currentStage = stages[states.redeemStage];
   function stageMap() {
     const stageNumber = stageList.indexOf(states.redeemStage);
-    return (h("div", { class: sheet$d.classes.ProgressBar },
+    return (h("div", { class: sheet$c.classes.ProgressBar },
       h("div", { class: "text-area" }, Object.keys(stageProgressList).map((stage) => {
         if (stageList.indexOf(stage) <= stageNumber) {
           return h("span", { class: "text" }, stageProgressList[stage]);
@@ -3613,10 +3544,10 @@ function RewardExchangeView(props) {
       h(ProgressBar, { stageCount: 3, currentStage: stageNumber })));
   }
   function loading() {
-    return (h("div", { class: sheet$d.classes.Grid, part: "loading-container" }, [...Array(states.content.text.skeletonCardNum)].map(() => {
+    return (h("div", { class: sheet$c.classes.Grid, part: "loading-container" }, [...Array(states.content.text.skeletonCardNum)].map(() => {
       return (h("div", null,
-        h("sl-card", { class: sheet$d.classes.Card },
-          h("div", { class: sheet$d.classes.CardLayout },
+        h("sl-card", { class: sheet$c.classes.Card },
+          h("div", { class: sheet$c.classes.CardLayout },
             h("div", null,
               h("sl-skeleton", { style: {
                   width: "100px",
@@ -3648,12 +3579,12 @@ function RewardExchangeView(props) {
         if (!(refs === null || refs === void 0 ? void 0 : refs.canvasRef))
           return;
         refs.canvasRef.current = canvas;
-      }, id: "my-canvas", class: sheet$d.classes.Confetti }));
+      }, id: "my-canvas", class: sheet$c.classes.Confetti }));
   }
   if (states.noExchangeOptions)
     return states.content.text.empty;
-  return (h("div", { class: sheet$d.classes.Container, part: "sqm-base" },
-    h("style", { type: "text/css" }, styleString$d),
+  return (h("div", { class: sheet$c.classes.Container, part: "sqm-base" },
+    h("style", { type: "text/css" }, styleString$c),
     h("div", null,
       stageMap(),
       states.exchangeError && errorMessage(),
@@ -4069,7 +4000,7 @@ function CardFeedView(props, children) {
     h("div", { class: sheet.classes.Container, part: "sqm-base" }, children)));
 }
 
-const style$e = {
+const style$d = {
   HostBlock: HostBlock,
   couponCodeLabel: {
     margin: "var(--sl-spacing-x-small) 0",
@@ -4077,21 +4008,21 @@ const style$e = {
     fontSize: "var(--sl-font-size-small)",
   },
 };
-const vanillaStyle$9 = `
+const vanillaStyle$8 = `
   :host{
     display: block;   
     width: 100%;
   }
 `;
-const sheet$e = createStyleSheet(style$e);
-const styleString$e = sheet$e.toString();
+const sheet$d = createStyleSheet(style$d);
+const styleString$d = sheet$d.toString();
 function CouponCodeView(props) {
   const error = !props.loading && props.error;
   return (h("div", null,
     h("style", { type: "text/css" },
-      styleString$e,
-      vanillaStyle$9),
-    h("p", { class: sheet$e.classes.couponCodeLabel, style: { textAlign: props.textAlign } }, props.couponCodeLabel),
+      styleString$d,
+      vanillaStyle$8),
+    h("p", { class: sheet$d.classes.couponCodeLabel, style: { textAlign: props.textAlign } }, props.couponCodeLabel),
     error ? (h("sqm-form-message", { type: props.errorType, exportparts: "erroralert-icon" },
       h("div", { part: "erroralert-text" }, props.errorText))) : (h(CopyTextView, Object.assign({}, props)))));
 }
@@ -4181,4 +4112,4 @@ const ShadowViewAddon = ({ story }, children) => {
     h(TagName, { "stencilbook-shadow-view": randomInt })));
 };
 
-export { successVariable as A, BigStatView as B, CopyTextView as C, DropdownFieldView as D, EditProfileView as E, loading as F, empty as G, HeroView as H, InputFieldView as I, rewardExchange as J, CardFeedView as K, LeaderboardView as L, CouponCodeView as M, NameFieldsView as N, ProgressBar as O, PortalFrameView as P, autoColorScaleCss as Q, ReferralIframeView as R, ShareButtonView as S, TaskCardView as T, ShadowViewAddon as U, useBigStat as V, withShadowView as W, demoRewardExchange as X, useShareButton as a, useDemoBigStat as b, StatContainerView as c, PortalChangePasswordView as d, PortalLoginView as e, PortalRegisterView as f, ProgressBarView as g, PoweredByImg as h, PortalFooterView as i, CheckboxFieldView as j, RewardExchangeView as k, rewardExchangeLongText as l, rewardExchangeSelected as m, chooseAmountFixed as n, chooseAmountFixedNoDescription as o, chooseAmountVariable as p, chooseAmountVariableNoDescription as q, rewardExchangeCustomErrorMsg as r, chooseAmountVariableDisabled as s, chooseAmountVariableUnavailable as t, useShareLink as u, confirmFixed as v, confirmVariable as w, redemptionError as x, queryError as y, success as z };
+export { loading as A, BigStatView as B, CopyTextView as C, DropdownFieldView as D, EditProfileView as E, empty as F, rewardExchange as G, HeroView as H, InputFieldView as I, CardFeedView as J, CouponCodeView as K, LeaderboardView as L, ProgressBar as M, NameFieldsView as N, autoColorScaleCss as O, PortalFrameView as P, ShadowViewAddon as Q, ReferralIframeView as R, ShareButtonView as S, TaskCardView as T, useBigStat as U, withShadowView as V, demoRewardExchange as W, useShareButton as a, useDemoBigStat as b, StatContainerView as c, PortalChangePasswordView as d, PortalLoginView as e, PortalRegisterView as f, ProgressBarView as g, PoweredByImg as h, PortalFooterView as i, RewardExchangeView as j, rewardExchangeLongText as k, rewardExchangeSelected as l, chooseAmountFixed as m, chooseAmountFixedNoDescription as n, chooseAmountVariable as o, chooseAmountVariableNoDescription as p, chooseAmountVariableDisabled as q, rewardExchangeCustomErrorMsg as r, chooseAmountVariableUnavailable as s, confirmFixed as t, useShareLink as u, confirmVariable as v, redemptionError as w, queryError as x, success as y, successVariable as z };

package/dist/esm/{global-04c7d3b5.js → global-62554cef.js}

@@ -1,5 +1,5 @@
 import { g as getAugmentedNamespace, c as createCommonjsModule, a as commonjsGlobal, b as browser, l as l$1 } from './stencil-hooks.module-ac12ca1c.js';
-import { s as src, m as memoize, U } from './index.module-def4aec5.js';
+import { s as src, m as memoize, U } from './index.module-48f73e70.js';
 
 var __assign = (undefined && undefined.__assign) || function () {
     __assign = Object.assign || function(t) {

package/dist/esm/{index.module-def4aec5.js → index.module-48f73e70.js}

@@ -8759,4 +8759,4 @@ var umd = createCommonjsModule(function (module, exports) {
 
 var N={current:void 0};function _(){if(void 0===N.current)throw new Error("no implementation of useHost provided");return N.current()}function U(e){if(!e)throw new Error("Must supply an implementation");if("function"!=typeof e)throw new Error("implementation must be a function");N.current=e;}function L(){lazilyStartLocaleContext();var t=_();return h(t,LOCALE_CONTEXT_NAME)}function H(){lazilyStartProgramContext();var e=_();return h(e,PROGRAM_CONTEXT_NAME)}function J(){var e;return null==(e=Q())?void 0:e.jwt}function Q(){lazilyStartUserContext();var e=_(),n=h(e,USER_CONTEXT_NAME),t=userIdentityFromJwt(null==n?void 0:n.jwt);if(isDemo()||!n||t)return n;setUserIdentity(void 0);}var z=getTenantAlias,G=getAppDomain,B=getEngagementMedium;function K(){return (K=Object.assign||function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r]);}return e}).apply(this,arguments)}function Z(e,n){return (Z=Object.setPrototypeOf||function(e,n){return e.__proto__=n,e})(e,n)}function X(e,n){return n||(n=e.slice(0)),e.raw=n,e}function Y(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,r=new Array(n);t<n;t++)r[t]=e[t];return r}function ee(e,n){var t;if("undefined"==typeof Symbol||null==e[Symbol.iterator]){if(Array.isArray(e)||(t=function(e,n){if(e){if("string"==typeof e)return Y(e,n);var t=Object.prototype.toString.call(e).slice(8,-1);return "Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?Y(e,n):void 0}}(e))||n&&e&&"number"==typeof e.length){t&&(e=t);var r=0;return function(){return r>=e.length?{done:!0}:{done:!1,value:e[r++]}}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}return (t=e[Symbol.iterator]()).next.bind(t)}var ne=function(){return (ne=Object.assign||function(e){for(var n,t=1,r=arguments.length;t<r;t++)for(var a in n=arguments[t])Object.prototype.hasOwnProperty.call(n,a)&&(e[a]=n[a]);return e}).apply(this,arguments)},te=new Map,re=new Map,ae=!0,oe=!1;function ie(e){return e.replace(/[\s,]+/g," ").trim()}function se(e){var n,t,r,a=ie(e);if(!te.has(a)){var o=parse(e,{experimentalFragmentVariables:oe});if(!o||"Document"!==o.kind)throw new Error("Not a valid GraphQL document.");te.set(a,function(e){var n=new Set(e.definitions);n.forEach(function(e){e.loc&&delete e.loc,Object.keys(e).forEach(function(t){var r=e[t];r&&"object"==typeof r&&n.add(r);});});var t=e.loc;return t&&(delete t.startToken,delete t.endToken),e}((n=o,t=new Set,r=[],n.definitions.forEach(function(e){if("FragmentDefinition"===e.kind){var n=e.name.value,a=ie((i=e.loc).source.body.substring(i.start,i.end)),o=re.get(n);o&&!o.has(a)?ae&&console.warn("Warning: fragment with name "+n+" already exists.\ngraphql-tag enforces all fragment names across your application to be unique; read more about\nthis in the docs: http://dev.apollodata.com/core/fragments.html#unique-names"):o||re.set(n,o=new Set),o.add(a),t.has(a)||(t.add(a),r.push(e));}else r.push(e);var i;}),ne(ne({},n),{definitions:r}))));}return te.get(a)}function ue(e){for(var n=[],t=1;t<arguments.length;t++)n[t-1]=arguments[t];"string"==typeof e&&(e=[e]);var r=e[0];return n.forEach(function(n,t){r+=n&&"Document"===n.kind?n.loc.source.body:n,r+=e[t+1];}),se(r)}var ce,de=ue;(ce=ue||(ue={})).gql=de,ce.resetCaches=function(){te.clear(),re.clear();},ce.disableFragmentWarnings=function(){ae=!1;},ce.enableExperimentalFragmentVariables=function(){oe=!0;},ce.disableExperimentalFragmentVariables=function(){oe=!1;},ue.default=ue;var le=ue;function fe(e,n){try{var t=e();}catch(e){return n(e)}return t&&t.then?t.then(void 0,n):t}var me=function(e){var n,t;function r(n,t){var r;(r=e.call(this,n,t)||this).subject=new Subject;var a=new Subject;return r.subject.pipe(bufferTime(200,void 0,10)).subscribe(function(e){try{if(!e.length)return Promise.resolve();for(var n,t=he(e),o=t.mergedQuery,i=t.mergedVariables,s=t.mergedQueryAddedEvents,u=ee(t.unmergedQueryAddedEvents);!(n=u()).done;)a.next(n.value);return s.length?Promise.resolve(fe(function(){return Promise.resolve(r.superRequest(o,i)).then(function(e){be(e,s);})},function(e){if(e instanceof types.ClientError){var n=function(){var n=e.response,t=n.data,r=n.errors;if(!t)return {v:Ie(s,e)};for(var a,o=Object.keys(t),i=[].concat(s),u=function(){var n=a.value,t=void 0;n.path.find(function(r,a,s){if(o.includes(r)){var u=pe(r),c=i.findIndex(function(e){return e.id===u});if(-1===c)return !1;o.splice(a,1),t=i.splice(c,1)[0];var d=ye(e.response.data,t);s[a]=ge(s[a],u);var l=t.query,f=t.variables,m=K({},e.response,{errors:[n],data:d,path:s}),v=new types.ClientError(m,{query:"string"!=typeof l?print(l):l,variables:f});return we(t,v),!0}return !1});},c=ee(r);!(a=c()).done;)u();be(t,i);}();if("object"==typeof n)return n.v}else Ie(s,e);})):Promise.resolve()}catch(e){return Promise.reject(e)}}),a.subscribe(function(e){try{var n=fe(function(){return Promise.resolve(r.superRequest(e.query,e.variables)).then(function(n){Ce(n,e);})},function(n){we(e,n);});return Promise.resolve(n&&n.then?n.then(function(){}):void 0)}catch(e){return Promise.reject(e)}}),r}t=e,(n=r).prototype=Object.create(t.prototype),n.prototype.constructor=n,Z(n,t);var a=r.prototype;return a.superRequest=function(n,t){return e.prototype.request.call(this,n,t)},a.request=function(e,n,t){var r=this;return new Promise(function(a,o){var i={query:e,variables:n,id:ve(),options:t,resolve:a,reject:o};r.subject.next(i);})},r}(dist$1.GraphQLClient),ve=function(){return nanoid().replace(/[-_]/g,"")},ge=function(e,n){return e.replace("_"+n,"")},pe=function(e){var n=e.split("_");return n[n.length-1]},he=function(e){var n=[],t=[],r=e.reduce(function(e,r){var a=r.query,o=r.variables,i=r.id,s=r.options;if(null==s||!s.batch)return t.push(r),e;try{var u="string"==typeof a?parse(a):a,c=u.definitions.find(function(e){return "FragmentDefinition"===e.kind}),d="string"==typeof a?a:print(a),l=/@/.test(d);if(c||l)return t.push(r),e;var f=function(e){return function(e,n){return e+"_"+n}(e,i)};return e=e.addN(u,[o],f,f),n.push(r),e}catch(n){return t.push(r),e}},M("BatchedQuery")),a=r.document,o=r.variables;return {mergedQuery:a&&print(a),mergedVariables:o,mergedQueryAddedEvents:n,unmergedQueryAddedEvents:t}},ye=function(e,n){if(!e)return e;var t=Object.keys(e),r=n.id;return t.reduce(function(n,t){var a;return t.endsWith(r)&&(n=K({},n,((a={})[ge(t,r)]=e[t],a))),n},{})},Ce=function(e,n){(0, n.resolve)(e);},be=function(e,n){for(var t,r=ee(n);!(t=r()).done;){var a=t.value,o=ye(e,a);a.resolve(o);}},we=function(e,n){(0, e.reject)(n);},Ie=function(e,n){for(var t,r=ee(e);!(t=r()).done;)(0, t.value.reject)(n);},Pe="sq:graphql-client",Ee=src(function(e,n,t){return new me(e+"/api/v1/"+n+"/graphql",{headers:{Authorization:"Bearer "+(t||"")}})});function Fe(e,n){switch(n.type){case"loading":return {data:void 0,errors:void 0,loading:!0};case"data":return {data:n.payload,errors:void 0,loading:!1};case"errors":return {data:void 0,errors:n.payload,loading:!1}}}function Me(e,n,t){void 0===t&&(t={batch:!0});var r,a,o,i,s,u,c=(r=J(),a=G(),o=z(),i=Ee(a,o,r),s=_(),null!=(u=h(s,"sq:graphql-client",{attempts:0}))?u:i),d=useReducer(Fe,n),l=d[1];return [d[0],useCallback(function(n,r){void 0===r&&(r=!1);try{if(!c){var a=new Error("No GraphQL client found");return l({type:"errors",payload:a}),Promise.resolve(a)}return Promise.resolve(function(a,o){try{var i=(r||l({type:"loading"}),Promise.resolve(c.request(e,n,t)).then(function(e){return l({type:"data",payload:e}),e}));}catch(e){return o(e)}return i&&i.then?i.then(void 0,o):i}(0,function(e){return l({type:"errors",payload:e}),e}))}catch(e){return Promise.reject(e)}},[c,e,l])]}var Se,De={loading:!1,data:void 0,errors:void 0};function $e(e){var n=Me(e,De);return [n[1],n[0]]}var Ae,ke=le(Se||(Se=X(["\n  mutation AuthenticateWithEmailAndPassword(\n    $email: String!\n    $password: String!\n  ) {\n    authenticateManagedIdentityWithEmailAndPassword(\n      authenticateManagedIdentityWithEmailAndPasswordInput: {\n        email: $email\n        password: $password\n      }\n    ) {\n      token\n      email\n      emailVerified\n      sessionData\n    }\n  }\n"])));function qe(){var e=$e(ke),n=e[0],t=e[1];return [function(e){try{return Promise.resolve(n(e)).then(function(e){if(!(e instanceof Error)&&e.authenticateManagedIdentityWithEmailAndPassword){var n=e.authenticateManagedIdentityWithEmailAndPassword.token,t=o(n).user;setUserIdentity({jwt:n,id:t.id,accountId:t.accountId,managedIdentity:{email:e.authenticateManagedIdentityWithEmailAndPassword.email,emailVerified:e.authenticateManagedIdentityWithEmailAndPassword.emailVerified,sessionData:e.authenticateManagedIdentityWithEmailAndPassword.sessionData}});}return e})}catch(e){return Promise.reject(e)}},{loading:t.loading,data:t.data,errors:t.errors}]}var je,Re=le(Ae||(Ae=X(["\n  mutation RegisterWithEmailAndPassword(\n    $email: String!\n    $password: String!\n    $formData: RSJsonNode\n    $redirectPath: String\n  ) {\n    registerManagedIdentityWithEmailAndPassword(\n      registerManagedIdentityWithEmailAndPasswordInput: {\n        email: $email\n        password: $password\n        formData: $formData\n        redirectPath: $redirectPath\n      }\n    ) {\n      token\n      email\n      emailVerified\n      sessionData\n    }\n  }\n"])));function xe(){var e=$e(Re),n=e[0],t=e[1];return [function(e){try{return Promise.resolve(n(e)).then(function(e){if(!(e instanceof Error)&&e.registerManagedIdentityWithEmailAndPassword){var n=e.registerManagedIdentityWithEmailAndPassword.token,t=o(n).user;setUserIdentity({jwt:n,id:t.id,accountId:t.accountId,managedIdentity:{email:e.registerManagedIdentityWithEmailAndPassword.email,emailVerified:e.registerManagedIdentityWithEmailAndPassword.emailVerified,sessionData:e.registerManagedIdentityWithEmailAndPassword.sessionData}});}return e})}catch(e){return Promise.reject(e)}},{loading:t.loading,data:t.data,errors:t.errors}]}var Ve,Oe=le(je||(je=X(["\n  mutation RegisterViaRegistrationForm($key: String!, $formData: RSJsonNode!) {\n    submitForm(formSubmissionInput: { key: $key, formData: $formData }) {\n      results {\n        ... on FormHandlerSubmissionResult {\n          result\n          formHandler {\n            namespace\n          }\n        }\n        ... on FormHandlerError {\n          errorCode\n          error\n          errorType\n          formHandler {\n            name\n            endpointUrl\n          }\n        }\n      }\n    }\n  }\n"])));function We(){var e=$e(Oe),n=e[0],t=e[1],r=t.loading,a=t.data,o$1=t.errors,i=useState(null),s=i[1];return [function(e){try{return s(null),Promise.resolve(n(e)).then(function(e){var n,t,r,a;if(e instanceof Error)return e;var o$1=null==(n=e.submitForm)||null==(t=n.results)?void 0:t.find(function(e){var n;return "identity"===(null==e||null==(n=e.formHandler)?void 0:n.namespace)});if(o$1&&null!=(r=o$1.result)&&null!=(a=r.results)&&a.length){var i=o$1.result.results[0];if(i.success){var c=i.data.token,d=o(c).user;setUserIdentity({jwt:c,id:d.id,accountId:d.accountId,managedIdentity:{email:i.data.email,emailVerified:i.data.emailVerified,sessionData:i.data.sessionData}});}else s(i.message);}return e})}catch(e){return Promise.reject(e)}},{loading:r,data:a,errors:o$1,formError:i[0]}]}var Ne,_e=le(Ve||(Ve=X(["\n  mutation ChangePassword($password: String!) {\n    changeManagedIdentityPassword(\n      changeManagedIdentityPasswordInput: { password: $password }\n    ) {\n      success\n    }\n  }\n"])));function Ue(){var e=$e(_e),n=e[1];return [e[0],{loading:n.loading,data:n.data,errors:n.errors}]}var Le,He=le(Ne||(Ne=X(["\n  mutation ResetPassword($oobCode: String!, $password: String!) {\n    resetManagedIdentityPassword(\n      resetManagedIdentityPasswordInput: {\n        password: $password\n        oobCode: $oobCode\n      }\n    ) {\n      token\n      email\n      emailVerified\n      sessionData\n    }\n  }\n"])));function Te(){var e=$e(He),n=e[0],t=e[1];return [function(e){try{return Promise.resolve(n(e)).then(function(e){if(!(e instanceof Error)&&e.resetManagedIdentityPassword){var n=e.resetManagedIdentityPassword.token,t=o(n).user;setUserIdentity({jwt:n,id:t.id,accountId:t.accountId,managedIdentity:{email:e.resetManagedIdentityPassword.email,emailVerified:e.resetManagedIdentityPassword.emailVerified,sessionData:e.resetManagedIdentityPassword.sessionData}});}return e})}catch(e){return Promise.reject(e)}},{loading:t.loading,data:t.data,errors:t.errors}]}var Je=le(Le||(Le=X(["\n  mutation VerifyPasswordResetCode($oobCode: String!) {\n    verifyManagedIdentityPasswordResetCode(\n      verifyManagedIdentityPasswordResetCodeInput: { oobCode: $oobCode }\n    ) {\n      success\n    }\n  }\n"])));function Qe(){return $e(Je)}function ze(){var e=_();return {refresh:useCallback(function(){e.dispatchEvent(new CustomEvent("sq:refresh",{bubbles:!0,composed:!0,cancelable:!0,detail:{}}));},[e])}}function Ge(e){var n=e.skip,t=void 0!==n&&n,r=e.update,a=e.variables;useEffect(function(){var e=function(e){!t&&r(a,!0);};return document.addEventListener("sq:refresh",e),function(){return document.removeEventListener("sq:refresh",e)}},function(e){var n=useRef(e),t=useRef(0);return equal(e,n.current)||(n.current=e,t.current+=1),useMemo(function(){return n.current},[t.current])}([a,r,t]));}var Be,Ke={loading:!1,data:void 0,errors:void 0},Ze=Symbol();function Xe(e){var n=Me(e,Ke),t=n[0],r=n[1],a=useRef(Ze);Ge({skip:a.current===Ze,update:r,variables:a.current});var o=useCallback(function(e){return a.current=e,r(e)},[r]);return [r,K({},t,{refetch:o})]}var Ye,en=le(Be||(Be=X(["\n  query ManagedIdentitySession {\n    managedIdentitySession {\n      email\n      emailVerified\n      sessionData\n    }\n  }\n"])));function nn(){var e=Q(),n=Xe(en),t=n[0],r=n[1],a=r.refetch,o=function(n){n instanceof Error||!n.managedIdentitySession||setUserIdentity(K({},e,{managedIdentity:n.managedIdentitySession}));};return [function(){try{return Promise.resolve(t({})).then(function(e){return o(e),e})}catch(e){return Promise.reject(e)}},{loading:r.loading,data:r.data,errors:r.errors,refetch:function(){try{return Promise.resolve(a()).then(function(e){return o(e),e})}catch(e){return Promise.reject(e)}}}]}var tn,rn=le(Ye||(Ye=X(["\n  mutation VerifyEmail($oobCode: String!) {\n    verifyManagedIdentityEmail(\n      verifyManagedIdentityEmailInput: { oobCode: $oobCode }\n    ) {\n      success\n    }\n  }\n"])));function an(){var e=nn()[0],n=$e(rn),t=n[0],r=n[1];return [function(n){try{return Promise.resolve(t(n)).then(function(n){var t=function(){if(!(n instanceof Error)&&n.verifyManagedIdentityEmail.success)return Promise.resolve(e()).then(function(){})}();return t&&t.then?t.then(function(){return n}):n})}catch(n){return Promise.reject(n)}},{loading:r.loading,data:r.data,errors:r.errors}]}var on,sn=le(tn||(tn=X(["\n  mutation RequestPasswordResetEmail(\n    $email: String!\n    $urlParams: RSJsonNode\n    $redirectPath: String\n  ) {\n    requestManagedIdentityPasswordResetEmail(\n      requestManagedIdentityPasswordResetEmailInput: {\n        email: $email\n        urlParams: $urlParams\n        redirectPath: $redirectPath\n      }\n    ) {\n      success\n    }\n  }\n"])));function un(){return $e(sn)}var cn,dn=le(on||(on=X(["\n  mutation RequestVerificationEmail(\n    $email: String!\n    $urlParams: RSJsonNode\n    $redirectPath: String\n  ) {\n    requestManagedIdentityVerificationEmail(\n      requestManagedIdentityVerificationEmailInput: {\n        email: $email\n        urlParams: $urlParams\n        redirectPath: $redirectPath\n      }\n    ) {\n      success\n    }\n  }\n"])));function ln(){return $e(dn)}var fn=le(cn||(cn=X(["\n  mutation authenticateManagedIdentityWithInstantAccess(\n    $email: String!\n    $firstName: String\n    $lastName: String\n    $locale: RSLocale\n    $countryCode: RSCountryCode\n    $cookies: String\n  ) {\n    authenticateManagedIdentityWithInstantAccess(\n      authenticateManagedIdentityWithInstantAccessInput: {\n        email: $email\n        firstName: $firstName\n        lastName: $lastName\n        locale: $locale\n        countryCode: $countryCode\n        cookies: $cookies\n      }\n    ) {\n      email\n      emailVerified\n      sessionData\n      token\n    }\n  }\n"])));function mn(){var e=H(),n=getEnvironment(),t=$e(fn),r=t[0],a=t[1];return [function(t){try{return Promise.resolve(r(t)).then(function(t){var r=function(){if(!(t instanceof Error)&&t.authenticateManagedIdentityWithInstantAccess)return Promise.resolve(function(e,n){try{return Promise.resolve(function(t,r){try{var a=Promise.resolve(fetch(getAppDomain()+"/api/v1/"+getTenantAlias()+"/graphql",{method:"POST",headers:{"Content-Type":"application/json",Authorization:"Bearer "+n},body:JSON.stringify({query:"\n  query checkReferralFraudStatus($programId: ID) {\n    viewer {\n      ... on User {\n        id\n        instantAccessRewards(filter: { programId_eq: $programId }) {\n          data {\n            id\n            pendingReasons\n            cancelledReason\n          }\n        }\n      }\n    }\n  }\n",variables:{programId:e}})})).then(function(e){if(!e.ok)throw new Error("Failed to fetch locale");return Promise.resolve(e.json()).then(function(e){var n;if(e.errors)throw new Error(JSON.stringify(e.errors,null,2));var t=(null==(n=e.data.viewer.instantAccessRewards)?void 0:n.data)||[];return t.some(function(e){return "SUSPECTED_FRAUD"===e.cancelledReason})?"DENIED":t.some(function(e){var n;return null==(n=e.pendingReasons)?void 0:n.includes("SUSPECTED_FRAUD")})?"PENDING_REVIEW":"APPROVED"})});}catch(e){return r(e)}return a&&a.then?a.then(void 0,r):a}(0,function(e){console.error(e);}))}catch(e){return Promise.reject(e)}}(e,t.authenticateManagedIdentityWithInstantAccess.token)).then(function(e){if("APPROVED"!==e)throw {name:"fraud_error",message:"Referral flagged as fraud."};var r=t.authenticateManagedIdentityWithInstantAccess.email;if(setUserIdentity({jwt:t.authenticateManagedIdentityWithInstantAccess.token,id:r,accountId:r}),"SquatchJS2"===n){var a=new CustomEvent("sq:user-registration",{bubbles:!0,detail:{userId:r,accountId:r}});document.dispatchEvent(a);}})}();return r&&r.then?r.then(function(e){return t}):t})}catch(e){return Promise.reject(e)}},{loading:a.loading,data:a.data,errors:a.errors}]}function vn(e,n){var t=useRef();return t.current&&equal(n,t.current.key)||(t.current={key:n,value:e()}),t.current.value}function gn(){return useReducer(function(e){return e+1},0)}function pn(e){for(var n,t=ee(Object.getOwnPropertyNames(e));!(n=t()).done;){var r=e[n.value];r&&"object"==typeof r&&pn(r);}return Object.freeze(e)}var hn={loading:!0,data:void 0,errors:void 0};function yn(e,n,t,r){var a=Me(e,hn,K({batch:!0},r||{})),o=a[0],i=a[1],s=gn(),u=s[1];return vn(function(){!t&&i(n);},[e,n,i,s[0],t]),Ge({skip:t,update:i,variables:n}),pn(K({},o,{refetch:u}))}function Cn(e){var n=_(),t=y(n,Pn(e.namespace),e.initialValue),r=t[0],a=t[1];return y(n,En(e.namespace),[r,a]),[r,a]}function bn(e){var n=d(En(e)),t=d(Pn(e));return n?[t,n[1]]:[void 0,void 0]}function wn(e){var n=d(En(e));if(n)return n[1]}function In(e){return d(Pn(e))}function Pn(e){return e+"-value"}function En(e){return e+"-state"}function Fn(e){var n=_(),t=yn(e.query,e.variables||{},e.skip,K({batch:!0},e.options||{})),r=y(n,Pn(e.namespace),t),a=r[0],o=r[1];return useEffect(function(){umd.deepEqual(t,a)||o(t);},[t,a]),t}function Mn(e){return d(Pn(e))||{data:null,loading:!0,refetch:function(){return console.warn("component still loading")}}}function Sn(){var e=gn()[1];return useEffect(function(){return history_default.listen(function(){e();})},[]),history_default.location}var Dn,$n=history_default;function An(e){var n=useState({limit:e.limit,offset:e.offset}),t=n[0],r=n[1],a=t.offset,o=t.limit,i=function(e,n){return e*n},s=function(e,n){return Math.ceil(e/n)||0};return {limit:o,setLimit:function(e){var n=s(a,e),o=i(e,n);r(K({},t,{limit:e,offset:o}));},offset:a,setCurrentPage:function(e){var n=i(e,o);r(function(e){return K({},e,{offset:n})});},calculatePagination:function(e,n){var t=s(a,o),r=function(e,n){return Math.ceil(e/n)||0}(n,o),i=0===e?"0":e>1?a+1+"-"+(a+e):""+(a+1);return {currentPage:t,pageCount:r,rangeOnPage:i,pageProgress:i+" of "+n}}}}function kn(e,n,t,r,a){var o;void 0===r&&(r={}),void 0===a&&(a=!1);var i=An(t),s=i.limit,u=i.setLimit,c=i.setCurrentPage,d=i.calculatePagination,l=yn(e,K({limit:s,offset:i.offset},r),a),f=l.loading,m=l.errors,v=l.refetch,g=n(l.data),p=d((null==g||null==(o=g.data)?void 0:o.length)||0,(null==g?void 0:g.totalCount)||0);return {envelope:g,states:{errors:m,loading:f,limit:s,currentPage:p.currentPage,pageCount:p.pageCount,pageProgress:p.pageProgress},callbacks:{refetch:v,setLimit:u,setCurrentPage:c}}}var xn=dist$1.gql(Dn||(Dn=X(["\n  mutation ($eventMeta: UserAnalyticsEvent!) {\n    createUserAnalyticsEvent(eventMeta: $eventMeta)\n  }\n"])));var On=1e3,Wn=60*On,Nn=60*Wn,_n=24*Nn,Un=function(e,n){n=n||{};var t=typeof e;if("string"===t&&e.length>0)return function(e){if(!((e=String(e)).length>100)){var n=/^(-?(?:\d+)?\.?\d+) *(milliseconds?|msecs?|ms|seconds?|secs?|s|minutes?|mins?|m|hours?|hrs?|h|days?|d|weeks?|w|years?|yrs?|y)?$/i.exec(e);if(n){var t=parseFloat(n[1]);switch((n[2]||"ms").toLowerCase()){case"years":case"year":case"yrs":case"yr":case"y":return 315576e5*t;case"weeks":case"week":case"w":return 6048e5*t;case"days":case"day":case"d":return t*_n;case"hours":case"hour":case"hrs":case"hr":case"h":return t*Nn;case"minutes":case"minute":case"mins":case"min":case"m":return t*Wn;case"seconds":case"second":case"secs":case"sec":case"s":return t*On;case"milliseconds":case"millisecond":case"msecs":case"msec":case"ms":return t;default:return}}}}(e);if("number"===t&&isFinite(e))return n.long?function(e){var n=Math.abs(e);return n>=_n?Ln(e,n,_n,"day"):n>=Nn?Ln(e,n,Nn,"hour"):n>=Wn?Ln(e,n,Wn,"minute"):n>=On?Ln(e,n,On,"second"):e+" ms"}(e):function(e){var n=Math.abs(e);return n>=_n?Math.round(e/_n)+"d":n>=Nn?Math.round(e/Nn)+"h":n>=Wn?Math.round(e/Wn)+"m":n>=On?Math.round(e/On)+"s":e+"ms"}(e);throw new Error("val is not a non-empty string or a valid number. val="+JSON.stringify(e))};function Ln(e,n,t,r){var a=n>=1.5*t;return Math.round(e/t)+" "+r+(a?"s":"")}var Hn,Tn,Jn,Qn,zn,Gn=(function(e,n){n.formatArgs=function(n){if(n[0]=(this.useColors?"%c":"")+this.namespace+(this.useColors?" %c":" ")+n[0]+(this.useColors?"%c ":" ")+"+"+e.exports.humanize(this.diff),!this.useColors)return;const t="color: "+this.color;n.splice(1,0,t,"color: inherit");let r=0,a=0;n[0].replace(/%[a-zA-Z%]/g,e=>{"%%"!==e&&(r++,"%c"===e&&(a=r));}),n.splice(a,0,t);},n.save=function(e){try{e?n.storage.setItem("debug",e):n.storage.removeItem("debug");}catch(e){}},n.load=function(){let e;try{e=n.storage.getItem("debug");}catch(e){}return !e&&"undefined"!=typeof process&&"env"in process&&(e=process.env.DEBUG),e},n.useColors=function(){return !("undefined"==typeof window||!window.process||"renderer"!==window.process.type&&!window.process.__nwjs)||("undefined"==typeof navigator||!navigator.userAgent||!navigator.userAgent.toLowerCase().match(/(edge|trident)\/(\d+)/))&&("undefined"!=typeof document&&document.documentElement&&document.documentElement.style&&document.documentElement.style.WebkitAppearance||"undefined"!=typeof window&&window.console&&(window.console.firebug||window.console.exception&&window.console.table)||"undefined"!=typeof navigator&&navigator.userAgent&&navigator.userAgent.toLowerCase().match(/firefox\/(\d+)/)&&parseInt(RegExp.$1,10)>=31||"undefined"!=typeof navigator&&navigator.userAgent&&navigator.userAgent.toLowerCase().match(/applewebkit\/(\d+)/))},n.storage=function(){try{return localStorage}catch(e){}}(),n.destroy=(()=>{let e=!1;return ()=>{e||(e=!0,console.warn("Instance method `debug.destroy()` is deprecated and no longer does anything. It will be removed in the next major version of `debug`."));}})(),n.colors=["#0000CC","#0000FF","#0033CC","#0033FF","#0066CC","#0066FF","#0099CC","#0099FF","#00CC00","#00CC33","#00CC66","#00CC99","#00CCCC","#00CCFF","#3300CC","#3300FF","#3333CC","#3333FF","#3366CC","#3366FF","#3399CC","#3399FF","#33CC00","#33CC33","#33CC66","#33CC99","#33CCCC","#33CCFF","#6600CC","#6600FF","#6633CC","#6633FF","#66CC00","#66CC33","#9900CC","#9900FF","#9933CC","#9933FF","#99CC00","#99CC33","#CC0000","#CC0033","#CC0066","#CC0099","#CC00CC","#CC00FF","#CC3300","#CC3333","#CC3366","#CC3399","#CC33CC","#CC33FF","#CC6600","#CC6633","#CC9900","#CC9933","#CCCC00","#CCCC33","#FF0000","#FF0033","#FF0066","#FF0099","#FF00CC","#FF00FF","#FF3300","#FF3333","#FF3366","#FF3399","#FF33CC","#FF33FF","#FF6600","#FF6633","#FF9900","#FF9933","#FFCC00","#FFCC33"],n.log=console.debug||console.log||(()=>{}),e.exports=function(e){function n(e){let r,a=null;function o(...e){if(!o.enabled)return;const t=o,a=Number(new Date);t.diff=a-(r||a),t.prev=r,t.curr=a,r=a,e[0]=n.coerce(e[0]),"string"!=typeof e[0]&&e.unshift("%O");let i=0;e[0]=e[0].replace(/%([a-zA-Z%])/g,(r,a)=>{if("%%"===r)return "%";i++;const o=n.formatters[a];return "function"==typeof o&&(r=o.call(t,e[i]),e.splice(i,1),i--),r}),n.formatArgs.call(t,e),(t.log||n.log).apply(t,e);}return o.namespace=e,o.useColors=n.useColors(),o.color=n.selectColor(e),o.extend=t,o.destroy=n.destroy,Object.defineProperty(o,"enabled",{enumerable:!0,configurable:!1,get:()=>null===a?n.enabled(e):a,set:e=>{a=e;}}),"function"==typeof n.init&&n.init(o),o}function t(e,t){const r=n(this.namespace+(void 0===t?":":t)+e);return r.log=this.log,r}function r(e){return e.toString().substring(2,e.toString().length-2).replace(/\.\*\?$/,"*")}return n.debug=n,n.default=n,n.coerce=function(e){return e instanceof Error?e.stack||e.message:e},n.disable=function(){const e=[...n.names.map(r),...n.skips.map(r).map(e=>"-"+e)].join(",");return n.enable(""),e},n.enable=function(e){let t;n.save(e),n.names=[],n.skips=[];const r=("string"==typeof e?e:"").split(/[\s,]+/),a=r.length;for(t=0;t<a;t++)r[t]&&("-"===(e=r[t].replace(/\*/g,".*?"))[0]?n.skips.push(new RegExp("^"+e.substr(1)+"$")):n.names.push(new RegExp("^"+e+"$")));},n.enabled=function(e){if("*"===e[e.length-1])return !0;let t,r;for(t=0,r=n.skips.length;t<r;t++)if(n.skips[t].test(e))return !1;for(t=0,r=n.names.length;t<r;t++)if(n.names[t].test(e))return !0;return !1},n.humanize=Un,n.destroy=function(){console.warn("Instance method `debug.destroy()` is deprecated and no longer does anything. It will be removed in the next major version of `debug`.");},Object.keys(e).forEach(t=>{n[t]=e[t];}),n.names=[],n.skips=[],n.formatters={},n.selectColor=function(e){let t=0;for(let n=0;n<e.length;n++)t=(t<<5)-t+e.charCodeAt(n),t|=0;return n.colors[Math.abs(t)%n.colors.length]},n.enable(n.load()),n}(n);const{formatters:t}=e.exports;t.j=function(e){try{return JSON.stringify(e)}catch(e){return "[UnexpectedJSONParseError]: "+e.message}};}(Hn={exports:{}},Hn.exports),Hn.exports),Bn=Gn("sq:load-event"),Kn=dist$1.gql(Tn||(Tn=X(["\n  mutation loadEvent($eventMeta: UserAnalyticsEvent!) {\n    createUserAnalyticsEvent(eventMeta: $eventMeta)\n  }\n"])));var Xn=Gn("sq:useForm"),Yn=dist$1.gql(Jn||(Jn=X(["\n  query ($key: String!) {\n    form(key: $key) {\n      schema\n      initialData {\n        initialData\n        isEnabled\n        isEnabledErrorMessage\n      }\n    }\n  }\n"]))),et=dist$1.gql(Qn||(Qn=X(["\n  mutation ($formSubmissionInput: FormSubmissionInput!) {\n    submitForm(formSubmissionInput: $formSubmissionInput) {\n      success\n      results {\n        ... on FormHandlerSubmissionResult {\n          formHandler {\n            name\n            endpointUrl\n            integration {\n              name\n            }\n          }\n          result\n        }\n        ... on FormHandlerError {\n          formHandler {\n            name\n            endpointUrl\n            integration {\n              name\n            }\n          }\n          errorType\n          error\n          errorCode\n        }\n      }\n    }\n  }\n"]))),nt=dist$1.gql(zn||(zn=X(["\n  query ($formValidationInput: FormValidationInput!) {\n    validateForm(formValidationInput: $formValidationInput) {\n      valid\n      results {\n        ... on FormHandlerValidationResult {\n          formHandler {\n            name\n            endpointUrl\n            integration {\n              name\n            }\n          }\n          result\n        }\n        ... on FormHandlerError {\n          formHandler {\n            name\n            endpointUrl\n            integration {\n              name\n            }\n          }\n          errorType\n          error\n          errorCode\n        }\n      }\n    }\n  }\n"])));
 
-export { $n as $, B, Cn as C, Ee as E, Fn as F, H, In as I, J, L, Mn as M, Pe as P, Q, Sn as S, Te as T, U, We as W, Xe as X, _, getEnvironmentSDK as a, setUserIdentity as b, mn as c, dist$1 as d, un as e, $e as f, gn as g, Qe as h, isDemo as i, an as j, kn as k, ln as l, memoize$1 as m, nn as n, setProgramId as o, Ue as p, qe as q, ze as r, src as s, bn as t, useCallback as u, Pn as v, wn as w, xe as x, yn as y, z };
+export { $n as $, B, Cn as C, Ee as E, Fn as F, H, In as I, J, L, Mn as M, Pe as P, Q, Sn as S, Te as T, U, We as W, Xe as X, _, getEnvironmentSDK as a, setUserIdentity as b, mn as c, dist$1 as d, $e as e, un as f, gn as g, Qe as h, isDemo as i, an as j, kn as k, ln as l, memoize$1 as m, nn as n, setProgramId as o, Ue as p, qe as q, ze as r, src as s, bn as t, useCallback as u, Pn as v, wn as w, xe as x, yn as y, z };