@saasquatch/mint-components 2.1.10-57 → 2.2.0-0

package/dist/collection/components/sqm-user-attribute/UserAttribute.stories.js

@@ -1,25 +0,0 @@
-import { h } from "@stencil/core";
-export default {
-  title: "Components/User Attribute",
-};
-export const Default = () => {
-  return (h("sqm-user-attribute", { demoData: {
-      loading: false,
-      value: "impact.com",
-    } }));
-};
-export const Loading = () => {
-  return (h("sqm-user-attribute", { demoData: {
-      loading: true,
-      value: "impact.com",
-    } }));
-};
-export const WithCustomStyles = () => {
-  return (h("sqm-user-attribute", { demoData: {
-      loading: false,
-      value: "impact.com",
-      fontSize: 24,
-      color: "#4CAF50",
-      fontWeight: 700,
-    } }));
-};

package/dist/collection/components/sqm-user-attribute/sqm-user-attribute-view.js

@@ -1,19 +0,0 @@
-import { h, Host } from "@stencil/core";
-import { createStyleSheet } from "../../styling/JSS";
-export function UserAttributeView(props) {
-  const style = {
-    P: {
-      margin: "0",
-      padding: "0",
-      fontSize: props.fontSize ? `${props.fontSize}px` : "inherit",
-      fontWeight: props.fontWeight || "inherit",
-      color: props.color || "var(--sqm-text)",
-    },
-  };
-  const sheet = createStyleSheet(style);
-  const styleString = sheet.toString();
-  const loadingSkeleton = (h("sqm-skeleton", { width: "200px", height: "20px" }));
-  return (props.value && (h(Host, null,
-    h("style", null, styleString),
-    h("p", { class: sheet.classes.P, part: "sqm-base" }, props.loading ? loadingSkeleton : props.value))));
-}

package/dist/collection/components/sqm-user-attribute/sqm-user-attribute.js

