@saasquatch/mint-components 2.0.5-2 → 2.0.5-3

package/dist/esm/sqm-widget-verification-controller.entry.js

@@ -1,6 +1,6 @@
-import { r as registerInstance, h as h$1, c as Host } from './index-38ad4957.js';
-import { b as browser, n as h, k as useState, f as useEffect } from './dom-context-hooks.module-50442785.js';
-import { I as In, b as useCallback, i as isDemo } from './index.module-849b7d56.js';
+import { r as registerInstance, h as h$1, c as Host } from './index-b3a06de8.js';
+import { b as browser, n as h, k as useState, f as useEffect } from './dom-context-hooks.module-63370afd.js';
+import { I as In, u as useCallback, i as isDemo } from './index.module-c9811a48.js';
 import { a as VERIFICATION_PARENT_NAMESPACE } from './keys-406491dc.js';
 
 const debug = browser("sq:widget-verification");

package/dist/esm/sqm-widget-verification.entry.js

@@ -1,6 +1,6 @@
-import { r as registerInstance, h as h$1 } from './index-38ad4957.js';
-import { k as useState, f as useEffect, n as h } from './dom-context-hooks.module-50442785.js';
-import { d as dist, J, I as In, o as En, X as Xe, i as isDemo } from './index.module-849b7d56.js';
+import { r as registerInstance, h as h$1 } from './index-b3a06de8.js';
+import { k as useState, f as useEffect, n as h } from './dom-context-hooks.module-63370afd.js';
+import { d as dist, J, I as In, p as En, X as Xe, i as isDemo } from './index.module-c9811a48.js';
 import { c as cjs } from './cjs-bdfb4486.js';
 import { g as getProps } from './utils-334c1e34.js';
 import { e as extractProps, p as parseStates } from './extractProps-54064fb0.js';

package/dist/esm/{useChildElements-14eb2cd7.js → useChildElements-3d872cef.js}

