@saasquatch/mint-components 1.8.0-68 → 1.8.0-69

package/dist/cjs/sqm-banking-info-form_16.cjs.entry.js

@@ -16,7 +16,7 @@ const useChildElements = require('./useChildElements-3caf3e22.js');
 const luxon = require('./luxon-33ebaf57.js');
 const useReferralTable = require('./useReferralTable-ef23d978.js');
 const utils = require('./utils-6847bc06.js');
-const sqmInvoiceTableView = require('./sqm-invoice-table-view-4697fd3a.js');
+const sqmInvoiceTableView = require('./sqm-invoice-table-view-833b25e4.js');
 
 const mockPaymentOptions = {
   CAD: [
@@ -3911,11 +3911,15 @@ const style$4 = {
   Alert: {
     "&::part(base)": {
       backgroundColor: "var(--sl-color-warning-100)",
-      border: "1px solid var(--sl-color-warning-300)",
+      border: "1px solid var(--sl-color-warning-200)",
       padding: "0 16px",
     },
+    "& sl-icon": {
+      margin: 0,
+    },
     "& sl-icon::part(base)": {
       color: "var(--sl-color-warning-500)",
+      margin: 0,
     },
   },
   AlertContent: {
@@ -5194,7 +5198,7 @@ const TaxAndCashMonolith = class {
       case "/dashboard":
         return (index.h("sqm-tax-and-cash-dashboard", Object.assign({}, this.getGeneralStepTextProps("dashboard_"))));
       case "/error":
-        return (index.h("sl-alert", { exportparts: "base: alert-base, icon:alert-icon", type: "danger", open: true }, index.h("sl-icon", { slot: "icon", name: "exclamation-octagon" }), index.h("strong", null, this.loadingErrorAlertHeader), index.h("br", null), this.loadingErrorAlertDescription));
+        return (index.h(sqmInvoiceTableView.ErrorView, { loadingErrorAlertHeader: this.loadingErrorAlertHeader, loadingErrorAlertDescription: this.loadingErrorAlertDescription }));
     }
     return index.h(sqmInvoiceTableView.LoadingView, null);
   }

package/dist/cjs/{sqm-invoice-table-view-4697fd3a.js → sqm-invoice-table-view-833b25e4.js}

@@ -121,6 +121,35 @@ const getIsRequiredErrorMessage = (fieldName, errorMessage) => {
 };
 //TODO: AL Add utils function for handling mapping of badge statuses to actual badge text in tax-and-cash-dashboard
 
+const styles = {
+  Alert: {
+    "&::part(base)": {
+      backgroundColor: "var(--sl-color-danger-100)",
+      border: "1px solid var(--sl-color-danger-200)",
+      padding: "0 16px",
+    },
+    "& sl-icon": {
+      margin: 0,
+    },
+    "& sl-icon::part(base)": {
+      color: "var(--sl-color-danger-500)",
+      margin: 0,
+    },
+  },
+};
+const ErrorView = (props) => {
+  const sheet = JSS.createStyleSheet(styles);
+  const styleString = sheet.toString();
+  const { classes } = sheet;
+  return (index.h("div", null,
+    index.h("style", null, styleString),
+    index.h("sl-alert", { exportparts: "base: alert-base, icon:alert-icon", type: "danger", open: true, class: classes.Alert },
+      index.h("sl-icon", { slot: "icon", name: "exclamation-octagon", class: "Error" }),
+      index.h("strong", null, props.loadingErrorAlertHeader),
+      index.h("br", null),
+      props.loadingErrorAlertDescription)));
+};
+
 const TaxForm_stories = {
   title: "Components/Tax Form",
 };
@@ -287,6 +316,9 @@ const docusignFormProps = {
 const GeneralLoadingView = () => {
   return index.h(LoadingView, null);
 };
+const GeneralErrorView = () => {
+  return (index.h(ErrorView, { loadingErrorAlertHeader: "There was a problem loading your form", loadingErrorAlertDescription: "Please refresh the page and try again. If this problem continues, contact Support." }));
+};
 // STEP ONE
 const StepOne = () => {
   return index.h("sqm-user-info-form", { demoData: stepOneProps });
@@ -1047,6 +1079,7 @@ const TaxForm = /*#__PURE__*/Object.freeze({
   __proto__: null,
   'default': TaxForm_stories,
   GeneralLoadingView: GeneralLoadingView,
+  GeneralErrorView: GeneralErrorView,
   StepOne: StepOne,
   StepOneLoading: StepOneLoading,
   StepOneDisabled: StepOneDisabled,
@@ -1407,6 +1440,7 @@ function InvoiceTableView(props, children) {
         children))));
 }
 
+exports.ErrorView = ErrorView;
 exports.GeneralLoadingView = GeneralLoadingView;
 exports.INDIRECT_TAX_PROVINCES = INDIRECT_TAX_PROVINCES;
 exports.INDIRECT_TAX_SPAIN_REGIONS = INDIRECT_TAX_SPAIN_REGIONS;

package/dist/cjs/sqm-stencilbook.cjs.entry.js

@@ -30,7 +30,7 @@ const sqmPortalResetPasswordView = require('./sqm-portal-reset-password-view-d63
 const sqmPortalVerifyEmailView = require('./sqm-portal-verify-email-view-1e6255e9.js');
 const ShadowViewAddon = require('./ShadowViewAddon-119ea8d4.js');
 const sqmPortalContainerView = require('./sqm-portal-container-view-e565003b.js');
-const sqmInvoiceTableView = require('./sqm-invoice-table-view-4697fd3a.js');
+const sqmInvoiceTableView = require('./sqm-invoice-table-view-833b25e4.js');
 
 /**
  * lodash (Custom Build) <https://lodash.com/>

package/dist/collection/components/tax-and-cash/TaxForm.stories.js

@@ -4,6 +4,7 @@ import LoadingView from "./sqm-tax-and-cash/LoadingView";
 // import sqmUserInfoSpecs from "./sqm-tax-document-step-1.feature";
 // import sqmIndirectTaxFormSpecs from "../sqm-indirect-tax-form/sqm-indirect-tax-form.feature";
 import { taxTypeToName } from "./utils";
+import { ErrorView } from "./sqm-tax-and-cash/ErrorView";
 export default {
   title: "Components/Tax Form",
 };
@@ -170,6 +171,9 @@ const docusignFormProps = {
 export const GeneralLoadingView = () => {
   return h(LoadingView, null);
 };
+export const GeneralErrorView = () => {
+  return (h(ErrorView, { loadingErrorAlertHeader: "There was a problem loading your form", loadingErrorAlertDescription: "Please refresh the page and try again. If this problem continues, contact Support." }));
+};
 // STEP ONE
 export const StepOne = () => {
   return h("sqm-user-info-form", { demoData: stepOneProps });

package/dist/collection/components/tax-and-cash/sqm-payout-details-card/sqm-payout-details-card-view.js

@@ -87,11 +87,15 @@ const style = {
   Alert: {
     "&::part(base)": {
       backgroundColor: "var(--sl-color-warning-100)",
-      border: "1px solid var(--sl-color-warning-300)",
+      border: "1px solid var(--sl-color-warning-200)",
       padding: "0 16px",
     },
+    "& sl-icon": {
+      margin: 0,
+    },
     "& sl-icon::part(base)": {
       color: "var(--sl-color-warning-500)",
+      margin: 0,
     },
   },
   AlertContent: {

package/dist/collection/components/tax-and-cash/sqm-tax-and-cash/ErrorView.js

@@ -0,0 +1,30 @@
+import { h } from "@stencil/core";
+import { createStyleSheet } from "../../../styling/JSS";
+const styles = {
+  Alert: {
+    "&::part(base)": {
+      backgroundColor: "var(--sl-color-danger-100)",
+      border: "1px solid var(--sl-color-danger-200)",
+      padding: "0 16px",
+    },
+    "& sl-icon": {
+      margin: 0,
+    },
+    "& sl-icon::part(base)": {
+      color: "var(--sl-color-danger-500)",
+      margin: 0,
+    },
+  },
+};
+export const ErrorView = (props) => {
+  const sheet = createStyleSheet(styles);
+  const styleString = sheet.toString();
+  const { classes } = sheet;
+  return (h("div", null,
+    h("style", null, styleString),
+    h("sl-alert", { exportparts: "base: alert-base, icon:alert-icon", type: "danger", open: true, class: classes.Alert },
+      h("sl-icon", { slot: "icon", name: "exclamation-octagon", class: "Error" }),
+      h("strong", null, props.loadingErrorAlertHeader),
+      h("br", null),
+      props.loadingErrorAlertDescription)));
+};

package/dist/collection/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.js

@@ -8,6 +8,7 @@ import { TAX_CONTEXT_NAMESPACE } from "./data";
 import { extractProps } from "./extractProps";
 import { useTaxAndCash } from "./useTaxAndCash";
 import { isDemo } from "@saasquatch/component-boilerplate";
+import { ErrorView } from "./ErrorView";
 /**
  * @uiName Tax and Cash
  * @exampleGroup Tax and Cash
@@ -917,11 +918,7 @@ export class TaxAndCashMonolith {
       case "/dashboard":
         return (h("sqm-tax-and-cash-dashboard", Object.assign({}, this.getGeneralStepTextProps("dashboard_"))));
       case "/error":
-        return (h("sl-alert", { exportparts: "base: alert-base, icon:alert-icon", type: "danger", open: true },
-          h("sl-icon", { slot: "icon", name: "exclamation-octagon" }),
-          h("strong", null, this.loadingErrorAlertHeader),
-          h("br", null),
-          this.loadingErrorAlertDescription));
+        return (h(ErrorView, { loadingErrorAlertHeader: this.loadingErrorAlertHeader, loadingErrorAlertDescription: this.loadingErrorAlertDescription }));
     }
     return h(LoadingView, null);
   }

package/dist/esm/sqm-banking-info-form_16.entry.js

@@ -12,7 +12,7 @@ import { u as useChildElements } from './useChildElements-b6d750df.js';
 import { l as luxon } from './luxon-01b10a1d.js';
 import { g as generateUserError } from './useReferralTable-9e95b558.js';
 import { g as getProps, l as luxonLocale } from './utils-334c1e34.js';
-import { t as taxTypeToName, a as INDIRECT_TAX_SPAIN_REGIONS, b as INDIRECT_TAX_PROVINCES, O as OtherRegionSlotView, I as InvoiceTableView, L as LoadingView, v as vatLabels, N as NextPayout, G as GeneralLoadingView, g as getIsRequiredErrorMessage, o as objectIsFull } from './sqm-invoice-table-view-2dc9cc44.js';
+import { t as taxTypeToName, a as INDIRECT_TAX_SPAIN_REGIONS, b as INDIRECT_TAX_PROVINCES, O as OtherRegionSlotView, I as InvoiceTableView, E as ErrorView, L as LoadingView, v as vatLabels, N as NextPayout, G as GeneralLoadingView, g as getIsRequiredErrorMessage, o as objectIsFull } from './sqm-invoice-table-view-6eb9410d.js';
 
 const mockPaymentOptions = {
   CAD: [
@@ -3907,11 +3907,15 @@ const style$4 = {
   Alert: {
     "&::part(base)": {
       backgroundColor: "var(--sl-color-warning-100)",
-      border: "1px solid var(--sl-color-warning-300)",
+      border: "1px solid var(--sl-color-warning-200)",
       padding: "0 16px",
     },
+    "& sl-icon": {
+      margin: 0,
+    },
     "& sl-icon::part(base)": {
       color: "var(--sl-color-warning-500)",
+      margin: 0,
     },
   },
   AlertContent: {
@@ -5190,7 +5194,7 @@ const TaxAndCashMonolith = class {
       case "/dashboard":
         return (h("sqm-tax-and-cash-dashboard", Object.assign({}, this.getGeneralStepTextProps("dashboard_"))));
       case "/error":
-        return (h("sl-alert", { exportparts: "base: alert-base, icon:alert-icon", type: "danger", open: true }, h("sl-icon", { slot: "icon", name: "exclamation-octagon" }), h("strong", null, this.loadingErrorAlertHeader), h("br", null), this.loadingErrorAlertDescription));
+        return (h(ErrorView, { loadingErrorAlertHeader: this.loadingErrorAlertHeader, loadingErrorAlertDescription: this.loadingErrorAlertDescription }));
     }
     return h(LoadingView, null);
   }

package/dist/esm/{sqm-invoice-table-view-2dc9cc44.js → sqm-invoice-table-view-6eb9410d.js}

@@ -119,6 +119,35 @@ const getIsRequiredErrorMessage = (fieldName, errorMessage) => {
 };
 //TODO: AL Add utils function for handling mapping of badge statuses to actual badge text in tax-and-cash-dashboard
 
+const styles = {
+  Alert: {
+    "&::part(base)": {
+      backgroundColor: "var(--sl-color-danger-100)",
+      border: "1px solid var(--sl-color-danger-200)",
+      padding: "0 16px",
+    },
+    "& sl-icon": {
+      margin: 0,
+    },
+    "& sl-icon::part(base)": {
+      color: "var(--sl-color-danger-500)",
+      margin: 0,
+    },
+  },
+};
+const ErrorView = (props) => {
+  const sheet = createStyleSheet(styles);
+  const styleString = sheet.toString();
+  const { classes } = sheet;
+  return (h("div", null,
+    h("style", null, styleString),
+    h("sl-alert", { exportparts: "base: alert-base, icon:alert-icon", type: "danger", open: true, class: classes.Alert },
+      h("sl-icon", { slot: "icon", name: "exclamation-octagon", class: "Error" }),
+      h("strong", null, props.loadingErrorAlertHeader),
+      h("br", null),
+      props.loadingErrorAlertDescription)));
+};
+
 const TaxForm_stories = {
   title: "Components/Tax Form",
 };
@@ -285,6 +314,9 @@ const docusignFormProps = {
 const GeneralLoadingView = () => {
   return h(LoadingView, null);
 };
+const GeneralErrorView = () => {
+  return (h(ErrorView, { loadingErrorAlertHeader: "There was a problem loading your form", loadingErrorAlertDescription: "Please refresh the page and try again. If this problem continues, contact Support." }));
+};
 // STEP ONE
 const StepOne = () => {
   return h("sqm-user-info-form", { demoData: stepOneProps });
@@ -1045,6 +1077,7 @@ const TaxForm = /*#__PURE__*/Object.freeze({
   __proto__: null,
   'default': TaxForm_stories,
   GeneralLoadingView: GeneralLoadingView,
+  GeneralErrorView: GeneralErrorView,
   StepOne: StepOne,
   StepOneLoading: StepOneLoading,
   StepOneDisabled: StepOneDisabled,
@@ -1405,4 +1438,4 @@ function InvoiceTableView(props, children) {
         children))));
 }
 
-export { GeneralLoadingView as G, InvoiceTableView as I, LoadingView as L, NextPayout as N, OtherRegionSlotView as O, PayoutDetailsCard as P, TaxForm as T, INDIRECT_TAX_SPAIN_REGIONS as a, INDIRECT_TAX_PROVINCES as b, getIsRequiredErrorMessage as g, objectIsFull as o, taxTypeToName as t, vatLabels as v };
+export { ErrorView as E, GeneralLoadingView as G, InvoiceTableView as I, LoadingView as L, NextPayout as N, OtherRegionSlotView as O, PayoutDetailsCard as P, TaxForm as T, INDIRECT_TAX_SPAIN_REGIONS as a, INDIRECT_TAX_PROVINCES as b, getIsRequiredErrorMessage as g, objectIsFull as o, taxTypeToName as t, vatLabels as v };

package/dist/esm/sqm-stencilbook.entry.js

@@ -26,7 +26,7 @@ import { P as PortalResetPasswordView } from './sqm-portal-reset-password-view-e
 import { P as PortalVerifyEmailView } from './sqm-portal-verify-email-view-fb6875bb.js';
 import { S as ShareButtonView, L as LeaderboardView, C as CopyTextView, B as BigStatView, P as PortalFrameView, E as EditProfileView, u as useShareLink, a as useShareButton, b as useDemoBigStat, c as StatContainerView, d as PortalChangePasswordView, e as PortalLoginView, f as PortalRegisterView, T as TaskCardView, g as ProgressBarView, h as PoweredByImg$1, i as PortalFooterView, H as HeroView, R as ReferralIframeView, N as NameFieldsView, j as CheckboxFieldView, D as DropdownFieldView, I as InputFieldView, k as RewardExchangeView, r as rewardExchangeCustomErrorMsg, l as rewardExchangeLongText, m as rewardExchangeSelected, n as chooseAmountFixed, o as chooseAmountFixedNoDescription, p as chooseAmountVariable, q as chooseAmountVariableNoDescription, s as chooseAmountVariableDisabled, t as chooseAmountVariableUnavailable, v as confirmFixed, w as confirmVariable, x as redemptionError, y as queryError, z as success, A as successVariable, F as loading, G as empty$1, J as rewardExchange, K as CardFeedView, M as CouponCodeView, O as ProgressBar$2, Q as autoColorScaleCss, U as ShadowViewAddon } from './ShadowViewAddon-8ab7e840.js';
 import { P as PortalContainerView, a as PortalSectionView } from './sqm-portal-container-view-e42e3789.js';
-import { O as OtherRegionSlotView, I as InvoiceTableView, T as TaxForm, P as PayoutDetailsCard } from './sqm-invoice-table-view-2dc9cc44.js';
+import { O as OtherRegionSlotView, I as InvoiceTableView, T as TaxForm, P as PayoutDetailsCard } from './sqm-invoice-table-view-6eb9410d.js';
 
 /**
  * lodash (Custom Build) <https://lodash.com/>