@@ -1,172 +0,0 @@
-import { isDemo } from "@saasquatch/component-boilerplate";
-import { withHooks } from "@saasquatch/stencil-hooks";
-import { Component, h, Prop, State } from "@stencil/core";
-import deepmerge from "deepmerge";
-import { UserAttributeView, } from "./sqm-user-attribute-view";
-import { useUserAttribute } from "./useUserAttribute";
-/**
- * @uiName User Attribute
- * @exampleGroup Advanced
- * @example User Attribute - <sqm-user-attribute value="firstName" loading-text="..."></sqm-user-attribute>
- */
-export class UserAttribute {
-  constructor() {
-    this.ignored = true;
-    withHooks(this);
-  }
-  disconnectedCallback() { }
-  render() {
-    const props = isDemo() ? useCustomFieldsDemo(this) : useUserAttribute(this);
-    return h(UserAttributeView, Object.assign({}, props));
-  }
-  static get is() { return "sqm-user-attribute"; }
-  static get encapsulation() { return "shadow"; }
-  static get properties() { return {
-    "value": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [{
-            "text": "Custom field key",
-            "name": "uiName"
-          }, {
-            "text": "customFieldSelector",
-            "name": "uiWidget"
-          }],
-        "text": "The custom field key to display."
-      },
-      "attribute": "value",
-      "reflect": false
-    },
-    "fontSize": {
-      "type": "number",
-      "mutable": false,
-      "complexType": {
-        "original": "number",
-        "resolved": "number",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [{
-            "text": "Font size",
-            "name": "uiName"
-          }, {
-            "text": "Style",
-            "name": "uiGroup"
-          }],
-        "text": "Number in pixels."
-      },
-      "attribute": "font-size",
-      "reflect": false
-    },
-    "color": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [{
-            "text": "Color",
-            "name": "uiName"
-          }, {
-            "text": "color",
-            "name": "uiWidget"
-          }, {
-            "text": "color",
-            "name": "format"
-          }, {
-            "text": "Style",
-            "name": "uiGroup"
-          }],
-        "text": ""
-      },
-      "attribute": "color",
-      "reflect": false
-    },
-    "fontWeight": {
-      "type": "number",
-      "mutable": false,
-      "complexType": {
-        "original": "number",
-        "resolved": "number",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [{
-            "text": "Font weight",
-            "name": "uiName"
-          }, {
-            "text": "Style",
-            "name": "uiGroup"
-          }, {
-            "text": "[100, 200, 300, 400, 500, 600, 700, 800, 900]",
-            "name": "uiEnum"
-          }, {
-            "text": "[\"Thin\", \"Extra Light\", \"Light\", \"Normal\", \"Medium\", \"Semi Bold\", \"Bold\", \"Extra Bold\", \"Heavy\"]",
-            "name": "uiEnumNames"
-          }],
-        "text": "Font weight"
-      },
-      "attribute": "font-weight",
-      "reflect": false
-    },
-    "demoData": {
-      "type": "unknown",
-      "mutable": false,
-      "complexType": {
-        "original": "DemoData<UserAttributeViewProps>",
-        "resolved": "{ loading?: boolean; value?: string; fontSize?: number; color?: string; fontWeight?: number; }",
-        "references": {
-          "DemoData": {
-            "location": "import",
-            "path": "../../global/demo"
-          },
-          "UserAttributeViewProps": {
-            "location": "import",
-            "path": "./sqm-user-attribute-view"
-          }
-        }
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [{
-            "text": undefined,
-            "name": "undocumented"
-          }, {
-            "text": "object",
-            "name": "uiType"
-          }],
-        "text": ""
-      }
-    }
-  }; }
-  static get states() { return {
-    "ignored": {}
-  }; }
-}
-function useCustomFieldsDemo(props) {
-  return deepmerge({
-    loading: false,
-    value: "Custom Field Value",
-    fontSize: props.fontSize,
-    color: props.color,
-    fontWeight: props.fontWeight,
-  }, props.demoData || {}, { arrayMerge: (_, a) => a });
-}

package/dist/collection/components/sqm-user-attribute/useUserAttribute.js

@@ -1,26 +0,0 @@
-import { useQuery, useUserIdentity } from "@saasquatch/component-boilerplate";
-import { gql } from "graphql-request";
-const GET_CUSTOM_FIELDS = gql `
-  query getCustomFields {
-    viewer {
-      ... on User {
-        customFields
-      }
-    }
-  }
-`;
-export function useUserAttribute(props) {
-  var _a, _b;
-  const user = useUserIdentity();
-  const res = useQuery(GET_CUSTOM_FIELDS, {}, !(user === null || user === void 0 ? void 0 : user.jwt));
-  const loading = res.loading;
-  const customFields = (_b = (_a = res.data) === null || _a === void 0 ? void 0 : _a.viewer) === null || _b === void 0 ? void 0 : _b.customFields;
-  const value = customFields === null || customFields === void 0 ? void 0 : customFields[props.value];
-  return {
-    loading,
-    value,
-    fontSize: props.fontSize,
-    color: props.color,
-    fontWeight: props.fontWeight,
-  };
-}

package/dist/esm/data-12e6aae1.js

