@saasquatch/mint-components 1.12.1-14 → 1.12.1-16

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

@@ -4,8 +4,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-b0129cd6.js');
 const stencilHooks_module = require('./stencil-hooks.module-72742a0b.js');
-require('./index.module-df530553.js');
-const reRender = require('./re-render-1976e05e.js');
+require('./index.module-d8342710.js');
+const reRender = require('./re-render-dd8d65bf.js');
 
 const TabView = ({}, children) => {
   return index.h(index.Host, null, children);

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

@@ -4,9 +4,9 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-b0129cd6.js');
 const stencilHooks_module = require('./stencil-hooks.module-72742a0b.js');
-const index_module = require('./index.module-df530553.js');
-const reRender = require('./re-render-1976e05e.js');
-const useChildElements = require('./useChildElements-e0d44916.js');
+const index_module = require('./index.module-d8342710.js');
+const reRender = require('./re-render-dd8d65bf.js');
+const useChildElements = require('./useChildElements-57e11069.js');
 const utils = require('./utils-6847bc06.js');
 
 const TabsView = ({ content, placement, }) => {

package/dist/cjs/{useChildElements-e0d44916.js → useChildElements-57e11069.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 const stencilHooks_module = require('./stencil-hooks.module-72742a0b.js');
-const index_module = require('./index.module-df530553.js');
+const index_module = require('./index.module-d8342710.js');
 
 function useChildElements() {
   const host = index_module._();

package/dist/cjs/{useInstantAccessRegistration-bbe746d1.js → useInstantAccessRegistration-14ccf9d4.js}

@@ -1,15 +1,15 @@
 'use strict';
 
 const stencilHooks_module = require('./stencil-hooks.module-72742a0b.js');
-const index_module = require('./index.module-df530553.js');
+const index_module = require('./index.module-d8342710.js');
 const jsonpointer = require('./jsonpointer-11327262.js');
-const useRegistrationFormState = require('./useRegistrationFormState-876ed65d.js');
+const useRegistrationFormState = require('./useRegistrationFormState-7d608337.js');
 
 function useInstantAccessRegistration(props) {
   const cookie = new URLSearchParams(window.location.search);
   const cookies = cookie === null || cookie === void 0 ? void 0 : cookie.get("_saasquatch");
   const { registrationFormState, setRegistrationFormState } = useRegistrationFormState.useRegistrationFormState();
-  const [request, { loading, errors, data }] = index_module.mn();
+  const [request, { loading, errors, data }] = index_module.vn();
   const [error, setError] = stencilHooks_module.useState("");
   const submit = async (event) => {
     var _a;

package/dist/cjs/{useReferralTable-a76adb0d.js → useReferralTable-ef36b29e.js}

@@ -2,9 +2,9 @@
 
 const index = require('./index-b0129cd6.js');
 const stencilHooks_module = require('./stencil-hooks.module-72742a0b.js');
-const index_module = require('./index.module-df530553.js');
-const reRender = require('./re-render-1976e05e.js');
-const useChildElements = require('./useChildElements-e0d44916.js');
+const index_module = require('./index.module-d8342710.js');
+const reRender = require('./re-render-dd8d65bf.js');
+const useChildElements = require('./useChildElements-57e11069.js');
 
 const debug = stencilHooks_module.browser("sq:useReferralTable");
 const CSS_NAMESPACE = "sqm-referral-table";
@@ -245,7 +245,7 @@ const GET_IMPACT_TAX = index_module.dist.gql `
 `;
 function useReferralTable(props, emptyElement, loadingElement) {
   var _a, _b, _c, _d;
-  const user = index_module.Q();
+  const user = index_module.J();
   const programIdContext = index_module.H();
   // Default to context, overriden by props
   const programId = (_a = props.programId) !== null && _a !== void 0 ? _a : programIdContext;
@@ -269,16 +269,16 @@ function useReferralTable(props, emptyElement, loadingElement) {
     page: 0,
   });
   const locale = index_module.L();
-  const { data: referrerResponse, loading: referrerLoading, refetch, } = index_module.yn(GET_REFERRER_DATA, {
+  const { data: referrerResponse, loading: referrerLoading, refetch, } = index_module.wn(GET_REFERRER_DATA, {
     programId: programId === "classic" ? null : programId,
     rewardFilter,
     locale,
   }, !props.showReferrer || !(user === null || user === void 0 ? void 0 : user.jwt));
   const referrerData = (_b = referrerResponse === null || referrerResponse === void 0 ? void 0 : referrerResponse.viewer) === null || _b === void 0 ? void 0 : _b.referredByReferral;
   const showReferrerRow = props.showReferrer && !!(referrerData === null || referrerData === void 0 ? void 0 : referrerData.dateReferralStarted);
-  const { data: taxResponse, loading: taxLoading } = index_module.yn(GET_IMPACT_TAX, {}, !(user === null || user === void 0 ? void 0 : user.jwt));
+  const { data: taxResponse, loading: taxLoading } = index_module.wn(GET_IMPACT_TAX, {}, !(user === null || user === void 0 ? void 0 : user.jwt));
   const taxConnection = (_c = taxResponse === null || taxResponse === void 0 ? void 0 : taxResponse.viewer) === null || _c === void 0 ? void 0 : _c.impactConnection;
-  const { envelope: referralData, states, callbacks, } = index_module.kn(GET_REFERRAL_DATA, (data) => { var _a; return (_a = data === null || data === void 0 ? void 0 : data.viewer) === null || _a === void 0 ? void 0 : _a.referrals; }, {
+  const { envelope: referralData, states, callbacks, } = index_module.Rn(GET_REFERRAL_DATA, (data) => { var _a; return (_a = data === null || data === void 0 ? void 0 : data.viewer) === null || _a === void 0 ? void 0 : _a.referrals; }, {
     limit: props.perPage,
     offset: 0,
   }, {

package/dist/cjs/{useRegistrationFormState-876ed65d.js → useRegistrationFormState-7d608337.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 const stencilHooks_module = require('./stencil-hooks.module-72742a0b.js');
-const index_module = require('./index.module-df530553.js');
+const index_module = require('./index.module-d8342710.js');
 
 const REGISTRATION_FORM_STATE_CONTEXT = "sq:registration-form-state";
 function useRegistrationFormState(formState) {

package/dist/cjs/{utilities-cec9dd36.js → utilities-7df0fdad.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 const stencilHooks_module = require('./stencil-hooks.module-72742a0b.js');
-const index_module = require('./index.module-df530553.js');
+const index_module = require('./index.module-d8342710.js');
 
 // import { IntlMessageFormat } from 'intl-messageformat';
 function isMobile(breakPoint) {

package/dist/collection/components/sqm-portal-change-marketing/ChangeMarketing.stories.js

@@ -0,0 +1,55 @@
+import { h } from "@stencil/core";
+import { ChangeMarktingView } from "./sqm-portal-change-marketing-view";
+// import scenario from "./sqm-marketing-emails-checkbox.feature";
+export default {
+  title: "Components/Change Marketing Emails Status",
+};
+const defaultProps = {
+  states: {
+    success: false,
+    loading: false,
+    submitDisabled: false,
+    formState: {
+      marketingEmailOptIn: false,
+      errors: null,
+      error: "",
+    },
+    user: {
+      id: "zach",
+      accountId: "zach",
+      marketingEmailOptIn: false,
+    },
+    text: {
+      emailPreferencesHeader: "Email preferences",
+      marketingCheckboxLabel: "I want to receive marketing emails and promotions for this referral program from impact.com",
+      submitChangeButtonText: "Save",
+      successMessage: "Opt-in preference has been changed.",
+    },
+  },
+  callbacks: {
+    onSubmit: (props) => console.log(props),
+    setChecked: (value) => console.log(value),
+  },
+};
+export const Default = () => {
+  return h("sqm-portal-change-marketing", null);
+};
+export const Loading = () => {
+  return (h(ChangeMarktingView, Object.assign({}, defaultProps, { states: { ...defaultProps.states, loading: true } })));
+};
+export const Error = () => {
+  return (h(ChangeMarktingView, Object.assign({}, defaultProps, { states: {
+      ...defaultProps.states,
+      formState: {
+        ...defaultProps.states.formState,
+        errors: { error: true },
+        error: "An error string",
+      },
+    } })));
+};
+export const Success = () => {
+  return (h(ChangeMarktingView, Object.assign({}, defaultProps, { states: {
+      ...defaultProps.states,
+      success: true,
+    } })));
+};

package/dist/collection/components/sqm-portal-change-marketing/sqm-portal-change-marketing-view.js

@@ -2,7 +2,7 @@ import { h } from "@stencil/core";
 import { createStyleSheet } from "../../styling/JSS";
 import { CheckboxFieldView } from "../sqm-checkbox-field/sqm-checkbox-field-view";
 import { TextSpanView } from "../sqm-text-span/sqm-text-span-view";
-export function PortalProfileView(props) {
+export function ChangeMarktingView(props) {
   const { states, callbacks } = props;
   const { text, formState } = states;
   const { error } = formState;
@@ -10,9 +10,10 @@ export function PortalProfileView(props) {
     Container: {
       display: "flex",
       flexDirection: "column",
-      gap: "var(--sl-spacing-xxx-large)",
-      padding: "var(--sl-spacing-xxx-large)",
+      gap: "var(--sl-spacing-x-small)",
+      padding: "0 var(--sl-spacing-xxx-large) var(--sl-spacing-xxx-large)",
     },
+    SubmitButton: { marginBottom: "var(--sl-spacing-medium)" },
     Error: {
       "&::part(erroralert-base)": {
         "margin-bottom": "15px",
@@ -38,7 +39,7 @@ export function PortalProfileView(props) {
         }, callbacks: {
           setChecked: callbacks.setChecked,
         } }),
-      h("sl-button", { type: "primary", submit: true, loading: states.loading, disabled: states.submitDisabled }, text.submitChangeButtonText),
+      h("sl-button", { class: sheet.classes.SubmitButton, type: "primary", submit: true, loading: states.loading, disabled: states.submitDisabled }, text.submitChangeButtonText),
       error && (h("sqm-form-message", { class: sheet.classes.Error, type: "error", exportparts: "erroralert-icon" },
         h("div", { part: "erroralert-text" }, error))),
       states.success && (h("sqm-form-message", { class: sheet.classes.Success, type: "success", exportparts: "successalert-icon" },

package/dist/collection/components/sqm-portal-change-marketing/sqm-portal-change-marketing.js

@@ -1,6 +1,6 @@
 import { Component, h, Prop, State } from "@stencil/core";
 import { withHooks } from "@saasquatch/stencil-hooks";
-import { PortalProfileView, } from "./sqm-portal-change-marketing-view";
+import { ChangeMarktingView, } from "./sqm-portal-change-marketing-view";
 import { usePortalProfile } from "./usePortalChangeMarketing";
 import { getProps } from "../../utils/utils";
 import { isDemo } from "@saasquatch/component-boilerplate";
@@ -8,7 +8,7 @@ import deepmerge from "deepmerge";
 /**
  * @uiName Change Marketing Opt in Status
  * @exampleGroup Microsite Components
- * @example Marketing Opt in Status - <div><sqm-portal-container direction="column" gap="xxx-large"><sqm-portal-change-marketing></sqm-portal-change-marketing></sqm-portal-container></div>
+ * @example Marketing Opt in Status - <div><sqm-portal-container direction="column" gap="large"><sqm-portal-change-marketing></sqm-portal-change-marketing></sqm-portal-container></div>
  */
 export class PortalChangeMarketing {
   constructor() {
@@ -41,7 +41,7 @@ export class PortalChangeMarketing {
     const props = isDemo()
       ? usePortalProfileDemo(getProps(this))
       : usePortalProfile(getProps(this));
-    return h(PortalProfileView, Object.assign({}, props));
+    return h(ChangeMarktingView, Object.assign({}, props));
   }
   static get is() { return "sqm-portal-change-marketing"; }
   static get encapsulation() { return "shadow"; }
@@ -155,14 +155,14 @@ export class PortalChangeMarketing {
       "type": "unknown",
       "mutable": false,
       "complexType": {
-        "original": "DemoData<PortalProfileViewProps>",
+        "original": "DemoData<ChangeMarketingViewProps>",
         "resolved": "{ states?: { success: boolean; loading: boolean; submitDisabled: boolean; formState: { marketingEmailOptIn: boolean; errors: any; error: string; }; user: { id: string; accountId: string; marketingEmailOptIn: boolean; }; text: { emailPreferencesHeader: string; marketingCheckboxLabel: string; submitChangeButtonText: string; successMessage: string; }; }; }",
         "references": {
           "DemoData": {
             "location": "import",
             "path": "../../global/demo"
           },
-          "PortalProfileViewProps": {
+          "ChangeMarketingViewProps": {
             "location": "import",
             "path": "./sqm-portal-change-marketing-view"
           }

package/dist/collection/components/sqm-stencilbook/sqm-stencilbook.js

@@ -33,6 +33,7 @@ import * as PortalVerifyEmail from "../sqm-portal-verify-email/PortalVerifyEmail
 import * as AssetCard from "../sqm-asset-card/AssetCard.stories";
 import * as DividedLayout from "../sqm-divided-layout/DividedLayout.stories";
 import * as ChangePassword from "../sqm-portal-change-password/ChangePassword.stories";
+import * as ChangeMarketing from "../sqm-portal-change-marketing/ChangeMarketing.stories";
 import * as PortalProfile from "../sqm-portal-profile/PortalProfile.stories";
 import * as ReferralTable from "../sqm-referral-table/ReferralTable.stories";
 import * as ReferralTableCell from "../sqm-referral-table/ReferralTableCell.stories";
@@ -175,6 +176,7 @@ const stories = [
   PayoutDetailsCard,
   BankingInfoForm,
   NewPortalRegistrationForm,
+  ChangeMarketing,
 ];
 /**
  * For internal documentation