@saasquatch/mint-components 1.6.0-1 → 1.6.1-2

package/dist/esm/sqm-portal-protected-route.entry.js

@@ -1,26 +1,26 @@
 import { r as registerInstance, h as h$1, c as Host } from './index-17b4da69.js';
-import { e as useEffect, m as h } from './stencil-hooks.module-e39af977.js';
-import './use-callback-697e2ff0.js';
-import { a as ae, e as bn, w as wn, L } from './index.module-2b4f1755.js';
+import { e as useEffect, m as h } from './stencil-hooks.module-acc8a613.js';
+import './use-callback-7e0bfd3b.js';
+import { i as ie, l as ln, c as dn, j as jn } from './index.module-f5e17a4e.js';
 import './extends-c31f1eff.js';
 
 function usePortalProtectedRoute({ requireEmailVerification, redirectTo, redirectToUnverified, }) {
   var _a;
-  const userIdent = ae();
+  const userIdent = ie();
   const authenticated = !!(userIdent === null || userIdent === void 0 ? void 0 : userIdent.jwt);
   const emailVerified = (_a = userIdent === null || userIdent === void 0 ? void 0 : userIdent.managedIdentity) === null || _a === void 0 ? void 0 : _a.emailVerified;
-  const { pathname, search } = bn();
+  const { pathname, search } = ln();
   const nextPageParam = new URLSearchParams();
   nextPageParam.append("nextPage", `${pathname}${search}`);
   useEffect(() => {
     if (!authenticated) {
-      return wn.push({
+      return dn.push({
         pathname: redirectTo,
         search: "?" + nextPageParam.toString(),
       });
     }
     if (requireEmailVerification && !emailVerified) {
-      return wn.push({
+      return dn.push({
         pathname: redirectToUnverified || redirectTo,
         search: "?" + nextPageParam.toString(),
       });
@@ -42,14 +42,14 @@ const PortalProtectedRoute = class {
      */
     this.requireEmailVerification = false;
     /**
-     * @uiName Redirect unverified users path
+     * @uiName Redirect Unverified Users Path
      */
     this.redirectToUnverified = "/emailVerification";
     h(this);
   }
   disconnectedCallback() { }
   render() {
-    const hasUser = L()
+    const hasUser = jn()
       ? usePortalProtectedRouteDemo()
       : usePortalProtectedRoute(this);
     return (h$1(Host, { style: { display: hasUser ? "contents" : "none" } }, h$1("slot", null)));

package/dist/esm/sqm-portal-reset-password.entry.js

@@ -1,7 +1,7 @@
 import { r as registerInstance, h as h$1 } from './index-17b4da69.js';
-import { k as useState, e as useEffect, m as h } from './stencil-hooks.module-e39af977.js';
-import './use-callback-697e2ff0.js';
-import { z as ze, Q as Qe, w as wn, L } from './index.module-2b4f1755.js';
+import { k as useState, e as useEffect, m as h } from './stencil-hooks.module-acc8a613.js';
+import './use-callback-7e0bfd3b.js';
+import { N as Ne, V as Ve, c as dn, j as jn } from './index.module-f5e17a4e.js';
 import './extends-c31f1eff.js';
 import { j as jsonpointer } from './jsonpointer-388a7082.js';
 import { c as cjs } from './cjs-bdfb4486.js';
@@ -12,11 +12,11 @@ import './sqm-text-span-view-0ba1484d.js';
 import { P as PortalResetPasswordView } from './sqm-portal-reset-password-view-213b3af6.js';
 
 function usePortalResetPassword(props) {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
+  var _a, _b, _c, _d, _e, _f;
   const [reset, setReset] = useState(false);
   const [error, setError] = useState("");
-  const [verifyPasswordResetCode, verifyPasswordResetCodeState] = ze();
-  const [resetPassword, resetPasswordState] = Qe();
+  const [verifyPasswordResetCode, verifyPasswordResetCodeState] = Ne();
+  const [resetPassword, resetPasswordState] = Ve();
   const urlParams = new URLSearchParams(window.location.search);
   const oobCode = urlParams.get("oobCode");
   urlParams.delete("oobCode");
@@ -37,10 +37,10 @@ function usePortalResetPassword(props) {
   const gotoNextPage = () => {
     urlParams.delete("nextPage");
     const url = sanitizeUrlPath(nextPageOverride || props.nextPage);
-    wn.push(url.href);
+    dn.push(url.href);
   };
   const failed = () => {
-    wn.push({
+    dn.push({
       pathname: props.failedPage,
       search: urlParams.toString() && "?" + urlParams.toString(),
     });
@@ -68,10 +68,9 @@ function usePortalResetPassword(props) {
       loading: resetPasswordState.loading,
       reset,
       confirmPassword: props.confirmPassword,
-      error: ((_f = (_e = (_d = (_c = (_b = resetPasswordState.errors) === null || _b === void 0 ? void 0 : _b.response) === null || _c === void 0 ? void 0 : _c.errors) === null || _d === void 0 ? void 0 : _d[0]) === null || _e === void 0 ? void 0 : _e.extensions) === null || _f === void 0 ? void 0 : _f.message) || ((_k = (_j = (_h = (_g = resetPasswordState.errors) === null || _g === void 0 ? void 0 : _g.response) === null || _h === void 0 ? void 0 : _h.errors) === null || _j === void 0 ? void 0 : _j[0]) === null || _k === void 0 ? void 0 : _k.message) ||
-        error,
+      error: ((_e = (_d = (_c = (_b = resetPasswordState.errors) === null || _b === void 0 ? void 0 : _b.response) === null || _c === void 0 ? void 0 : _c.errors) === null || _d === void 0 ? void 0 : _d[0]) === null || _e === void 0 ? void 0 : _e.message) || error,
       oobCodeValidating: verifyPasswordResetCodeState.loading,
-      oobCodeValid: (_l = verifyPasswordResetCodeState.data) === null || _l === void 0 ? void 0 : _l.verifyManagedIdentityPasswordResetCode.success,
+      oobCodeValid: (_f = verifyPasswordResetCodeState.data) === null || _f === void 0 ? void 0 : _f.verifyManagedIdentityPasswordResetCode.success,
       content: {
         passwordResetHeader: props.passwordResetHeader,
         resetPasswordHeader: props.resetPasswordHeader,
@@ -92,52 +91,54 @@ const PortalResetPassword = class {
     /**
      * The page that users are redirected to when the password reset succeeds.
      *
-     * @uiName Next page path
+     * @uiName Next Page Path
      */
     this.nextPage = "/";
     /**
      * The page that users are redirected to if the reset fails due to outdated password reset attempt.
      *
-     * @uiName Failed page redirection path
+     * @uiName Failed Page Path
      */
     this.failedPage = "/";
     /**
-     * @uiName Show confirm password
+     * Show or hide confirm password field
+     *
+     * @uiName Show Confirm Password
      */
     this.confirmPassword = false;
     /**
-     * @uiName Password reset header text
+     * @uiName Reset Password Header Text
      */
     this.resetPasswordHeader = "Reset your password";
     /**
      * Displayed after a successful password reset
      *
-     * @uiName Password reset header text
+     * @uiName Successful Password Reset Text
      */
     this.passwordResetHeader = "Password reset";
     /**
-     * @uiName Password reset button text
+     * @uiName Password Reset Button Text
      */
     this.resetPasswordButtonText = "Reset Password";
     /**
-     * Displayed after a successful password reset
+     * Button text displayed after a successful password reset
      *
-     * @uiName Continue button text
+     * @uiName Continue Button Text
      */
     this.continueButtonText = "Continue";
     /**
-     * @uiName Confirm password field label
+     * @uiName Confirm Password Label
      */
     this.confirmPasswordFieldLabel = "Confirm Password";
     /**
-     * @uiName Password field label
+     * @uiName Password Label
      */
     this.passwordFieldLabel = "New Password";
     h(this);
   }
   disconnectedCallback() { }
   render() {
-    const { states, callbacks } = L()
+    const { states, callbacks } = jn()
       ? usePortalResetPasswordDemo(this)
       : usePortalResetPassword(this);
     return h$1(PortalResetPasswordView, { states: states, callbacks: callbacks });

package/dist/esm/sqm-portal-verify-email.entry.js

@@ -1,7 +1,7 @@
 import { r as registerInstance, h as h$1 } from './index-17b4da69.js';
-import { k as useState, e as useEffect, m as h } from './stencil-hooks.module-e39af977.js';
-import './use-callback-697e2ff0.js';
-import { a as ae, o as on, w as wn, L } from './index.module-2b4f1755.js';
+import { k as useState, e as useEffect, m as h } from './stencil-hooks.module-acc8a613.js';
+import './use-callback-7e0bfd3b.js';
+import { i as ie, K as Ke, c as dn, j as jn } from './index.module-f5e17a4e.js';
 import './extends-c31f1eff.js';
 import { c as cjs } from './cjs-bdfb4486.js';
 import './mixins-f60a614c.js';
@@ -11,18 +11,18 @@ import './sqm-text-span-view-0ba1484d.js';
 import { P as PortalVerifyEmailView } from './sqm-portal-verify-email-view-c32dfd7e.js';
 
 function usePortalVerifyEmail({ nextPage, failedPage }) {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _j;
+  var _a, _b, _c, _d, _e;
   const [verified, setVerified] = useState(false);
   const [disableContinue, setDisableContinue] = useState(true);
-  const userIdent = ae();
-  const [request, { loading, data, errors }] = on();
+  const userIdent = ie();
+  const [request, { loading, data, errors }] = Ke();
   const [error, setError] = useState("");
   const urlParams = new URLSearchParams(window.location.search);
   const oobCode = urlParams.get("oobCode");
   const nextPageOverride = urlParams.get("nextPage");
   urlParams.delete("oobCode");
   const failed = () => {
-    return wn.push({
+    return dn.push({
       pathname: failedPage,
       search: urlParams.toString() && "?" + urlParams.toString(),
     });
@@ -30,7 +30,7 @@ function usePortalVerifyEmail({ nextPage, failedPage }) {
   const gotoNextPage = () => {
     urlParams.delete("nextPage");
     const url = sanitizeUrlPath(nextPageOverride || nextPage);
-    wn.push(url.href);
+    dn.push(url.href);
   };
   const submit = async () => {
     if (oobCode) {
@@ -74,8 +74,7 @@ function usePortalVerifyEmail({ nextPage, failedPage }) {
   return {
     states: {
       loading: loading || disableContinue,
-      error: ((_f = (_e = (_d = (_c = errors === null || errors === void 0 ? void 0 : errors.response) === null || _c === void 0 ? void 0 : _c.errors) === null || _d === void 0 ? void 0 : _d[0]) === null || _e === void 0 ? void 0 : _e.extensions) === null || _f === void 0 ? void 0 : _f.message) || ((_j = (_h = (_g = errors === null || errors === void 0 ? void 0 : errors.response) === null || _g === void 0 ? void 0 : _g.errors) === null || _h === void 0 ? void 0 : _h[0]) === null || _j === void 0 ? void 0 : _j.message) ||
-        error,
+      error: ((_e = (_d = (_c = errors === null || errors === void 0 ? void 0 : errors.response) === null || _c === void 0 ? void 0 : _c.errors) === null || _d === void 0 ? void 0 : _d[0]) === null || _e === void 0 ? void 0 : _e.message) || error,
       verified,
     },
     data: {
@@ -95,20 +94,20 @@ const PortalVerifyEmail = class {
     /**
      * The page that users are redirected to when the verification succeeds.
      *
-     * @uiName Next page path
+     * @uiName Next Page Path
      */
     this.nextPage = "/";
     /**
      * The page that users are redirected to if verification fails due to outdated verification attempt.
      *
-     * @uiName Failed page redirection path
+     * @uiName Failed Page Path
      */
     this.failedPage = "/";
     h(this);
   }
   disconnectedCallback() { }
   render() {
-    const { states, data, callbacks } = L()
+    const { states, data, callbacks } = jn()
       ? usePortalVerifyEmailDemo(this)
       : usePortalVerifyEmail(this);
     return (h$1(PortalVerifyEmailView, { states: states, data: data, callbacks: callbacks }));

package/dist/esm/sqm-referral-table_11.entry.js

@@ -1,17 +1,17 @@
 import { r as registerInstance, h as h$1, g as getElement, c as Host } from './index-17b4da69.js';
-import { m as h, u as useReducer, j as useMemo, e as useEffect } from './stencil-hooks.module-e39af977.js';
-import { i as intl } from './global-78c0c467.js';
-import './use-callback-697e2ff0.js';
-import { L } from './index.module-2b4f1755.js';
+import { m as h, u as useReducer, i as useMemo, e as useEffect } from './stencil-hooks.module-acc8a613.js';
+import { i as intl } from './global-5c84f57f.js';
+import './use-callback-7e0bfd3b.js';
+import { j as jn } from './index.module-f5e17a4e.js';
 import './extends-c31f1eff.js';
 import { c as cjs } from './cjs-bdfb4486.js';
 import './mixins-f60a614c.js';
 import { c as createStyleSheet } from './JSS-f00f9536.js';
 import { G as GenericTableView } from './GenericTableView-ebc09be0.js';
-import { a as useRequestRerender, u as useRerenderListener } from './re-render-5c1dfc11.js';
-import { u as useChildElements } from './useChildElements-3b3440e2.js';
-import { l as luxon } from './luxon-578505e2.js';
-import { u as useReferralTable, t as tryMethod } from './useReferralTable-7cae0c08.js';
+import { a as useRequestRerender, u as useRerenderListener } from './re-render-69774e13.js';
+import { u as useChildElements } from './useChildElements-a8347aea.js';
+import { l as luxon } from './luxon-f44215d9.js';
+import { u as useReferralTable, t as tryMethod } from './useReferralTable-5cac5b13.js';
 import { l as luxonLocale } from './utils-334c1e34.js';
 import { T as TextSpanView } from './sqm-text-span-view-0ba1484d.js';
 
@@ -159,20 +159,29 @@ const getMockData = () => {
 const ReferralTable = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
-    /** @uiName Number of referrals per page */
+    /**
+     * Number of referrals displayed per page
+     *
+     * @uiName Referrals Per Page
+     */
     this.perPage = 4;
-    /** @uiName Show column labels */
+    /** @uiName Show Column Labels */
     this.showLabels = true;
-    /** @uiName Previous button text  */
+    /** @uiName Previous Button Text  */
     this.prevLabel = "Prev";
-    /** @uiName View More button text  */
+    /** @uiName View More Button Text  */
     this.moreLabel = "Next";
-    /** @uiName Show Referred by user in table  */
+    /**
+     * Show referred by user in table
+     *
+     * @uiName Show Referrer
+     */
     this.showReferrer = false;
     /**
      * Provide the column numbers (0 indexed) that should not be displayed in mobile views. Ex. 0,2,3
      *
-     *  @uiName Mobile Hidden Columns  */
+     * @uiName Hidden Mobile Columns
+     */
     this.hiddenColumns = "0";
     /** @uiName Mobile Breakpoint  */
     this.smBreakpoint = 599;
@@ -184,7 +193,7 @@ const ReferralTable = class {
   render() {
     const empty = h$1(EmptySlot, null);
     const loading = h$1(LoadingSlot, null);
-    const { states, data, callbacks, elements } = L()
+    const { states, data, callbacks, elements } = jn()
       ? useReferralTableDemo(this, empty, loading)
       : useReferralTable(this, empty, loading);
     useRequestRerender([this.showReferrer, this.perPage]);
@@ -534,10 +543,12 @@ const ReferralTableRewardsColumn = class {
     this.columnTitle = "Rewards";
     /**
      * @uiName Reward Status Text
+     * @uiWidget textArea
      */
     this.statusText = "{status, select, AVAILABLE {Available} CANCELLED {Cancelled} PENDING {Pending} EXPIRED {Expired} REDEEMED {Redeemed} other {Not available} }";
     /**
      * @uiName Reward Status Long Text
+     * @uiWidget textArea
      */
     this.statusLongText = "{status, select, AVAILABLE {Reward expiring on} CANCELLED {Reward cancelled on} PENDING {Available on} EXPIRED {Reward expired on} other {Not available} }";
     /**
@@ -671,11 +682,15 @@ const ReferralTableUserColumn = class {
      */
     this.columnTitle = "Customer";
     /**
-     * @uiName Name displayed for anonymous users
+     * Name displayed for unknown users
+     *
+     * @uiName Anonymous User Text
      */
     this.anonymousUser = "Anonymous User";
     /**
-     * @uiName Name displayed for deleted users
+     * Name displayed for deleted users
+     *
+     * @uiName Deleted User Text
      */
     this.deletedUser = "Deleted User";
     h(this);

package/dist/esm/sqm-rewards-table-customer-note-cell.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, h as h$1 } from './index-17b4da69.js';
-import { m as h } from './stencil-hooks.module-e39af977.js';
+import { m as h } from './stencil-hooks.module-acc8a613.js';
 import './extends-c31f1eff.js';
 import './JSS-f00f9536.js';
 import { T as TextSpanView } from './sqm-text-span-view-0ba1484d.js';

package/dist/esm/sqm-rewards-table-customer-note-column.entry.js

@@ -1,9 +1,9 @@
 import { r as registerInstance, h as h$1, c as Host } from './index-17b4da69.js';
-import { m as h } from './stencil-hooks.module-e39af977.js';
-import './use-callback-697e2ff0.js';
-import './index.module-2b4f1755.js';
+import { m as h } from './stencil-hooks.module-acc8a613.js';
+import './use-callback-7e0bfd3b.js';
+import './index.module-f5e17a4e.js';
 import './extends-c31f1eff.js';
-import { a as useRequestRerender } from './re-render-5c1dfc11.js';
+import { a as useRequestRerender } from './re-render-69774e13.js';
 
 const RewardTableCustomerNoteColumn = class {
   constructor(hostRef) {

package/dist/esm/sqm-rewards-table_9.entry.js

@@ -1,17 +1,17 @@
 import { h, r as registerInstance, c as Host } from './index-17b4da69.js';
-import { b as browser, u as useReducer, e as useEffect, m as h$1, j as useMemo } from './stencil-hooks.module-e39af977.js';
-import { i as intl } from './global-78c0c467.js';
-import './use-callback-697e2ff0.js';
-import { d as dist, a as ae, A, O, I as In, L } from './index.module-2b4f1755.js';
+import { b as browser, u as useReducer, e as useEffect, m as h$1, i as useMemo } from './stencil-hooks.module-acc8a613.js';
+import { i as intl } from './global-5c84f57f.js';
+import './use-callback-7e0bfd3b.js';
+import { d as dist, i as ie, M, A as An, a as mn, j as jn } from './index.module-f5e17a4e.js';
 import './extends-c31f1eff.js';
 import { c as cjs } from './cjs-bdfb4486.js';
 import './mixins-f60a614c.js';
 import { c as createStyleSheet } from './JSS-f00f9536.js';
 import { G as GenericTableView } from './GenericTableView-ebc09be0.js';
-import { u as useRerenderListener, a as useRequestRerender } from './re-render-5c1dfc11.js';
-import { u as useChildElements } from './useChildElements-3b3440e2.js';
-import { l as luxon } from './luxon-578505e2.js';
-import { g as generateUserError } from './useReferralTable-7cae0c08.js';
+import { u as useRerenderListener, a as useRequestRerender } from './re-render-69774e13.js';
+import { u as useChildElements } from './useChildElements-a8347aea.js';
+import { l as luxon } from './luxon-f44215d9.js';
+import { g as generateUserError } from './useReferralTable-5cac5b13.js';
 import { l as luxonLocale } from './utils-334c1e34.js';
 
 const mockRewardData = (count = 4) => {
@@ -214,9 +214,9 @@ const GET_REWARDS = dist.gql `
 `;
 function useRewardsTable(props, emptyElement, loadingElement) {
   var _a, _b;
-  const user = ae();
-  const programIdContext = A();
-  const locale = O();
+  const user = ie();
+  const programIdContext = M();
+  const locale = An();
   // Default to context, overriden by props
   const programId = (_a = props.programId) !== null && _a !== void 0 ? _a : programIdContext;
   const rewardFilter = {
@@ -238,7 +238,7 @@ function useRewardsTable(props, emptyElement, loadingElement) {
     loading: false,
     page: 0,
   });
-  const { envelope: rewardsData, states, callbacks, } = In(GET_REWARDS, (data) => { var _a; return (_a = data === null || data === void 0 ? void 0 : data.viewer) === null || _a === void 0 ? void 0 : _a.rewards; }, {
+  const { envelope: rewardsData, states, callbacks, } = mn(GET_REWARDS, (data) => { var _a; return (_a = data === null || data === void 0 ? void 0 : data.viewer) === null || _a === void 0 ? void 0 : _a.rewards; }, {
     limit: props.perPage,
     offset: 0,
   }, {
@@ -365,7 +365,7 @@ const RewardsTable = class {
   render() {
     const empty = h(EmptySlot, null);
     const loading = h(LoadingSlot, null);
-    const { states, data, callbacks, elements } = L()
+    const { states, data, callbacks, elements } = jn()
       ? useRewardsTableDemo(this, empty, loading)
       : useRewardsTable(this, empty, loading);
     useRequestRerender([this.perPage]);
@@ -651,7 +651,7 @@ const RewardsTableColumn = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
     /**
-     * @uiName Reward column title
+     * @uiName Reward Column Title
      */
     this.columnTitle = "Reward";
     /**
@@ -754,25 +754,31 @@ const RewardTableUserColumn = class {
      */
     this.columnTitle = "Source";
     /**
-     * @uiName Name displayed for anonymous users
+     * Name displayed for unknown users
+     *
+     * @uiName Anonymous User Text
      */
     this.anonymousUser = "Anonymous User";
     /**
-     * @uiName Name displayed for deleted users
+     * Name displayed for deleted users
+     *
+     * @uiName Deleted User Text
      */
     this.deletedUser = "Deleted User";
     /**
-     * @uiName Reward Exchange label
+     * @uiName Reward Exchange Label
      */
     this.rewardExchangeText = "Reward Exchange";
     /**
      * Shown when a reward has been created by a referral
      *
      * @uiName Referral Text
+     * @uiWidget textArea
      */
     this.referralText = "{rewardSource, select, FRIEND_SIGNUP {Referral to} REFERRED {Referred by} other {}}";
     /**
      * @uiName Reward Source Text
+     * @uiWidget textArea
      */
     this.rewardSourceText = "{rewardSource, select, MANUAL {Manual} AUTOMATED {{programName}} other {}}";
     h$1(this);
@@ -907,6 +913,7 @@ const RewardTableStatusColumn = class {
     this.columnTitle = "Status";
     /**
      * @uiName Reward Status Text
+     * @uiWidget textArea
      */
     this.statusText = "{status, select, AVAILABLE {Available} CANCELLED {Cancelled} PENDING {Pending} EXPIRED {Expired} REDEEMED {Redeemed} other {Not available} }";
     /**