@saasquatch/mint-components 1.8.0-99 → 1.8.0

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

@@ -2,10 +2,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-78c52836.js');
-const stencilHooks_module = require('./stencil-hooks.module-7c2013c9.js');
-require('./index.module-9243c470.js');
-const reRender = require('./re-render-731799e5.js');
+const index = require('./index-b0129cd6.js');
+const stencilHooks_module = require('./stencil-hooks.module-faabb426.js');
+require('./index.module-76379dd7.js');
+const reRender = require('./re-render-dbeba624.js');
 
 const TabView = ({}, children) => {
   return index.h(index.Host, null, children);

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

@@ -2,11 +2,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-78c52836.js');
-const stencilHooks_module = require('./stencil-hooks.module-7c2013c9.js');
-const index_module = require('./index.module-9243c470.js');
-const reRender = require('./re-render-731799e5.js');
-const useChildElements = require('./useChildElements-3caf3e22.js');
+const index = require('./index-b0129cd6.js');
+const stencilHooks_module = require('./stencil-hooks.module-faabb426.js');
+const index_module = require('./index.module-76379dd7.js');
+const reRender = require('./re-render-dbeba624.js');
+const useChildElements = require('./useChildElements-ad37ecbf.js');
 const utils = require('./utils-6847bc06.js');
 
 const TabsView = ({ content, placement, }) => {
@@ -41,7 +41,7 @@ const TabsView = ({ content, placement, }) => {
 const REVEAL_EVENT = "sq:reveal";
 function useTabs() {
   const rawTabs = useChildElements.useChildElements();
-  const host = index_module.O();
+  const host = index_module._();
   const tick = reRender.useRerenderListener();
   const tabs = stencilHooks_module.useMemo(() => rawTabs
     .filter((tab) => tab.tagName === "SQM-TAB" || tab.tagName === "RAISINS-PLOP-TARGET")

package/dist/cjs/{sqm-text-span-view-2e945b0c.js → sqm-text-span-view-e1cd9bd3.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-const index = require('./index-78c52836.js');
+const index = require('./index-b0129cd6.js');
 const JSS = require('./JSS-8503a151.js');
 
 const style = {

package/dist/cjs/sqm-text-span.cjs.entry.js

@@ -2,10 +2,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-78c52836.js');
-const stencilHooks_module = require('./stencil-hooks.module-7c2013c9.js');
+const index = require('./index-b0129cd6.js');
+const stencilHooks_module = require('./stencil-hooks.module-faabb426.js');
 require('./JSS-8503a151.js');
-const sqmTextSpanView = require('./sqm-text-span-view-2e945b0c.js');
+const sqmTextSpanView = require('./sqm-text-span-view-e1cd9bd3.js');
 
 const Text = class {
   constructor(hostRef) {

package/dist/cjs/{stencil-hooks.module-7c2013c9.js → stencil-hooks.module-faabb426.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-const index = require('./index-78c52836.js');
+const index = require('./index-b0129cd6.js');
 
 var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
 

package/dist/cjs/{useChildElements-3caf3e22.js → useChildElements-ad37ecbf.js}

@@ -1,10 +1,10 @@
 'use strict';
 
-const stencilHooks_module = require('./stencil-hooks.module-7c2013c9.js');
-const index_module = require('./index.module-9243c470.js');
+const stencilHooks_module = require('./stencil-hooks.module-faabb426.js');
+const index_module = require('./index.module-76379dd7.js');
 
 function useChildElements() {
-  const host = index_module.O();
+  const host = index_module._();
   const initialState = host.children.length
     ? Array.from(host.children)
     : [];

package/dist/cjs/{useInstantAccessRegistration-fb690bc3.js → useInstantAccessRegistration-01509697.js}

@@ -1,15 +1,15 @@
 'use strict';
 
-const stencilHooks_module = require('./stencil-hooks.module-7c2013c9.js');
-const index_module = require('./index.module-9243c470.js');
+const stencilHooks_module = require('./stencil-hooks.module-faabb426.js');
+const index_module = require('./index.module-76379dd7.js');
 const jsonpointer = require('./jsonpointer-11327262.js');
-const useRegistrationFormState = require('./useRegistrationFormState-98b2818e.js');
+const useRegistrationFormState = require('./useRegistrationFormState-1d403dd8.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.dn();
+  const [request, { loading, errors, data }] = index_module.mn();
   const [error, setError] = stencilHooks_module.useState("");
   const submit = async (event) => {
     var _a;

package/dist/cjs/{useReferralTable-6a7ad97b.js → useReferralTable-6cbd3b88.js}

@@ -1,10 +1,10 @@
 'use strict';
 
-const index = require('./index-78c52836.js');
-const stencilHooks_module = require('./stencil-hooks.module-7c2013c9.js');
-const index_module = require('./index.module-9243c470.js');
-const reRender = require('./re-render-731799e5.js');
-const useChildElements = require('./useChildElements-3caf3e22.js');
+const index = require('./index-b0129cd6.js');
+const stencilHooks_module = require('./stencil-hooks.module-faabb426.js');
+const index_module = require('./index.module-76379dd7.js');
+const reRender = require('./re-render-dbeba624.js');
+const useChildElements = require('./useChildElements-ad37ecbf.js');
 
 const debug = stencilHooks_module.browser("sq:useReferralTable");
 const CSS_NAMESPACE = "sqm-referral-table";
@@ -245,8 +245,8 @@ const GET_IMPACT_TAX = index_module.dist.gql `
 `;
 function useReferralTable(props, emptyElement, loadingElement) {
   var _a, _b, _c, _d;
-  const user = index_module.H();
-  const programIdContext = index_module._();
+  const user = index_module.Q();
+  const programIdContext = index_module.H();
   // Default to context, overriden by props
   const programId = (_a = props.programId) !== null && _a !== void 0 ? _a : programIdContext;
   // If no program ID, shows all programs
@@ -268,19 +268,17 @@ function useReferralTable(props, emptyElement, loadingElement) {
     loading: false,
     page: 0,
   });
-  const locale = index_module.N();
-  const { data: referrerResponse, loading: referrerLoading, refetch, } = index_module.gn(GET_REFERRER_DATA, {
+  const locale = index_module.L();
+  const { data: referrerResponse, loading: referrerLoading, refetch, } = index_module.yn(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.gn(GET_IMPACT_TAX, {}, !(user === null || user === void 0 ? void 0 : user.jwt));
+  const { data: taxResponse, loading: taxLoading } = index_module.yn(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 taxConnection = mockTaxData();
-  // const { data } = mockReferralData();
-  const { envelope: referralData, states, callbacks, } = index_module.bn(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.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; }, {
     limit: props.perPage,
     offset: 0,
   }, {

package/dist/cjs/{useRegistrationFormState-98b2818e.js → useRegistrationFormState-1d403dd8.js}

@@ -1,11 +1,11 @@
 'use strict';
 
-const stencilHooks_module = require('./stencil-hooks.module-7c2013c9.js');
-const index_module = require('./index.module-9243c470.js');
+const stencilHooks_module = require('./stencil-hooks.module-faabb426.js');
+const index_module = require('./index.module-76379dd7.js');
 
 const REGISTRATION_FORM_STATE_CONTEXT = "sq:registration-form-state";
 function useRegistrationFormState(formState) {
-  const host = index_module.O();
+  const host = index_module._();
   const [registrationFormState, setRegistrationFormState] = stencilHooks_module.y(host, REGISTRATION_FORM_STATE_CONTEXT, formState);
   return { registrationFormState, setRegistrationFormState };
 }

package/dist/cjs/{utilities-0541106d.js → utilities-6d5addc7.js}

@@ -1,7 +1,7 @@
 'use strict';
 
-const stencilHooks_module = require('./stencil-hooks.module-7c2013c9.js');
-const index_module = require('./index.module-9243c470.js');
+const stencilHooks_module = require('./stencil-hooks.module-faabb426.js');
+const index_module = require('./index.module-76379dd7.js');
 
 // import { IntlMessageFormat } from 'intl-messageformat';
 function isMobile(breakPoint) {

package/dist/collection/collection-manifest.json

@@ -18,7 +18,6 @@
     "./components/sqm-context-router/sqm-context-router.js",
     "./components/sqm-coupon-code/sqm-coupon-code.js",
     "./components/sqm-divided-layout/sqm-divided-layout.js",
-    "./components/sqm-docusign-embed/sqm-docusign-embed.js",
     "./components/sqm-dropdown-field/sqm-dropdown-field.js",
     "./components/sqm-edit-profile/sqm-edit-profile.js",
     "./components/sqm-empty/sqm-empty.js",

package/dist/collection/components/sqm-invoice-table/InvoiceTable.stories.js

@@ -1,25 +1,25 @@
 import { h } from "@stencil/core";
 import { GenericTableView } from "../../tables/GenericTableView";
-import { DateCell, DownloadCell, EarningsAfterTaxCell, EarningsCell, InvoiceNumberCell, TaxedAmountCell, } from "./InvoiceTableCell.stories";
+import { DateCell, DownloadCell, EarningsAfterTaxCell, EarningsCell, InvoiceNumberCell, IndirectTaxCell, } from "./InvoiceTableCell.stories";
 import { InvoiceTableView } from "./sqm-invoice-table-view";
 export default {
   title: "Components/Invoice Table",
 };
 const loadingElement = (h("div", { slot: "loading", style: { display: "contents" } },
   h("sqm-table-row", null,
-    h("sqm-table-cell", { colspan: 5 },
+    h("sqm-table-cell", { colspan: 6 },
       h("sl-skeleton", null))),
   h("sqm-table-row", null,
-    h("sqm-table-cell", { colspan: 5 },
+    h("sqm-table-cell", { colspan: 6 },
       h("sl-skeleton", null))),
   h("sqm-table-row", null,
-    h("sqm-table-cell", { colspan: 5 },
+    h("sqm-table-cell", { colspan: 6 },
       h("sl-skeleton", null))),
   h("sqm-table-row", null,
-    h("sqm-table-cell", { colspan: 5 },
+    h("sqm-table-cell", { colspan: 6 },
       h("sl-skeleton", null))),
   h("sqm-table-row", null,
-    h("sqm-table-cell", { colspan: 5 },
+    h("sqm-table-cell", { colspan: 6 },
       h("sl-skeleton", null)))));
 const emptyElement = (h("sqm-empty", { "empty-state-image": "https://res.cloudinary.com/saasquatch/image/upload/v1710363322/squatch-assets/invoice-table-empty.png", "empty-state-header": "View your invoice details", "empty-state-text": "Track the status of your invoices and rewards earned by referring friends" }));
 // Reward Status Cases
@@ -50,7 +50,7 @@ const simpleInvoiceTableProps = {
       "Date created",
       "Invoice",
       "Earnings",
-      "Taxed Amount",
+      "Indirect tax",
       "Earnings after tax",
     ],
     rows: [
@@ -59,7 +59,7 @@ const simpleInvoiceTableProps = {
         h(DateCell, null),
         h(InvoiceNumberCell, null),
         h(EarningsCell, null),
-        h(TaxedAmountCell, null),
+        h(IndirectTaxCell, null),
         h(EarningsAfterTaxCell, null),
       ],
       [
@@ -67,7 +67,7 @@ const simpleInvoiceTableProps = {
         h(DateCell, null),
         h(InvoiceNumberCell, null),
         h(EarningsCell, null),
-        h(TaxedAmountCell, null),
+        h(IndirectTaxCell, null),
         h(EarningsAfterTaxCell, null),
       ],
       [
@@ -75,7 +75,7 @@ const simpleInvoiceTableProps = {
         h(DateCell, null),
         h(InvoiceNumberCell, null),
         h(EarningsCell, null),
-        h(TaxedAmountCell, null),
+        h(IndirectTaxCell, null),
         h(EarningsAfterTaxCell, null),
       ],
     ],
@@ -137,7 +137,7 @@ export const LoadingTable = () => {
           "Date created",
           "Invoice",
           "Earnings",
-          "Taxed Amount",
+          "Indirect tax",
           "Earnings after tax",
         ],
         rows: [],

package/dist/collection/components/sqm-invoice-table/InvoiceTableCell.stories.js

@@ -15,11 +15,11 @@ export const EarningsCell = () => {
 export const EarningsAfterTaxCell = () => {
   return (h("sqm-invoice-table-cell", { innerTemplate: "US$15.00" }));
 };
-export const TaxedAmountCell = () => {
+export const IndirectTaxCell = () => {
   return (h("sqm-invoice-table-cell", { innerTemplate: "US$5.00" }));
 };
 export const DownloadCell = () => {
-  return (h("sqm-invoice-table-download-cell", { downloadURL: "https://www.example.com" }));
+  return (h("sqm-invoice-table-download-cell", { downloadUrl: "https://www.example.com" }));
 };
 export const EmptyCell = () => (h("sqm-sqm-invoice-table-cell", null, "-"));
 export const DateCell = () => {

package/dist/collection/components/sqm-invoice-table/UseInvoiceTable.stories.js

@@ -42,7 +42,7 @@ export const InvoiceTable = createHookStory(() => {
     h("sqm-invoice-table-date-column", { "column-title": "Date" }),
     h("sqm-invoice-table-data-column", { "column-title": "Invoice", property: "invoiceId" }),
     h("sqm-invoice-table-data-column", { "column-title": "Earnings", property: "earnings" }),
-    h("sqm-invoice-table-data-column", { "column-title": "Taxed Amount", property: "taxedAmount" }),
+    h("sqm-invoice-table-data-column", { "column-title": "Indirect tax", property: "indirectTax" }),
     h("sqm-invoice-table-data-column", { "column-title": "Earnings after tax", property: "netEarnings" })));
 });
 export const InvoiceTableDemoHook = createHookStory(() => {
@@ -51,6 +51,6 @@ export const InvoiceTableDemoHook = createHookStory(() => {
     h("sqm-invoice-table-date-column", { "column-title": "Date" }),
     h("sqm-invoice-table-data-column", { "column-title": "Invoice", property: "invoiceId" }),
     h("sqm-invoice-table-data-column", { "column-title": "Earnings", property: "earnings" }),
-    h("sqm-invoice-table-data-column", { "column-title": "Taxed Amount", property: "taxedAmount" }),
+    h("sqm-invoice-table-data-column", { "column-title": "Indirect tax", property: "indirectTax" }),
     h("sqm-invoice-table-data-column", { "column-title": "Earnings after tax", property: "netEarnings" })));
 });

package/dist/collection/components/sqm-invoice-table/cells/sqm-invoice-table-data-cell.js

@@ -7,7 +7,6 @@ export class InvoiceTableDataCell {
   }
   disconnectedCallback() { }
   render() {
-    console.log(this.data);
     return this.data;
   }
   static get is() { return "sqm-invoice-table-data-cell"; }

package/dist/collection/components/sqm-invoice-table/cells/sqm-invoice-table-download-cell.js

@@ -12,15 +12,15 @@ export class InvoiceTableDownloadCell {
     }`;
     return (h(Host, null,
       h("style", null, vanillaStyle),
-      h("a", { href: this.downloadURL },
+      !!this.downloadUrl && (h("a", { href: this.downloadUrl, target: "_blank" },
         h("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
           h("path", { d: "M0.625 12.4375C0.79076 12.4375 0.949732 12.5033 1.06694 12.6206C1.18415 12.7378 1.25 12.8967 1.25 13.0625V16.1875C1.25 16.519 1.3817 16.837 1.61612 17.0714C1.85054 17.3058 2.16848 17.4375 2.5 17.4375H17.5C17.8315 17.4375 18.1495 17.3058 18.3839 17.0714C18.6183 16.837 18.75 16.519 18.75 16.1875V13.0625C18.75 12.8967 18.8158 12.7378 18.9331 12.6206C19.0503 12.5033 19.2092 12.4375 19.375 12.4375C19.5408 12.4375 19.6997 12.5033 19.8169 12.6206C19.9342 12.7378 20 12.8967 20 13.0625V16.1875C20 16.8505 19.7366 17.4864 19.2678 17.9553C18.7989 18.4241 18.163 18.6875 17.5 18.6875H2.5C1.83696 18.6875 1.20107 18.4241 0.732233 17.9553C0.263392 17.4864 0 16.8505 0 16.1875V13.0625C0 12.8967 0.065848 12.7378 0.183058 12.6206C0.300269 12.5033 0.45924 12.4375 0.625 12.4375Z", fill: "#717179" }),
-          h("path", { d: "M9.5575 14.88C9.61556 14.9382 9.68453 14.9844 9.76046 15.0159C9.83639 15.0474 9.91779 15.0636 10 15.0636C10.0822 15.0636 10.1636 15.0474 10.2395 15.0159C10.3155 14.9844 10.3844 14.9382 10.4425 14.88L14.1925 11.13C14.3099 11.0126 14.3758 10.8535 14.3758 10.6875C14.3758 10.5215 14.3099 10.3624 14.1925 10.245C14.0751 10.1276 13.916 10.0617 13.75 10.0617C13.584 10.0617 13.4249 10.1276 13.3075 10.245L10.625 12.9288V1.9375C10.625 1.77174 10.5592 1.61277 10.4419 1.49556C10.3247 1.37835 10.1658 1.3125 10 1.3125C9.83424 1.3125 9.67527 1.37835 9.55806 1.49556C9.44085 1.61277 9.375 1.77174 9.375 1.9375V12.9288L6.6925 10.245C6.57514 10.1276 6.41597 10.0617 6.25 10.0617C6.08403 10.0617 5.92486 10.1276 5.8075 10.245C5.69014 10.3624 5.62421 10.5215 5.62421 10.6875C5.62421 10.8535 5.69014 11.0126 5.8075 11.13L9.5575 14.88Z", fill: "#717179" })))));
+          h("path", { d: "M9.5575 14.88C9.61556 14.9382 9.68453 14.9844 9.76046 15.0159C9.83639 15.0474 9.91779 15.0636 10 15.0636C10.0822 15.0636 10.1636 15.0474 10.2395 15.0159C10.3155 14.9844 10.3844 14.9382 10.4425 14.88L14.1925 11.13C14.3099 11.0126 14.3758 10.8535 14.3758 10.6875C14.3758 10.5215 14.3099 10.3624 14.1925 10.245C14.0751 10.1276 13.916 10.0617 13.75 10.0617C13.584 10.0617 13.4249 10.1276 13.3075 10.245L10.625 12.9288V1.9375C10.625 1.77174 10.5592 1.61277 10.4419 1.49556C10.3247 1.37835 10.1658 1.3125 10 1.3125C9.83424 1.3125 9.67527 1.37835 9.55806 1.49556C9.44085 1.61277 9.375 1.77174 9.375 1.9375V12.9288L6.6925 10.245C6.57514 10.1276 6.41597 10.0617 6.25 10.0617C6.08403 10.0617 5.92486 10.1276 5.8075 10.245C5.69014 10.3624 5.62421 10.5215 5.62421 10.6875C5.62421 10.8535 5.69014 11.0126 5.8075 11.13L9.5575 14.88Z", fill: "#717179" }))))));
   }
   static get is() { return "sqm-invoice-table-download-cell"; }
   static get encapsulation() { return "shadow"; }
   static get properties() { return {
-    "downloadURL": {
+    "downloadUrl": {
       "type": "string",
       "mutable": false,
       "complexType": {
@@ -34,7 +34,7 @@ export class InvoiceTableDownloadCell {
         "tags": [],
         "text": ""
       },
-      "attribute": "download-u-r-l",
+      "attribute": "download-url",
       "reflect": false
     }
   }; }

package/dist/collection/components/sqm-invoice-table/columns/sqm-invoice-table-data-column.js

@@ -11,7 +11,6 @@ export class InvoiceTableDataColumn {
   }
   disconnectedCallback() { }
   async renderCell(data) {
-    console.log({ data, property: this.property });
     return (h("sqm-invoice-table-data-cell", { data: data[this.property] }));
   }
   async renderLabel() {

package/dist/collection/components/sqm-invoice-table/columns/sqm-invoice-table-date-column.js

@@ -13,8 +13,7 @@ export class InvoiceTableDateColumn {
   }
   disconnectedCallback() { }
   async renderCell(data, options) {
-    // TODO - Validate `dateShown` against a set of known values
-    return (h("sqm-invoice-table-date-cell", { date: data.dateCreated, locale: options.locale }));
+    return (h("sqm-invoice-table-date-cell", { date: data.dateCreated, locale: options === null || options === void 0 ? void 0 : options.locale }));
   }
   async renderLabel() {
     return this.columnTitle;
@@ -51,7 +50,7 @@ export class InvoiceTableDateColumn {
   static get methods() { return {
     "renderCell": {
       "complexType": {
-        "signature": "(data: Invoice, options: { locale: string; }) => Promise<any>",
+        "signature": "(data: Invoice, options?: { locale: string; }) => Promise<any>",
         "parameters": [{
             "tags": [],
             "text": ""

package/dist/collection/components/sqm-invoice-table/columns/sqm-invoice-table-download-column.js

@@ -10,7 +10,7 @@ export class InvoiceTableGenericColumn {
   }
   disconnectedCallback() { }
   async renderCell(data) {
-    return (h("sqm-invoice-table-download-cell", { downloadURL: data.downloadURL }));
+    return (h("sqm-invoice-table-download-cell", { downloadUrl: data.downloadUrl }));
   }
   async renderLabel() {
     return h("span", null);

package/dist/collection/components/sqm-invoice-table/mockInvoiceData.js

@@ -7,14 +7,14 @@ const getMockData = () => {
   const today = DateTime.now();
   const invoiceId = Math.random().toString(36).slice(2, 12);
   const earnings = Math.floor(Math.random() * 100) + 1;
-  const taxedAmount = Math.round(earnings * 0.2);
+  const indirectTax = Math.round(earnings * 0.2);
   return {
-    downloadURL: "https://example.com",
+    downloadUrl: "https://example.com",
     dateCreated: today.toMillis(),
     invoiceId,
     program: "my-program",
     earnings: `$${earnings}.00`,
-    taxedAmount: `$${taxedAmount}.00`,
-    netEarnings: `$${earnings - taxedAmount}.00`,
+    indirectTax: `$${indirectTax}.00`,
+    netEarnings: `$${earnings - indirectTax}.00`,
   };
 };

package/dist/collection/components/sqm-invoice-table/sqm-invoice-table-view.js

@@ -3,7 +3,8 @@ import { createStyleSheet } from "../../styling/JSS";
 const style = {
   Description: {
     fontSize: "var(--sl-font-size-small)",
-    margin: "0 0 var(--sl-spacing-xx-large)",
+    marginTop: "var(--sl-spacing-small)",
+    margin: "0 0 var(--sl-spacing-large)",
     color: "var(--sl-color-gray-500)",
   },
   Header: {

package/dist/collection/components/sqm-invoice-table/sqm-invoice-table.js

@@ -13,7 +13,7 @@ import { InvoiceTableView } from "./sqm-invoice-table-view";
  * @uiName Invoice Table
  * @exampleGroup Invoices
  * @slots [{"name":"", "title":"Table Row"},{"name":"empty", "title":"Empty"},{"name":"loading","title":"Loading"}]
- * @example Invoice Table - <sqm-invoice-table per-page="4" hidden-columns="2" more-label="Next" prev-label="Prev" sm-breakpoint="599" md-breakpoint="799" ><sqm-invoice-table-download-column></sqm-invoice-table-download-column><sqm-invoice-table-date-column column-title="Date"></sqm-invoice-table-date-column><sqm-invoice-table-data-column column-title="Invoice" property="invoiceId"></sqm-invoice-table-data-column><sqm-invoice-table-data-column column-title="Earnings" property="earnings"></sqm-invoice-table-data-column><sqm-invoice-table-data-column column-title="Taxed Amount" property="taxedAmount"></sqm-invoice-table-data-column><sqm-invoice-table-data-column column-title="Earnings after tax" property="netEarnings"></sqm-invoice-table-data-column><sqm-empty empty-state-image="https://res.cloudinary.com/saasquatch/image/upload/v1710363322/squatch-assets/invoice-table-empty.png" empty-state-header="View your invoice details" empty-state-text="Refer a friend to view the status of your invoices and rewards earned" slot="empty" ></sqm-empty ></sqm-invoice-table> */
+ * @example Invoice Table - <sqm-invoice-table per-page="4" hidden-columns="2" more-label="Next" prev-label="Prev" sm-breakpoint="599" md-breakpoint="799" ><sqm-invoice-table-download-column></sqm-invoice-table-download-column><sqm-invoice-table-date-column column-title="Date"></sqm-invoice-table-date-column><sqm-invoice-table-data-column column-title="Invoice" property="invoiceId"></sqm-invoice-table-data-column><sqm-invoice-table-data-column column-title="Earnings" property="earnings"></sqm-invoice-table-data-column><sqm-invoice-table-data-column column-title="Indirect tax" property="indirectTax"></sqm-invoice-table-data-column><sqm-invoice-table-data-column column-title="Earnings after tax" property="netEarnings"></sqm-invoice-table-data-column><sqm-empty empty-state-image="https://res.cloudinary.com/saasquatch/image/upload/v1710363322/squatch-assets/invoice-table-empty.png" empty-state-header="View your invoice details" empty-state-text="Refer a friend to view the status of your invoices and rewards earned" slot="empty" ></sqm-empty ></sqm-invoice-table> */
 export class InvoiceTable {
   constructor() {
     /**
@@ -24,9 +24,9 @@ export class InvoiceTable {
     this.perPage = 4;
     /** @uiName Hide column labels */
     this.hideLabels = false;
-    /** @uiName Previous button text  */
+    /** @uiName Invoice table previous page button label  */
     this.prevLabel = "Prev";
-    /** @uiName View More button text  */
+    /** @uiName Invoice table next page button label */
     this.moreLabel = "Next";
     /**
      * Provide the column numbers (0 indexed) that should not be displayed in mobile views. Ex. 0,2,3
@@ -38,15 +38,19 @@ export class InvoiceTable {
     this.smBreakpoint = 599;
     /** @uiName Tablet breakpoint  */
     this.mdBreakpoint = 799;
-    /** @uiName Tablet breakpoint  */
+    /** @uiName Invoice table title */
     this.header = "Invoices";
-    /** @uiName Tablet breakpoint  */
-    this.description = "View and download your invoices to report your earnings and stay tax compliant. ";
+    /** @uiName Invoice table description  */
+    this.description = "View and download your invoices to report your earnings and stay tax compliant.";
+    /** @uiName Empty invoice table header  */
+    this.emptyStateHeader = "View your invoice details";
+    /** @uiName Empty invoice table description */
+    this.emptyStateText = "Refer a friend to view the status of your invoices and rewards earned";
     withHooks(this);
   }
   disconnectedCallback() { }
   render() {
-    const empty = h(EmptySlot, null);
+    const empty = (h(EmptySlot, { emptyStateHeader: this.emptyStateHeader, emptyStateText: this.emptyStateText }));
     const loading = h(LoadingSlot, null);
     const { states, data, callbacks, elements } = isDemo()
       ? useInvoiceTableDemo(this, empty, loading)
@@ -135,7 +139,7 @@ export class InvoiceTable {
       "optional": true,
       "docs": {
         "tags": [{
-            "text": "Previous button text",
+            "text": "Invoice table previous page button label",
             "name": "uiName"
           }],
         "text": ""
@@ -156,7 +160,7 @@ export class InvoiceTable {
       "optional": true,
       "docs": {
         "tags": [{
-            "text": "View More button text",
+            "text": "Invoice table next page button label",
             "name": "uiName"
           }],
         "text": ""
@@ -240,7 +244,7 @@ export class InvoiceTable {
       "optional": true,
       "docs": {
         "tags": [{
-            "text": "Tablet breakpoint",
+            "text": "Invoice table title",
             "name": "uiName"
           }],
         "text": ""
@@ -261,14 +265,56 @@ export class InvoiceTable {
       "optional": true,
       "docs": {
         "tags": [{
-            "text": "Tablet breakpoint",
+            "text": "Invoice table description",
             "name": "uiName"
           }],
         "text": ""
       },
       "attribute": "description",
       "reflect": false,
-      "defaultValue": "\"View and download your invoices to report your earnings and stay tax compliant. \""
+      "defaultValue": "\"View and download your invoices to report your earnings and stay tax compliant.\""
+    },
+    "emptyStateHeader": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "text": "Empty invoice table header",
+            "name": "uiName"
+          }],
+        "text": ""
+      },
+      "attribute": "empty-state-header",
+      "reflect": false,
+      "defaultValue": "\"View your invoice details\""
+    },
+    "emptyStateText": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "text": "Empty invoice table description",
+            "name": "uiName"
+          }],
+        "text": ""
+      },
+      "attribute": "empty-state-text",
+      "reflect": false,
+      "defaultValue": "\"Refer a friend to view the status of your invoices and rewards earned\""
     },
     "demoData": {
       "type": "unknown",
@@ -305,9 +351,9 @@ export class InvoiceTable {
     }
   }; }
 }
-function EmptySlot() {
+function EmptySlot(props) {
   return (h("slot", { name: "empty" },
-    h("sqm-empty", { "empty-state-image": "https://res.cloudinary.com/saasquatch/image/upload/v1710363322/squatch-assets/invoice-table-empty.png", "empty-state-header": "View your invoice details", "empty-state-text": "Refer a friend to view the status of your invoices and rewards earned" })));
+    h("sqm-empty", { "empty-state-image": "https://res.cloudinary.com/saasquatch/image/upload/v1710363322/squatch-assets/invoice-table-empty.png", "empty-state-header": props.emptyStateHeader, "empty-state-text": props.emptyStateText })));
 }
 function LoadingSlot() {
   return (h("slot", { name: "loading" },
@@ -318,7 +364,7 @@ function LoadingSlot() {
 }
 function LoadingRow() {
   return (h("sqm-table-row", null,
-    h("sqm-table-cell", { colspan: 5 },
+    h("sqm-table-cell", { colspan: 6 },
       h("sl-skeleton", null))));
 }
 function useInvoiceTableDemo(props, emptyElement, loadingElement) {
@@ -344,7 +390,6 @@ function useInvoiceTableDemo(props, emptyElement, loadingElement) {
         ((_a = component === null || component === void 0 ? void 0 : component.firstElementChild) === null || _a === void 0 ? void 0 : _a.getAttribute("slot")) !== "loading" &&
         ((_b = component === null || component === void 0 ? void 0 : component.firstElementChild) === null || _b === void 0 ? void 0 : _b.getAttribute("slot")) !== "empty";
     });
-    console.log({ componentData, columnComponents });
     // get the column titles (renderLabel is asynchronous)
     const columnsPromise = columnComponents === null || columnComponents === void 0 ? void 0 : columnComponents.map(async (c, idx) => {
       var _a;

package/dist/collection/components/sqm-invoice-table/useInvoiceTable.js

@@ -49,7 +49,6 @@ export function useInvoiceTable(props, emptyElement, loadingElement) {
     limit: props.perPage,
     offset: 0,
   }, {}, !(user === null || user === void 0 ? void 0 : user.jwt));
-  console.log({ invoicesData });
   const tick = useRerenderListener();
   const components = useChildElements();
   const data = invoicesData === null || invoicesData === void 0 ? void 0 : invoicesData.data;
@@ -60,13 +59,15 @@ export function useInvoiceTable(props, emptyElement, loadingElement) {
     const columnsPromise = columnComponents === null || columnComponents === void 0 ? void 0 : columnComponents.map(async (c) => tryMethod(c, () => c.renderLabel()));
     // get the column cells (renderCell is asynchronous)
     const cellsPromise = data === null || data === void 0 ? void 0 : data.map(async (invoice) => {
+      var _a, _b, _c;
       // TODO: probably going to pass in values as named by graphql
       const invoiceData = {
-        earnings: `${invoice.currency}${invoice.totalAmount}`,
-        taxedAmount: `${invoice.currency}${invoice.totalVatAmount}`,
+        earnings: `${invoice.currency}${((_a = invoice.totalAmount) === null || _a === void 0 ? void 0 : _a.toFixed(2)) || "0.00"}`,
+        indirectTax: `${invoice.currency}${((_b = invoice.totalVatAmount) === null || _b === void 0 ? void 0 : _b.toFixed(2)) || "0.00"}`,
         dateCreated: invoice.dateCreated,
         invoiceId: invoice.id,
-        netEarnings: `${invoice.currency}${invoice.totalAmount - invoice.totalVatAmount}`,
+        netEarnings: `${invoice.currency}${((_c = (invoice.totalAmount - invoice.totalVatAmount)) === null || _c === void 0 ? void 0 : _c.toFixed(2)) || "0.00"}`,
+        downloadUrl: invoice.downloadUrl,
       };
       const cellPromise = columnComponents === null || columnComponents === void 0 ? void 0 : columnComponents.map(async (c) => tryMethod(c, () => c.renderCell(invoiceData, { locale }, h)));
       const cells = (await Promise.all(cellPromise));

package/dist/collection/components/sqm-popup-container/sqm-popup-container-view.js

@@ -6,6 +6,6 @@ const PopupContainerView = (props) => {
     h("div", { style: { padding: props.states.styles.padding }, part: "sqm-base" },
       styles.closeButton && (h("span", { part: "sqm-close-button", class: "close squatch-header-close", "data-close-panel": "#squatch-panel", onClick: () => callbacks.closePopup() }, styles.closeButtonText)),
       h("slot", null),
-      styles.poweredBy ? (h("a", { class: "sqh-attribution", href: "https://www.saasquatch.com/?utm_source=app&utm_medium=user-widget&utm_campaign=referral-widget", target: "_blank" }, styles.poweredByText)) : (""))));
+      styles.poweredBy ? (h("a", { class: "sqh-attribution", href: "https://impact.com/advocate/", target: "_blank" }, styles.poweredByText)) : (""))));
 };
 export default PopupContainerView;

package/dist/collection/components/sqm-popup-container/sqm-popup-container.js

@@ -46,7 +46,7 @@ export class PopupContainer {
             "text": "Show powered by",
             "name": "uiName"
           }],
-        "text": "Show Powered with SaaSquatch by Impact.com link"
+        "text": "Show Powered by Impact.com link"
       },
       "attribute": "powered-by",
       "reflect": false