@@ -1,216 +0,0 @@
-import { h } from './index-38ad4957.js';
-import { i as intl } from './global-96c14d63.js';
-import { d as dist } from './index.module-b23fdad8.js';
-import { c as createStyleSheet } from './JSS-67b5cff8.js';
-
-const style = {
-  Container: {
-    display: "flex",
-    flexDirection: "column",
-    gap: "35px",
-  },
-  HeaderContainer: {
-    display: "flex",
-    flexDirection: "column",
-    gap: "10px",
-  },
-};
-const sheet = createStyleSheet(style);
-const styleString = sheet.toString();
-const LoadingView = () => {
-  return (h("div", { class: sheet.classes.Container },
-    h("style", { type: "text/css" }, styleString),
-    h("sqm-skeleton", { width: "45%", height: "40px !important" }),
-    h("div", { class: sheet.classes.HeaderContainer },
-      h("sqm-skeleton", { width: "15%" }),
-      h("sqm-skeleton", { width: "25%", height: "30px !important" })),
-    h("sqm-skeleton", { width: "75%", height: "35px" }),
-    h("sqm-skeleton", { width: "75%", height: "35px" }),
-    h("sqm-skeleton", { width: "75%", height: "35px" }),
-    h("sqm-skeleton", { width: "75%", height: "35px" }),
-    h("sqm-skeleton", { width: "75%", height: "35px" }),
-    h("sqm-skeleton", { width: "75%", height: "35px" }),
-    h("sqm-skeleton", { width: "75%", height: "35px" }),
-    h("sqm-skeleton", { width: "75%", height: "35px" }),
-    h("sqm-skeleton", { width: "75%", height: "35px" }),
-    h("sqm-skeleton", { width: "75%", height: "35px" }),
-    h("sqm-skeleton", { width: "75%", height: "35px" }),
-    h("sqm-skeleton", { width: "15%" }),
-    h("sqm-skeleton", { width: "80px", height: "30px !important" })));
-};
-
-function validTaxDocument(requiredType) {
-  const validTypes = ["W9", "W8BENE", "W8BEN"];
-  if (validTypes.includes(requiredType))
-    return true;
-  return false;
-}
-const objectIsFull = (obj) => {
-  return !Object.keys(obj).find((k) => obj[k] == undefined);
-};
-const taxTypeToName = (taxType) => {
-  switch (taxType) {
-    case "W9":
-      return "W-9";
-    case "W8BEN":
-    case "W8BENE":
-      return "W-8";
-    default:
-      return "";
-  }
-};
-function validateBillingField(regex, value) {
-  const trimmed = value.trim();
-  const idx = trimmed.search(regex);
-  return idx > -1;
-}
-const formatErrorMessage = (fieldName, errorMessage) => {
-  return intl.formatMessage({
-    id: fieldName,
-    defaultMessage: errorMessage,
-  }, {
-    fieldName,
-  });
-};
-function getCountryObj({ countryCode, locale, }) {
-  // @ts-ignore DisplayNames not in Intl type
-  const displayName = new Intl.DisplayNames([locale], {
-    type: "region",
-  }).of(countryCode);
-  return {
-    countryCode,
-    displayName,
-  };
-}
-
-const TAX_CONTEXT_NAMESPACE = "sq:tax-and-cash";
-const TAX_FORM_CONTEXT_NAMESPACE = "sq:tax-form-context";
-const USER_QUERY_NAMESPACE = "sq:user-info-query";
-const USER_FORM_CONTEXT_NAMESPACE = "sq:user-form-context";
-const FINANCE_NETWORK_SETTINGS_NAMESPACE = "sq:finance-network-settings";
-const COUNTRIES_NAMESPACE = "sq:countries:list";
-const SORTED_COUNTRIES_NAMESPACE = "sq:countries:sorted";
-const COUNTRIES_QUERY_NAMESPACE = "sq:countries:query";
-const CURRENCIES_NAMESPACE = "sq:currencies:list";
-const CURRENCIES_QUERY_NAMESPACE = "sq:currencies:query";
-const GET_USER = dist.gql `
-  query getUserTaxInfo {
-    user: viewer {
-      ... on User {
-        id
-        firstName
-        lastName
-        email
-        countryCode
-        customFields
-        rewards(limit: 1000) {
-          data {
-            statuses
-            partnerFundsTransfer {
-              id
-              status
-              dateScheduled
-              dateCreated
-              dateTransferred
-            }
-          }
-        }
-        managedIdentity {
-          uid
-          email
-          emailVerified
-        }
-        impactConnection {
-          connected
-          user {
-            firstName
-            lastName
-          }
-          publisher {
-            id
-            brandedSignup
-            countryCode
-            currency
-            billingAddress
-            billingCity
-            billingState
-            billingCountryCode
-            billingPostalCode
-            phoneNumberCountryCode
-            phoneNumber
-            taxInformation {
-              indirectTaxId
-              indirectTaxCountryCode
-              indirectTaxRegion
-              additionalTaxId
-              withholdingTaxId
-              withholdingTaxCountryCode
-            }
-            requiredTaxDocumentType
-            currentTaxDocument {
-              status
-              type
-              dateCreated
-            }
-            withdrawalSettings {
-              paymentMethod
-              paypalEmailAddress
-              bankCountry
-              bankAccountNumber
-              paymentSchedulingType
-              paymentThreshold
-              paymentDay
-            }
-            payoutsAccount {
-              hold
-              holdReasons
-              balance
-            }
-          }
-        }
-      }
-    }
-  }
-`;
-const GET_COUNTRIES = dist.gql `
-  query getCountries {
-    impactPayoutCountries(limit: 1000) {
-      data {
-        countryCode
-        displayName
-      }
-    }
-  }
-`;
-const GET_CURRENCIES = dist.gql `
-  query currencies($locale: RSLocale) {
-    currencies(limit: 300) {
-      data {
-        displayName(locale: $locale)
-        currencyCode
-      }
-    }
-  }
-`;
-const GET_FINANCE_NETWORK_SETTINGS = dist.gql `
-  query impactFinanceNetworkSettings(
-    $filter: ImpactFinanceNetworkSettingsFilterInput
-  ) {
-    impactFinanceNetworkSettings(filter: $filter, limit: 1000) {
-      data {
-        countryCode
-        currency
-        defaultFinancePaymentMethodId
-        thresholdOptions
-        withdrawalSettingId
-        internationalEftFee
-        foreignFxFee
-        defaultFxFee
-      }
-      totalCount
-    }
-  }
-`;
-const FORM_STEPS = 4;
-
-export { CURRENCIES_NAMESPACE as C, FORM_STEPS as F, GET_USER as G, LoadingView as L, SORTED_COUNTRIES_NAMESPACE as S, TAX_CONTEXT_NAMESPACE as T, USER_FORM_CONTEXT_NAMESPACE as U, TAX_FORM_CONTEXT_NAMESPACE as a, COUNTRIES_NAMESPACE as b, USER_QUERY_NAMESPACE as c, COUNTRIES_QUERY_NAMESPACE as d, GET_COUNTRIES as e, formatErrorMessage as f, getCountryObj as g, FINANCE_NETWORK_SETTINGS_NAMESPACE as h, GET_FINANCE_NETWORK_SETTINGS as i, CURRENCIES_QUERY_NAMESPACE as j, GET_CURRENCIES as k, validTaxDocument as l, objectIsFull as o, taxTypeToName as t, validateBillingField as v };

package/dist/esm/extractProps-54064fb0.js

@@ -1,32 +0,0 @@
-function parseStates(states) {
-  if (typeof states === "string") {
-    try {
-      return JSON.parse(states);
-    }
-    catch (e) {
-      return undefined;
-    }
-  }
-  if (typeof states === "object")
-    return states;
-}
-
-/**
- * Util function for getting just the props with a certain prefix.
- * @param props Text props on stencil component
- * @param prefix Prefix denoting which group the text prop belongs to
- * @returns A new object with all keys with the prefix provided. The prefix is removed from each key.
- */
-function extractProps(props, prefix) {
-  const keys = Object.keys(props).filter((k) => k.startsWith(prefix));
-  const formattedProps = keys.reduce((prev, k) => {
-    const key = k.replace(prefix, "");
-    return {
-      ...prev,
-      [key]: props[k],
-    };
-  }, {});
-  return formattedProps;
-}
-
-export { extractProps as e, parseStates as p };