@@ -1,5 +1,5 @@
-import { k as useState, u as useMemo } from './dom-context-hooks.module-50442785.js';
-import { _ } from './index.module-849b7d56.js';
+import { k as useState, u as useMemo } from './dom-context-hooks.module-63370afd.js';
+import { _ } from './index.module-c9811a48.js';
 
 function useChildElements() {
   const host = _();

package/dist/esm/{useInstantAccessRegistration-6685ce53.js → useInstantAccessRegistration-dda1f52b.js}

@@ -1,7 +1,7 @@
-import { k as useState } from './dom-context-hooks.module-50442785.js';
-import { L, v as vn } from './index.module-849b7d56.js';
+import { k as useState } from './dom-context-hooks.module-63370afd.js';
+import { L, v as vn } from './index.module-c9811a48.js';
 import { j as jsonpointer } from './jsonpointer-388a7082.js';
-import { u as useRegistrationFormState } from './useRegistrationFormState-f149c3ba.js';
+import { u as useRegistrationFormState } from './useRegistrationFormState-24d594ea.js';
 
 function useInstantAccessRegistration(props) {
   const locale = L();

package/dist/esm/{useLeadFormState-0d1c899e.js → useLeadFormState-8d4b2620.js}

@@ -1,7 +1,7 @@
-import { h } from './index-38ad4957.js';
-import { i as intl } from './global-fc653a2a.js';
-import { k as useState, y } from './dom-context-hooks.module-50442785.js';
-import { _ } from './index.module-849b7d56.js';
+import { h } from './index-b3a06de8.js';
+import { i as intl } from './global-58a69018.js';
+import { k as useState, y } from './dom-context-hooks.module-63370afd.js';
+import { _ } from './index.module-c9811a48.js';
 import { c as createStyleSheet } from './JSS-67b5cff8.js';
 
 const style = {

package/dist/esm/{data-4390ef62.js → usePayoutStatus-7404eb9d.js}

@@ -1,5 +1,5 @@
-import { k as useState, f as useEffect } from './dom-context-hooks.module-50442785.js';
-import { d as dist, J, $ as $e, g as getEnvironmentSDK, w as wn } from './index.module-849b7d56.js';
+import { k as useState, f as useEffect } from './dom-context-hooks.module-63370afd.js';
+import { d as dist, J, $ as $e, g as getEnvironmentSDK, w as wn } from './index.module-c9811a48.js';
 
 const TAX_FORM_UPDATED_EVENT_KEY = "sqm:tax-form-updated";
 
@@ -1000,7 +1000,7 @@ const GET_TAX_SETTING = dist.gql `
   }
 `;
 function getStatus(data) {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q;
+  var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x;
   const account = (_b = (_a = data.user.impactConnection) === null || _a === void 0 ? void 0 : _a.publisher) === null || _b === void 0 ? void 0 : _b.payoutsAccount;
   const hasTransferredReward = (_e = (_d = (_c = data === null || data === void 0 ? void 0 : data.user) === null || _c === void 0 ? void 0 : _c.rewards) === null || _d === void 0 ? void 0 : _d.data) === null || _e === void 0 ? void 0 : _e.find((reward) => reward.statuses.includes("REDEEMED") &&
     reward.partnerFundsTransfer.status === "TRANSFERRED");
@@ -1017,8 +1017,23 @@ function getStatus(data) {
     return "VERIFICATION:REVIEW";
   if ((_p = account.holdReasons) === null || _p === void 0 ? void 0 : _p.includes("IDV_CHECK_FAILED_INTERNAL"))
     return "VERIFICATION:FAILED";
+  // only show banner for NEW_PAYEE_REVIEW if a PFT was created
   if (((_q = account.holdReasons) === null || _q === void 0 ? void 0 : _q.includes("NEW_PAYEE_REVIEW")) && hasTransferredReward)
-    return "ACCOUNT_REVIEW";
+    return "NEW_PAYEE_REVIEW";
+  if ((_r = account.holdReasons) === null || _r === void 0 ? void 0 : _r.includes("NEW_PAYEE_REVIEW"))
+    return "DONE";
+  if ((_s = account.holdReasons) === null || _s === void 0 ? void 0 : _s.includes("PAYMENT_HOLD_ON_CHANGE"))
+    return "PAYMENT_HOLD_ON_CHANGE";
+  if ((_t = account.holdReasons) === null || _t === void 0 ? void 0 : _t.includes("BENEFICIARY_NAME_INVALID"))
+    return "BENEFICIARY_NAME_INVALID";
+  if ((_u = account.holdReasons) === null || _u === void 0 ? void 0 : _u.includes("BENEFICIARY_NAME_MISMATCH"))
+    return "BENEFICIARY_NAME_MISMATCH";
+  if ((_v = account.holdReasons) === null || _v === void 0 ? void 0 : _v.includes("BANK_TAX_NAME_MISMATCH"))
+    return "BANK_TAX_NAME_MISMATCH";
+  if ((_w = account.holdReasons) === null || _w === void 0 ? void 0 : _w.includes("WITHDRAWAL_SETTINGS_INVALID"))
+    return "WITHDRAWAL_SETTINGS_INVALID";
+  if ((_x = account.holdReasons) === null || _x === void 0 ? void 0 : _x.includes("PAYMENT_RETURNED"))
+    return "PAYMENT_RETURNED";
   if (account.hold)
     return "HOLD";
   return "DONE";
@@ -1057,6 +1072,16 @@ function usePayoutStatus(props) {
       url += "#3";
     window.history.pushState(null, "", url);
   };
+  const onPaymentInfoClick = () => {
+    let url = props.cashPayoutsPageUrl;
+    url += "#4";
+    window.history.pushState(null, "", url);
+  };
+  const onNewFormClick = () => {
+    let url = props.cashPayoutsPageUrl;
+    url += "#3";
+    window.history.pushState(null, "", url);
+  };
   return {
     states: {
       loading,
@@ -1070,135 +1095,10 @@ function usePayoutStatus(props) {
     callbacks: {
       onTermsClick,
       onClick: render,
+      onPaymentInfoClick,
+      onNewFormClick,
     },
   };
 }
 
-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
-            }
-          }
-        }
-        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, FINANCE_NETWORK_SETTINGS_NAMESPACE as F, GET_USER as G, SORTED_COUNTRIES_NAMESPACE as S, TAX_CONTEXT_NAMESPACE as T, USER_FORM_CONTEXT_NAMESPACE as U, VERIFF_COMPLETE_EVENT_KEY as V, TAX_FORM_CONTEXT_NAMESPACE as a, COUNTRIES_NAMESPACE as b, USER_QUERY_NAMESPACE as c, COUNTRIES_QUERY_NAMESPACE as d, GET_COUNTRIES as e, GET_FINANCE_NETWORK_SETTINGS as f, CURRENCIES_QUERY_NAMESPACE as g, GET_CURRENCIES as h, FORM_STEPS as i, TAX_FORM_UPDATED_EVENT_KEY as j, useVeriffApp as k, getStatus as l, usePayoutStatus as u };
+export { TAX_FORM_UPDATED_EVENT_KEY as T, VERIFF_COMPLETE_EVENT_KEY as V, useVeriffApp as a, getStatus as g, usePayoutStatus as u };

package/dist/esm/usePortalLogin-f95bbc67.js

@@ -0,0 +1,72 @@
+import { k as useState } from './dom-context-hooks.module-63370afd.js';
+import { c as je, h as hn, j as jn } from './index.module-c9811a48.js';
+import { j as jsonpointer } from './jsonpointer-388a7082.js';
+import { s as sanitizeUrlPath } from './utils-334c1e34.js';
+
+function usePortalLogin(props) {
+  var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p;
+  const [request, { loading, errors, data }] = je();
+  const [loginWithGoogle, { loading: gLoading, errors: gErrors }] = hn();
+  const [error, setError] = useState("");
+  const urlParams = new URLSearchParams(jn.location.search);
+  const nextPageOverride = urlParams.get("nextPage");
+  const googleSubmit = async (e) => {
+    var _a, _b, _c, _d;
+    if (!((_a = e.detail) === null || _a === void 0 ? void 0 : _a.credential))
+      return;
+    const result = await loginWithGoogle({ idToken: e.detail.credential });
+    if (result instanceof Error) {
+      if ((result === null || result === void 0 ? void 0 : result.message) || ((_b = result === null || result === void 0 ? void 0 : result["response"]) === null || _b === void 0 ? void 0 : _b["error"]))
+        if ((_c = result === null || result === void 0 ? void 0 : result["response"]) === null || _c === void 0 ? void 0 : _c["errors"].some((error) => { var _a; return ((_a = error === null || error === void 0 ? void 0 : error["extensions"]) === null || _a === void 0 ? void 0 : _a["message"]) === "Invalid Credentials."; })) {
+          setError(props.googleUserNotRegisteredError);
+        }
+        else {
+          setError(props.networkErrorMessage);
+        }
+      return;
+    }
+    if ((_d = result.authenticateManagedIdentityWithGoogle) === null || _d === void 0 ? void 0 : _d.token) {
+      urlParams.delete("nextPage");
+      const url = sanitizeUrlPath(nextPageOverride || props.nextPage);
+      jn.push(url.href);
+    }
+  };
+  const submit = async (event) => {
+    var _a, _b;
+    setError("");
+    let formData = event.detail.formData;
+    formData === null || formData === void 0 ? void 0 : formData.forEach((value, key) => {
+      jsonpointer.set(formData, key, value);
+    });
+    const variables = { email: formData.email, password: formData.password };
+    const result = await request(variables);
+    if (result instanceof Error) {
+      if ((result === null || result === void 0 ? void 0 : result.message) || ((_a = result === null || result === void 0 ? void 0 : result["response"]) === null || _a === void 0 ? void 0 : _a["error"]))
+        setError(props.networkErrorMessage);
+      return;
+    }
+    if ((_b = result.authenticateManagedIdentityWithEmailAndPassword) === null || _b === void 0 ? void 0 : _b.token) {
+      urlParams.delete("nextPage");
+      const url = sanitizeUrlPath(nextPageOverride || props.nextPage);
+      jn.push(url.href);
+    }
+  };
+  const errorMessage = ((_d = (_c = (_b = (_a = errors === null || errors === void 0 ? void 0 : errors.response) === null || _a === void 0 ? void 0 : _a.errors) === null || _b === void 0 ? void 0 : _b[0]) === null || _c === void 0 ? void 0 : _c.extensions) === null || _d === void 0 ? void 0 : _d.message) || ((_g = (_f = (_e = errors === null || errors === void 0 ? void 0 : errors.response) === null || _e === void 0 ? void 0 : _e.errors) === null || _f === void 0 ? void 0 : _f[0]) === null || _g === void 0 ? void 0 : _g.message) ||
+    error;
+  const googleErrorMessage = ((_l = (_k = (_j = (_h = gErrors === null || gErrors === void 0 ? void 0 : gErrors.response) === null || _h === void 0 ? void 0 : _h.errors) === null || _j === void 0 ? void 0 : _j[0]) === null || _k === void 0 ? void 0 : _k.extensions) === null || _l === void 0 ? void 0 : _l.message) || ((_p = (_o = (_m = gErrors === null || gErrors === void 0 ? void 0 : gErrors.response) === null || _m === void 0 ? void 0 : _m.errors) === null || _o === void 0 ? void 0 : _o[0]) === null || _p === void 0 ? void 0 : _p.message) ||
+    error;
+  return {
+    states: {
+      loading: loading || gLoading,
+      error: errorMessage || googleErrorMessage,
+      registerPath: props.registerPath,
+      forgotPasswordPath: props.forgotPasswordPath,
+    },
+    callbacks: {
+      googleSubmit,
+      submit,
+    },
+  };
+}
+
+export { usePortalLogin as u };

package/dist/esm/{usePortalRegistrationForm-65765105.js → usePortalRegistrationForm-1eb3cd72.js}

@@ -1,8 +1,8 @@
-import { m as useRef, f as useEffect } from './dom-context-hooks.module-50442785.js';
-import { d as dist, L, O as Oe, w as wn, j as jn, b as useCallback } from './index.module-849b7d56.js';
+import { m as useRef, f as useEffect } from './dom-context-hooks.module-63370afd.js';
+import { d as dist, L, O as Oe, w as wn, j as jn, u as useCallback } from './index.module-c9811a48.js';
 import { j as jsonpointer } from './jsonpointer-388a7082.js';
+import { u as useRegistrationFormState } from './useRegistrationFormState-24d594ea.js';
 import { A as AsYouType } from './AsYouType-46f67d0d.js';
-import { u as useRegistrationFormState } from './useRegistrationFormState-f149c3ba.js';
 
 const RegistrationFormQuery = dist.gql `
   query RegistrationFormQuery($key: String!) {

package/dist/esm/{useReferralCodes-f87eea47.js → useReferralCodes-c2e809cf.js}

@@ -1,5 +1,5 @@
-import { f as useEffect } from './dom-context-hooks.module-50442785.js';
-import { d as dist, J, B, H, Q as Qe, R as Rn, I as In } from './index.module-849b7d56.js';
+import { f as useEffect } from './dom-context-hooks.module-63370afd.js';
+import { d as dist, J, B, H, Q as Qe, R as Rn, I as In } from './index.module-c9811a48.js';
 
 const GET_REFERRAL_CODES = dist.gql `
   query getCodes(

package/dist/esm/{useReferralTable-bcf191be.js → useReferralTable-909ccb28.js}

@@ -1,8 +1,8 @@
-import { h } from './index-38ad4957.js';
-import { b as browser, j as useReducer, f as useEffect } from './dom-context-hooks.module-50442785.js';
-import { d as dist, J, H, L, w as wn, R as Rn } from './index.module-849b7d56.js';
-import { u as useRerenderListener } from './re-render-2a5345de.js';
-import { u as useChildElements } from './useChildElements-14eb2cd7.js';
+import { h } from './index-b3a06de8.js';
+import { b as browser, j as useReducer, f as useEffect } from './dom-context-hooks.module-63370afd.js';
+import { d as dist, J, H, L, w as wn, R as Rn } from './index.module-c9811a48.js';
+import { u as useRerenderListener } from './re-render-7e22fb0d.js';
+import { u as useChildElements } from './useChildElements-3d872cef.js';
 
 const debug = browser("sq:useReferralTable");
 const CSS_NAMESPACE = "sqm-referral-table";

package/dist/esm/{useRegistrationFormState-f149c3ba.js → useRegistrationFormState-24d594ea.js}

@@ -1,5 +1,5 @@
-import { i as d, y } from './dom-context-hooks.module-50442785.js';
-import { _ } from './index.module-849b7d56.js';
+import { i as d, y } from './dom-context-hooks.module-63370afd.js';
+import { _ } from './index.module-c9811a48.js';
 
 const REGISTRATION_FORM_STATE_CONTEXT = "sq:registration-form-state";
 const REGISTRATION_FORM_STATE_CONTEXT_INTERNAL = "sq:registration-form-state-internal";

package/dist/esm/{useVerificationEmail-ca464d15.js → useVerificationEmail-55e0e98f.js}

@@ -1,5 +1,5 @@
-import { k as useState, f as useEffect } from './dom-context-hooks.module-50442785.js';
-import { d as dist, J, X as Xe, $ as $e } from './index.module-849b7d56.js';
+import { k as useState, f as useEffect } from './dom-context-hooks.module-63370afd.js';
+import { d as dist, J, X as Xe, $ as $e } from './index.module-c9811a48.js';
 
 const UserLookupQuery = dist.gql `
   query userLookup {

package/dist/esm/{utilities-8dba1079.js → utilities-72c07b09.js}

@@ -1,5 +1,5 @@
-import { k as useState, f as useEffect } from './dom-context-hooks.module-50442785.js';
-import { b as useCallback } from './index.module-849b7d56.js';
+import { k as useState, f as useEffect } from './dom-context-hooks.module-63370afd.js';
+import { u as useCallback } from './index.module-c9811a48.js';
 
 // import { IntlMessageFormat } from 'intl-messageformat';
 function isMobile(breakPoint) {

package/dist/esm-es5/{ErrorView-74cb3af8.js → ErrorView-bbf0a042.js}

@@ -1 +1 @@
-import{h}from"./index-38ad4957.js";var ErrorView=function(r){return h("sqm-form-message",{type:"error"},h("p",{part:"alert-title"},r.loadingErrorAlertHeader),h("p",{part:"alert-description"},r.loadingErrorAlertDescription))};export{ErrorView as E};
+import{h}from"./index-b3a06de8.js";var ErrorView=function(r){return h("sqm-form-message",{type:"error"},h("p",{part:"alert-title"},r.loadingErrorAlertHeader),h("p",{part:"alert-description"},r.loadingErrorAlertDescription))};export{ErrorView as E};

package/dist/esm-es5/{GenericTableView-8c72ac30.js → GenericTableView-e43d310f.js}

@@ -1 +1 @@
-var __assign=this&&this.__assign||function(){__assign=Object.assign||function(e){for(var a,t=1,r=arguments.length;t<r;t++){a=arguments[t];for(var s in a)if(Object.prototype.hasOwnProperty.call(a,s))e[s]=a[s]}return e};return __assign.apply(this,arguments)};import{h}from"./index-38ad4957.js";import{c as createStyleSheet}from"./JSS-67b5cff8.js";import{g as gap}from"./mixins-f750863a.js";function GenericTableView(e){var a;var t=e.states,r=e.data,s=e.callbacks,l=e.elements;var i=l.columns,o=l.rows;var n=t.show;var d=r.hiddenColumns&&r.hiddenColumns.split(",").map(Number);var p="@media (max-width: "+r.mdBreakpoint+"px)";var m="@media (min-width: "+(Boolean(o.length<2)?r.mdBreakpoint:r.smBreakpoint)+"px) and (max-width: "+r.mdBreakpoint+"px)";var c={Table:(a={borderCollapse:"collapse",tableLayout:"fixed",width:"100%","& tbody tr":{borderBottom:"var(--sqm-border-thickness, 1px) solid var(--sqm-border-color)","&:first-child":{borderTop:"var(--sqm-border-thickness, 1px) solid var(--sqm-border-color)"}},"& th":{paddingBottom:"var(--sl-spacing-small)",textAlign:"left",fontWeight:"var(--sl-font-weight-semibold)",overflowWrap:"anywhere"},"& td":{padding:"var(--sl-spacing-small)",paddingLeft:"0",overflow:"hidden",textOverflow:"ellipsis"}},a[p]={"& thead":{display:"none"},"& tr":{display:"block",background:"inherit",border:"var(--sqm-border-thickness, 1px) solid var(--sqm-border-color)",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 b=createStyleSheet(c);var g=b.toString();if(n==="empty")return l.emptyElement;return h("div",null,h("style",{type:"text/css"},g),h("table",{class:b.classes.Table},r.textOverrides.showLabels&&h("thead",null,h("tr",null,i===null||i===void 0?void 0:i.map((function(e){if(typeof e==="string")return h("th",null,e);return h("th",{style:{width:"30px"}},e)})))),h("tbody",null,n==="loading"&&l.loadingElement,n==="rows"&&(o===null||o===void 0?void 0:o.map((function(e,a){return h("tr",{style:{borderTop:""+(!r.textOverrides.showLabels&&a===0?"none":"")},part:"table-row"},e.map((function(e,a){return typeof i[a]==="string"?h("td",{class:(d===null||d===void 0?void 0:d.includes(a))?"hidden":"","data-label":i[a]+":",style:{gridTemplateColumns:(d===null||d===void 0?void 0:d.includes(a))?"1fr":"0.5fr 0.5fr"}},e):h("td",null,e)})))}))))),h("div",{class:b.classes.ButtonContainer,part:t.namespace+"-button-wrapper"},h("sl-button",{size:"small",disabled:!t.hasPrev,loading:n==="loading",onClick:s.prevPage,exportparts:"base: secondarybutton-base",class:!t.hasPrev?b.classes.ButtonDisabled:""},r.textOverrides.prevLabel),h("sl-button",{size:"small",loading:n==="loading",disabled:!t.hasNext,onClick:s.nextPage,exportparts:"base: secondarybutton-base",class:!t.hasNext?b.classes.ButtonDisabled:""},r.textOverrides.moreLabel)))}export{GenericTableView as G};
+var __assign=this&&this.__assign||function(){__assign=Object.assign||function(e){for(var a,t=1,r=arguments.length;t<r;t++){a=arguments[t];for(var s in a)if(Object.prototype.hasOwnProperty.call(a,s))e[s]=a[s]}return e};return __assign.apply(this,arguments)};import{h}from"./index-b3a06de8.js";import{c as createStyleSheet}from"./JSS-67b5cff8.js";import{g as gap}from"./mixins-f750863a.js";function GenericTableView(e){var a;var t=e.states,r=e.data,s=e.callbacks,l=e.elements;var i=l.columns,o=l.rows;var n=t.show;var d=r.hiddenColumns&&r.hiddenColumns.split(",").map(Number);var p="@media (max-width: "+r.mdBreakpoint+"px)";var m="@media (min-width: "+(Boolean(o.length<2)?r.mdBreakpoint:r.smBreakpoint)+"px) and (max-width: "+r.mdBreakpoint+"px)";var c={Table:(a={borderCollapse:"collapse",tableLayout:"fixed",width:"100%","& tbody tr":{borderBottom:"var(--sqm-border-thickness, 1px) solid var(--sqm-border-color)","&:first-child":{borderTop:"var(--sqm-border-thickness, 1px) solid var(--sqm-border-color)"}},"& th":{paddingBottom:"var(--sl-spacing-small)",textAlign:"left",fontWeight:"var(--sl-font-weight-semibold)",overflowWrap:"anywhere"},"& td":{padding:"var(--sl-spacing-small)",paddingLeft:"0",overflow:"hidden",textOverflow:"ellipsis"}},a[p]={"& thead":{display:"none"},"& tr":{display:"block",background:"inherit",border:"var(--sqm-border-thickness, 1px) solid var(--sqm-border-color)",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 b=createStyleSheet(c);var g=b.toString();if(n==="empty")return l.emptyElement;return h("div",null,h("style",{type:"text/css"},g),h("table",{class:b.classes.Table},r.textOverrides.showLabels&&h("thead",null,h("tr",null,i===null||i===void 0?void 0:i.map((function(e){if(typeof e==="string")return h("th",null,e);return h("th",{style:{width:"30px"}},e)})))),h("tbody",null,n==="loading"&&l.loadingElement,n==="rows"&&(o===null||o===void 0?void 0:o.map((function(e,a){return h("tr",{style:{borderTop:""+(!r.textOverrides.showLabels&&a===0?"none":"")},part:"table-row"},e.map((function(e,a){return typeof i[a]==="string"?h("td",{class:(d===null||d===void 0?void 0:d.includes(a))?"hidden":"","data-label":i[a]+":",style:{gridTemplateColumns:(d===null||d===void 0?void 0:d.includes(a))?"1fr":"0.5fr 0.5fr"}},e):h("td",null,e)})))}))))),h("div",{class:b.classes.ButtonContainer,part:t.namespace+"-button-wrapper"},h("sl-button",{size:"small",disabled:!t.hasPrev,loading:n==="loading",onClick:s.prevPage,exportparts:"base: secondarybutton-base",class:!t.hasPrev?b.classes.ButtonDisabled:""},r.textOverrides.prevLabel),h("sl-button",{size:"small",loading:n==="loading",disabled:!t.hasNext,onClick:s.nextPage,exportparts:"base: secondarybutton-base",class:!t.hasNext?b.classes.ButtonDisabled:""},r.textOverrides.moreLabel)))}export{GenericTableView as G};