@saasquatch/mint-components 1.6.8-9 → 1.6.8

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

@@ -1,8 +1,8 @@
 import { h, c as Host, r as registerInstance } from './index-17b4da69.js';
 import { m as h$1 } from './stencil-hooks.module-b48b45ec.js';
 import './use-callback-051c06c6.js';
-import './index.module-0ba0774e.js';
-import { a as useRequestRerender } from './re-render-22de5b23.js';
+import './index.module-3c720e8f.js';
+import { a as useRequestRerender } from './re-render-695ddbbd.js';
 
 const TabView = ({}, children) => {
   return h(Host, null, children);

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

@@ -1,9 +1,9 @@
 import { h, c as Host, r as registerInstance } from './index-17b4da69.js';
 import { l, k as useMemo, u as useEffect, m as h$1 } from './stencil-hooks.module-b48b45ec.js';
 import './use-callback-051c06c6.js';
-import { R } from './index.module-0ba0774e.js';
-import { u as useRerenderListener } from './re-render-22de5b23.js';
-import { u as useChildElements } from './useChildElements-fd458906.js';
+import { R } from './index.module-3c720e8f.js';
+import { u as useRerenderListener } from './re-render-695ddbbd.js';
+import { u as useChildElements } from './useChildElements-79be4145.js';
 import { g as getProps } from './utils-334c1e34.js';
 
 const TabsView = ({ content, placement, }) => {
@@ -11,10 +11,10 @@ const TabsView = ({ content, placement, }) => {
   const padding = !placement || placement === "top" || placement === "bottom"
     ? "var(--sl-spacing-x-large) 0;"
     : "0 var(--sl-spacing-xx-large);";
-  const vanillaStyle = `
-    sl-tab-panel::part(base) {
-      padding: ${padding};
-    }
+  const vanillaStyle = `
+    sl-tab-panel::part(base) {
+      padding: ${padding};
+    }
   `;
   const host = l();
   return (h(Host, null,

package/dist/esm/{sqm-text-span-view-2f7d6d14.js → sqm-text-span-view-f1cacc75.js}

@@ -41,16 +41,16 @@ const style = {
 };
 const sheet = createStyleSheet(style);
 const styleString = sheet.toString();
-const vanillaStyle = `
-    :host {
-      word-wrap: break-word;
-    }
-    sqm-text-span {
-      display: inline;
-    }
+const vanillaStyle = `
+    :host {
+      word-wrap: break-word;
+    }
+    sqm-text-span {
+      display: inline;
+    }
   `;
 function TextSpanView(props, children) {
-  return (h("span", { class: sheet.classes[props.type], part: "sqm-text-span" },
+  return (h("span", { class: sheet.classes[props.type] },
     h("style", { type: "text/css" },
       vanillaStyle,
       styleString),

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

@@ -1,7 +1,7 @@
 import { r as registerInstance, h as h$1 } from './index-17b4da69.js';
 import { m as h } from './stencil-hooks.module-b48b45ec.js';
 import './JSS-67b5cff8.js';
-import { T as TextSpanView } from './sqm-text-span-view-2f7d6d14.js';
+import { T as TextSpanView } from './sqm-text-span-view-f1cacc75.js';
 
 const Text = class {
   constructor(hostRef) {

package/dist/esm/{useChildElements-fd458906.js → useChildElements-79be4145.js}

@@ -1,5 +1,5 @@
 import { i as useState, k as useMemo } from './stencil-hooks.module-b48b45ec.js';
-import { R } from './index.module-0ba0774e.js';
+import { R } from './index.module-3c720e8f.js';
 
 function useChildElements() {
   const host = R();

package/dist/esm/{useReferralTable-a3d6051e.js → useReferralTable-5c18f7c5.js}

@@ -1,8 +1,8 @@
 import { h } from './index-17b4da69.js';
 import { b as browser, f as useReducer, u as useEffect } from './stencil-hooks.module-b48b45ec.js';
-import { d as dist, W, O, x, f as fn, h as hn } from './index.module-0ba0774e.js';
-import { u as useRerenderListener } from './re-render-22de5b23.js';
-import { u as useChildElements } from './useChildElements-fd458906.js';
+import { d as dist, N, O, x, a as dn, v as vn } from './index.module-3c720e8f.js';
+import { u as useRerenderListener } from './re-render-695ddbbd.js';
+import { u as useChildElements } from './useChildElements-79be4145.js';
 import { l as luxon } from './luxon-1e38d7f1.js';
 
 const mockRewardData = (count = 4) => {
@@ -154,194 +154,194 @@ const getMockData = () => {
 
 const debug = browser("sq:useReferralTable");
 const CSS_NAMESPACE = "sqm-referral-table";
-const GET_REFERRER_DATA = dist.gql `
-  query getReferrals(
-    $programId: ID
-    $rewardFilter: RewardFilterInput
-    $locale: RSLocale
-  ) {
-    viewer {
-      ... on User {
-        referredByReferral(programId: $programId) {
-          dateConverted
-          dateFraudChecksCompleted
-          dateModerated
-          dateModified
-          dateReferralEnded
-          dateReferralPaid
-          dateReferralStarted
-          dateUserModified
-          referrerUser {
-            firstName
-            lastName
-          }
-          rewards(filter: $rewardFilter) {
-            id
-            type
-            value
-            unit
-            name
-            dateGiven
-            dateExpires
-            dateCancelled
-            dateRedeemed
-            dateScheduledFor
-            fuelTankCode
-            fuelTankType
-            currency
-            prettyValue(locale: $locale)
-            statuses
-            globalRewardKey
-            programRewardKey
-            meta {
-              status
-              integration {
-                name
-              }
-              message
-              customMeta
-            }
-            rewardRedemptionTransactions {
-              data {
-                exchangedRewards {
-                  data {
-                    prettyValue(locale: $locale)
-                    type
-                    fuelTankCode
-                    globalRewardKey
-                  }
-                }
-              }
-            }
-          }
-        }
-      }
-    }
-  }
+const GET_REFERRER_DATA = dist.gql `
+  query getReferrals(
+    $programId: ID
+    $rewardFilter: RewardFilterInput
+    $locale: RSLocale
+  ) {
+    viewer {
+      ... on User {
+        referredByReferral(programId: $programId) {
+          dateConverted
+          dateFraudChecksCompleted
+          dateModerated
+          dateModified
+          dateReferralEnded
+          dateReferralPaid
+          dateReferralStarted
+          dateUserModified
+          referrerUser {
+            firstName
+            lastName
+          }
+          rewards(filter: $rewardFilter) {
+            id
+            type
+            value
+            unit
+            name
+            dateGiven
+            dateExpires
+            dateCancelled
+            dateRedeemed
+            dateScheduledFor
+            fuelTankCode
+            fuelTankType
+            currency
+            prettyValue(locale: $locale)
+            statuses
+            globalRewardKey
+            programRewardKey
+            meta {
+              status
+              integration {
+                name
+              }
+              message
+              customMeta
+            }
+            rewardRedemptionTransactions {
+              data {
+                exchangedRewards {
+                  data {
+                    prettyValue(locale: $locale)
+                    type
+                    fuelTankCode
+                    globalRewardKey
+                  }
+                }
+              }
+            }
+          }
+        }
+      }
+    }
+  }
 `;
-const GET_REFERRAL_DATA = dist.gql `
-  query getReferrals(
-    $limit: Int!
-    $offset: Int!
-    $referralFilter: ReferralFilterInput
-    $rewardFilter: RewardFilterInput
-    $locale: RSLocale
-  ) {
-    viewer {
-      ... on User {
-        id
-        paidReferrals: referrals(
-          filter: { dateReferralPaid_timeframe: "this_10_years" }
-          limit: 1
-        ) {
-          totalCount
-        }
-        referrals(limit: $limit, offset: $offset, filter: $referralFilter) {
-          totalCount
-          count
-          data {
-            id
-            referredUser {
-              id
-              accountId
-              firstName
-              lastName
-              email
-              programGoals {
-                goalId
-                programId
-                count
-                firstDate
-                lastDate
-                conversionCount
-              }
-            }
-            shareLinkUsed
-            referralCodeUsed
-            moderationStatus
-            dateConverted
-            dateFraudChecksCompleted
-            dateModerated
-            dateModified
-            dateReferralEnded
-            dateReferralPaid
-            dateReferralStarted
-            dateUserModified
-            programId
-            program {
-              id
-              name
-            }
-            rewards(filter: $rewardFilter) {
-              id
-              type
-              value
-              unit
-              name
-              dateGiven
-              dateExpires
-              dateCancelled
-              dateRedeemed
-              dateScheduledFor
-              fuelTankCode
-              fuelTankType
-              currency
-              prettyValue(locale: $locale)
-              pendingReasons
-              statuses
-              globalRewardKey
-              programRewardKey
-              meta {
-                status
-                integration {
-                  name
-                }
-                message
-                customMeta
-              }
-              rewardRedemptionTransactions {
-                data {
-                  exchangedRewards {
-                    data {
-                      prettyValue(locale: $locale)
-                      type
-                      fuelTankCode
-                      globalRewardKey
-                    }
-                  }
-                }
-              }
-            }
-            childNodes(limit: 10, offset: 0) {
-              data {
-                data {
-                  id
-                  ... on FlatReward {
-                    id
-                    statuses
-                    type
-                    value
-                  }
-                  ... on ProgramEmailTransaction {
-                    id
-                    rewardId
-                    dateCreated
-                    dateSent
-                    dateQueued
-                  }
-                }
-                depth
-              }
-            }
-          }
-        }
-      }
-    }
-  }
+const GET_REFERRAL_DATA = dist.gql `
+  query getReferrals(
+    $limit: Int!
+    $offset: Int!
+    $referralFilter: ReferralFilterInput
+    $rewardFilter: RewardFilterInput
+    $locale: RSLocale
+  ) {
+    viewer {
+      ... on User {
+        id
+        paidReferrals: referrals(
+          filter: { dateReferralPaid_timeframe: "this_10_years" }
+          limit: 1
+        ) {
+          totalCount
+        }
+        referrals(limit: $limit, offset: $offset, filter: $referralFilter) {
+          totalCount
+          count
+          data {
+            id
+            referredUser {
+              id
+              accountId
+              firstName
+              lastName
+              email
+              programGoals {
+                goalId
+                programId
+                count
+                firstDate
+                lastDate
+                conversionCount
+              }
+            }
+            shareLinkUsed
+            referralCodeUsed
+            moderationStatus
+            dateConverted
+            dateFraudChecksCompleted
+            dateModerated
+            dateModified
+            dateReferralEnded
+            dateReferralPaid
+            dateReferralStarted
+            dateUserModified
+            programId
+            program {
+              id
+              name
+            }
+            rewards(filter: $rewardFilter) {
+              id
+              type
+              value
+              unit
+              name
+              dateGiven
+              dateExpires
+              dateCancelled
+              dateRedeemed
+              dateScheduledFor
+              fuelTankCode
+              fuelTankType
+              currency
+              prettyValue(locale: $locale)
+              pendingReasons
+              statuses
+              globalRewardKey
+              programRewardKey
+              meta {
+                status
+                integration {
+                  name
+                }
+                message
+                customMeta
+              }
+              rewardRedemptionTransactions {
+                data {
+                  exchangedRewards {
+                    data {
+                      prettyValue(locale: $locale)
+                      type
+                      fuelTankCode
+                      globalRewardKey
+                    }
+                  }
+                }
+              }
+            }
+            childNodes(limit: 10, offset: 0) {
+              data {
+                data {
+                  id
+                  ... on FlatReward {
+                    id
+                    statuses
+                    type
+                    value
+                  }
+                  ... on ProgramEmailTransaction {
+                    id
+                    rewardId
+                    dateCreated
+                    dateSent
+                    dateQueued
+                  }
+                }
+                depth
+              }
+            }
+          }
+        }
+      }
+    }
+  }
 `;
 function useReferralTable(props, emptyElement, loadingElement) {
   var _a, _b, _c;
-  const user = W();
+  const user = N();
   const programIdContext = O();
   // Default to context, overriden by props
   const programId = (_a = props.programId) !== null && _a !== void 0 ? _a : programIdContext;
@@ -365,14 +365,14 @@ function useReferralTable(props, emptyElement, loadingElement) {
     page: 0,
   });
   const locale = x();
-  const { data: referrerResponse, loading: referrerLoading, refetch, } = fn(GET_REFERRER_DATA, {
+  const { data: referrerResponse, loading: referrerLoading, refetch, } = dn(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 { envelope: referralData, states, callbacks, } = hn(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, } = vn(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/esm/{useRegistrationFormState-29e30121.js → useRegistrationFormState-6ce2e16f.js}

@@ -1,5 +1,5 @@
 import { y } from './stencil-hooks.module-b48b45ec.js';
-import { R } from './index.module-0ba0774e.js';
+import { R } from './index.module-3c720e8f.js';
 
 const REGISTRATION_FORM_STATE_CONTEXT = "sq:registration-form-state";
 function useRegistrationFormState(formState) {

package/dist/esm-es5/GenericTableView-ce26115f.js

@@ -0,0 +1 @@
+var __assign=this&&this.__assign||function(){__assign=Object.assign||function(e){for(var a,t=1,l=arguments.length;t<l;t++){a=arguments[t];for(var r in a)if(Object.prototype.hasOwnProperty.call(a,r))e[r]=a[r]}return e};return __assign.apply(this,arguments)};import{h}from"./index-17b4da69.js";import{g as gap}from"./mixins-f60a614c.js";import{c as createStyleSheet}from"./JSS-67b5cff8.js";function GenericTableView(e){var a;var t=e.states,l=e.data,r=e.callbacks,s=e.elements;var n=s.columns,i=s.rows;var o=t.show;var d=l.hiddenColumns&&l.hiddenColumns.split(",").map(Number);var p="@media (max-width: "+l.mdBreakpoint+"px)";var m="@media (min-width: "+(Boolean(i.length<2)?l.mdBreakpoint:l.smBreakpoint)+"px) and (max-width: "+l.mdBreakpoint+"px)";var c={Table:(a={tableLayout:"fixed",width:"100%","& th":{paddingBottom:"var(--sl-spacing-small)",textAlign:"left",fontWeight:"var(--sl-font-weight-semibold)",overflowWrap:"anywhere"},"& tr":{},"& td":{borderTop:"1px solid var(--sl-color-neutral-200)",padding:"var(--sl-spacing-small)",paddingLeft:"0",overflow:"hidden",textOverflow:"ellipsis"}},a[p]={"& thead":{display:"none"},"& tr":{display:"block",background:"#FFFFFF",border:"1px solid var(--sl-color-neutral-200)",boxShadow:"0px 2px 4px rgba(0, 0, 0, 0.1)",borderRadius:"var(--sl-border-radius-large)",padding:"var(--sl-spacing-medium)",fontSize:"var(--sl-font-size-small)",marginBottom:"var(--sl-spacing-large)"},"& td":{display:"grid",borderTop:"none",padding:"0",marginBottom:"var(--sl-spacing-medium)","&:first-child":{textAlign:"left"},"&:before":{content:"attr(data-label)",whiteSpace:"nowrap"},"&:last-child":{marginBottom:"0"},"&.hidden:before":{content:"none"}}},a[m]={"& tbody":{display:"grid",gridTemplateColumns:"0.5fr 0.5fr",gap:"25px"}},a),ButtonContainer:__assign({display:"flex","justify-content":"flex-end","margin-top":"var(--sl-spacing-small)"},gap({direction:"row",size:"var(--sl-spacing-small)"})),ButtonDisabled:{"&::part(base)":{opacity:"0.25"}}};var u=createStyleSheet(c);var g=u.toString();if(o==="empty")return s.emptyElement;return h("div",null,h("style",{type:"text/css"},g),h("table",{class:u.classes.Table},l.textOverrides.showLabels&&h("thead",null,h("tr",null,n===null||n===void 0?void 0:n.map((function(e){if(typeof e==="string")return h("th",null,e);return h("th",{style:{width:"30px"}},e)})))),h("tbody",null,o==="loading"&&s.loadingElement,o==="rows"&&(i===null||i===void 0?void 0:i.map((function(e,a){return h("tr",{style:{borderTop:""+(!l.textOverrides.showLabels&&a===0?"none":"")},part:"table-row"},e.map((function(e,a){return typeof n[a]==="string"?h("td",{class:(d===null||d===void 0?void 0:d.includes(a))?"hidden":"","data-label":n[a]+":",style:{gridTemplateColumns:(d===null||d===void 0?void 0:d.includes(a))?"1fr":"0.5fr 0.5fr"}},e):h("td",null)})))}))))),h("div",{class:u.classes.ButtonContainer,part:t.namespace+"-button-wrapper"},h("sl-button",{size:"small",disabled:!t.hasPrev,loading:o==="loading",onClick:r.prevPage,exportparts:"base: defaultbutton-base",class:!t.hasPrev?u.classes.ButtonDisabled:""},l.textOverrides.prevLabel),h("sl-button",{size:"small",loading:o==="loading",disabled:!t.hasNext,onClick:r.nextPage,exportparts:"base: defaultbutton-base",class:!t.hasNext?u.classes.ButtonDisabled:""},l.textOverrides.moreLabel)))}export{GenericTableView as G};