@saasquatch/mint-components 1.7.0-7 → 1.7.0-9

package/dist/mint-components/p-f55d96ad.entry.js

@@ -1,99 +0,0 @@
-import{h as e,r as t,c as a}from"./p-64c3217a.js";import{b as r,u as s,e as l,m as i,j as n}from"./p-30b3592f.js";import{i as o}from"./p-25846611.js";import"./p-ee461c80.js";import{d,a as c,A as u,O as m,I as p,L as h}from"./p-6e2ca2a0.js";import"./p-81f34787.js";import{c as v}from"./p-c1086930.js";import"./p-61ff3ceb.js";import{c as E}from"./p-ab8f86d3.js";import{G as f}from"./p-903a6d4d.js";import{u as y,a as g}from"./p-3894495a.js";import{u as w}from"./p-dc564561.js";import{l as b}from"./p-916a8f50.js";import{g as R}from"./p-541460a6.js";import{l as x}from"./p-9c5f124f.js";const A=["POINT","TICKET","GIFT"],D=["Points","Tickets","Gifts"],N=["AVAILABLE","PENDING","CANCELLED","EXPIRED","REDEEMED"],T=["US_TAX","SCHEDULED","UNHANDLED_ERROR"],L=r("sq:useRewardsTable"),C=d.gql`
-  query getRewards(
-    $limit: Int!
-    $offset: Int!
-    $rewardFilter: RewardFilterInput
-    $locale: RSLocale
-  ) {
-    viewer {
-      ... on User {
-        id
-        rewards(
-          limit: $limit
-          offset: $offset
-          filter: $rewardFilter
-          sortBy: { field: "dateCreated", order: DESC }
-        ) {
-          totalCount
-          count
-          data {
-            meta {
-              message
-            }
-            id
-            type
-            value
-            unit
-            name
-            dateGiven
-            dateCreated
-            dateExpires
-            dateCancelled
-            dateRedeemed
-            dateScheduledFor
-            fuelTankCode
-            fuelTankType
-            currency
-            prettyValue(locale: $locale)
-            prettyValueNumber: prettyValue(
-              formatType: NUMBER_FORMATTED
-              locale: $locale
-            )
-            prettyAvailableNumber: prettyAvailableValue(
-              formatType: NUMBER_FORMATTED
-              locale: $locale
-            )
-            prettyRedeemedNumber: prettyRedeemedCredit(
-              formatType: NUMBER_FORMATTED
-              locale: $locale
-            )
-            programId
-            program {
-              name
-            }
-            statuses
-            pendingReasons
-            globalRewardKey
-            programRewardKey
-            rewardSource
-            prettyRedeemedCredit(locale: $locale)
-            prettyAssignedCredit(locale: $locale)
-            prettyAvailableValue(locale: $locale)
-            exchangedRewardRedemptionTransaction {
-              id
-              creditRedeemed
-              prettyRedeemedCredit(locale: $locale)
-              unit
-              dateRedeemed
-            }
-            referral {
-              id
-              referrerUser {
-                id
-                firstName
-                lastName
-              }
-              referredUser {
-                id
-                firstName
-                lastName
-              }
-            }
-            rewardRedemptionTransactions {
-              data {
-                exchangedRewards {
-                  data {
-                    prettyValue(locale: $locale)
-                    type
-                    fuelTankCode
-                    globalRewardKey
-                  }
-                }
-              }
-            }
-          }
-        }
-      }
-    }
-  }
-`;async function I(t,a){const r=t.tagName.toLowerCase();let s;await customElements.whenDefined(r);try{s=a()}catch(t){return L("label promise failed",t),e("span",null)}try{return await s}catch(t){L("Error rendering label",t);const a=R(t);return e("details",null,e("summary",null,"Error"),a)}}const _=class{constructor(e){t(this,e),this.perPage=4,this.hideLabels=!1,this.prevLabel="Prev",this.moreLabel="Next",this.hiddenColumns="0",this.smBreakpoint=599,this.mdBreakpoint=799,i(this)}disconnectedCallback(){}render(){const t=e(M,null),a=e(S,null),{states:r,data:i,callbacks:o,elements:d}=h()?function(e,t,a){const[r,i]=s(((e,t)=>({...e,...t})),{columns:[],rows:[],loading:!1,page:0}),o=y(),{data:d}=n((()=>((e=4)=>({data:[...Array(e)].map((()=>(()=>{let e,t,a,r,s=!1,l=0;const i=b.DateTime.now(),n=Math.floor(3*Math.random()),o=N[Math.floor(5*Math.random())],d=A[n],c=D[n],u=Math.floor(100*Math.random())+2;if("AVAILABLE"===o)l=Math.floor(Math.random()*u),r=Math.floor(10*Math.random())<3?i.plus({days:7}).toMillis():null;else if("EXPIRED"===o)s=!0,l=Math.floor(Math.random()*u),r=i.minus({days:1}).toMillis();else if("PENDING"===o){const a=T[Math.floor(3*Math.random())];e=[a],"SCHEDULED"===a&&(t=i.plus({days:6}).toMillis())}else"REDEEMED"===o?s=!0:(s=!0,a=i.minus({days:2}).toMillis());const m=Math.floor(3*Math.random());return{id:"61f7878e096c9265de88b46f",type:"CREDIT",value:u,unit:d,name:null,dateGiven:i.minus({days:3}).toMillis(),dateExpires:r,dateCancelled:a,dateRedeemed:"REDEEMED"===o?i.plus({days:2}).toMillis():null,dateScheduledFor:t,fuelTankCode:null,fuelTankType:null,currency:null,prettyValue:`${u} ${c}`,prettyValueNumber:`${u}`,prettyAvailableNumber:s?"0":""+(u-l),prettyRedeemedNumber:s&&!l?"0":`${l}`,programId:1===m?"program-id":null,program:{name:"My Program"},statuses:[o],pendingReasons:e,globalRewardKey:null,programRewardKey:null,rewardSource:1===m?"AUTOMATED":"MANUAL",prettyRedeemedCredit:`${l} ${c}`,prettyAssignedCredit:`${u} ${c}`,prettyAvailableValue:s?`0 ${c}`:`${u-l} ${c}`,exchangedRewardRedemptionTransaction:2===m?{id:"61f7878e096c9265de88b414",creditRedeemed:50,prettyRedeemedCredit:"50 Tokens",unit:"TOKEN",dateRedeemed:1643612046258}:null,referral:null,rewardRedemptionTransactions:{data:[]}}})()))}))(e.perPage)),[e.perPage]),c=w();return l((()=>{i({loading:!0}),d&&async function(t){let a=d;a=d.slice(0,e.perPage);const r=t.filter((e=>"loading"!==e.slot&&"empty"!==e.slot)),s=null==r?void 0:r.map((async(e,t)=>{var a;const r=null===(a=null==e?void 0:e.firstElementChild)||void 0===a?void 0:a.getAttribute("slot");try{if("RAISINS-PLOP-TARGET"===e.tagName&&"loading"!==r&&"empty"!==r){e.style.position="absolute",e.setAttribute("slot","column-"+t);const a=e.firstElementChild.childNodes[1];return a.innerHTML="＋",a.style.lineHeight="20px",I(e,(()=>e.renderLabel(t)))}}catch{}return I(e,(()=>e.renderLabel()))})),l=null==a?void 0:a.map((async e=>{const t=null==r?void 0:r.map((async t=>I(t,(()=>t.renderCell(e,void 0)))));return await Promise.all(t)})),n=l&&(await Promise.all(l)).filter((e=>e));i({rows:n});const o=s&&await Promise.all(s);i({columns:o,loading:!1,page:0})}(c)}),[d,c,o]),v({states:{hasPrev:!1,hasNext:!1,loading:!1,show:"rows"},callbacks:{prevPage:()=>console.log("Prev"),nextPage:()=>console.log("Next")},data:{textOverrides:{showLabels:!e.hideLabels,prevLabel:e.prevLabel,moreLabel:e.moreLabel},referralData:[],mdBreakpoint:799,smBreakpoint:599},elements:{columns:r.columns,rows:r.rows,emptyElement:t,loadingElement:a}},e.demoData||{},{arrayMerge:(e,t)=>t})}(this,t,a):function(e,t,a){var r,i;const n=c(),o=u(),d=m(),h=null!==(r=e.programId)&&void 0!==r?r:o,v={userId_eq:null==n?void 0:n.id,accountId_eq:null==n?void 0:n.accountId,...h?"classic"===h?{programId_exists:!1}:{programId_eq:h}:{}},[E,f]=s(((e,t)=>({...e,...t})),{columns:[],rows:[],loading:!1,page:0}),{envelope:g,states:b,callbacks:R}=p(C,(e=>{var t;return null===(t=null==e?void 0:e.viewer)||void 0===t?void 0:t.rewards}),{limit:e.perPage,offset:0},{rewardFilter:v,locale:d},!(null==n?void 0:n.jwt)),x=y(),A=w(),D=null==g?void 0:g.data;l((()=>{f({loading:!0}),g&&async function(e){const t=e.filter((e=>"loading"!==e.slot&&"empty"!==e.slot)),a=null==t?void 0:t.map((async e=>I(e,(()=>e.renderLabel())))),r=null==D?void 0:D.map((async e=>{const a=null==t?void 0:t.map((async t=>I(t,(()=>t.renderCell(e,d)))));return await Promise.all(a)})),s=r&&(await Promise.all(r)).filter((e=>e));f({rows:s});const l=a&&await Promise.all(a);f({columns:l,loading:!1,page:b.currentPage})}(A)}),[g,A,x]);const N=!(null===(i=null==E?void 0:E.rows)||void 0===i?void 0:i.length)&&!(null==D?void 0:D.length);return{states:{hasNext:b.currentPage<b.pageCount-1,hasPrev:b.currentPage>0,show:b.loading||E.loading?"loading":N?"empty":"rows",namespace:"sqm-rewards-table"},data:{textOverrides:{showLabels:!e.hideLabels,prevLabel:e.prevLabel,moreLabel:e.moreLabel},hiddenColumns:e.hiddenColumns,smBreakpoint:e.smBreakpoint,mdBreakpoint:e.mdBreakpoint},elements:{columns:E.columns,rows:E.rows,emptyElement:t,loadingElement:a},callbacks:{nextPage:()=>{R.setCurrentPage(b.currentPage+1)},prevPage:()=>{R.setCurrentPage(b.currentPage-1)}}}}(this,t,a);return g([this.perPage]),e(f,{states:r,data:i,callbacks:o,elements:d})}};function M(){return e("slot",{name:"empty"},e("sqm-empty",{"empty-state-image":"https://res.cloudinary.com/saasquatch/image/upload/v1644360953/squatch-assets/empty_reward2.png","empty-state-header":"View your rewards","empty-state-text":"Refer friends and complete tasks to view the details of your rewards"}))}function S(){return e("slot",{name:"loading"},e(P,null),e(P,null),e(P,null),e(P,null))}function P(){return e("sqm-table-row",null,e("sqm-table-cell",{colspan:5},e("sl-skeleton",null)))}const k=class{constructor(e){t(this,e),this.ignored=!0,this.locale="en",i(this)}disconnectedCallback(){}render(){var e,t;return this.date?null===(t=null===(e=b.DateTime.fromMillis(this.date))||void 0===e?void 0:e.setLocale(x(this.locale)))||void 0===t?void 0:t.toLocaleString(b.DateTime.DATE_MED):"-"}},$=class{constructor(e){t(this,e),this.columnTitle="Date received",this.dateShown="dateGiven",i(this)}disconnectedCallback(){}async renderCell(t,a){return e("sqm-rewards-table-date-cell",{date:t[this.dateShown],locale:a})}async renderLabel(){return this.columnTitle}render(){return g([this.dateShown,this.columnTitle]),e(a,{style:{display:"none"}})}},U=E({DetailsContainer:{width:"100%",display:"flex","align-items":"center","justify-content":"space-between","margin-right":"var(--sl-spacing-small)","flex-wrap":"wrap"},Details:{"padding-bottom":"var(--sl-spacing-small)","max-width":"500px","padding-right":"var(--sl-spacing-x-small)","&::part(header)":{padding:"var(--sl-spacing-x-small)",cursor:"default"},"&::part(content)":{padding:"var(--sl-spacing-x-small) var(--sl-spacing-medium)"},"&::part(base)":{opacity:"1"},"&::part(summary-icon)":{display:"flex"}},BadgeContainer:{"& > :not(:last-child)":{"margin-right":"var(--sl-spacing-x-small)"}},BoldText:{"font-weight":"var(--sl-font-weight-semibold)"},StatusBadge:{paddingLeft:"var(--sl-spacing-xxx-small)","&::part(base)":{textAlign:"center",maxWidth:"170px",whiteSpace:"pre-line"}},Fueltank:{"& .code":{display:"flex",cursor:"pointer",userSelect:"none",color:"var(--sl-color-neutral-500)","&:hover":{color:"var(--sl-color-sky-500)"}},"& .text":{maxWidth:"90%",overflow:"hidden",textOverflow:"ellipsis",color:"inherit",fontSize:"var(--sl-font-size-small)",fontWeight:"var(--sl-font-weight-bold)"},"& .icon":{position:"relative",top:"1px",marginLeft:"var(--sl-spacing-x-small)",color:"inherit"}}}),q=U.toString(),B=class{constructor(e){t(this,e)}render(){return o.locale=this.locale,e("div",{style:{display:"contents"}},e("style",{type:"text/css"},q),e((({reward:t})=>{var a;const r="CENTS"===t.unit?t.prettyValue.replace(/USD/gi,"$"):null!==(a=t.prettyValue)&&void 0!==a?a:"-",s="1"===t.prettyValueNumber||t.dateRedeemed&&"0"===t.prettyAvailableNumber;if("FUELTANK"===t.type)return e("div",{class:U.classes.Fueltank},t.prettyValue,t.fuelTankCode&&e("div",{class:"code",onClick:()=>navigator.clipboard.writeText(t.fuelTankCode)},e("sl-tooltip",{trigger:"click",placement:"top",distance:5,skidding:11,content:this.copyText,"onSl-show":e=>setTimeout((()=>e.path[0].hide()),1e3)},e("span",{class:"text"},t.fuelTankCode),e("span",{class:"icon"},e("sl-icon",{name:"files"})))));if("CREDIT"===t.type&&!s){const a=parseFloat(t.prettyValueNumber)-parseFloat(t.prettyRedeemedNumber),s=Math.round(a/parseFloat(t.prettyValueNumber)*100),l=t.statuses.includes("EXPIRED")||t.statuses.includes("CANCELLED")?e("div",null,o.formatMessage({id:"redeemedText",defaultMessage:this.redeemedText},{redeemedAmount:t.prettyRedeemedCredit})):e("div",null,o.formatMessage({id:"availableText",defaultMessage:this.availableText},{availableAmount:t.statuses.includes("PENDING")?t.prettyAssignedCredit:t.prettyAvailableValue})),i=E({Progress:{height:"3px",width:"100%",margin:"var(--sl-spacing-xx-small) 0",background:"var(--sl-color-neutral-200)","&:after":{content:'""',display:"block",background:"var(--sl-color-primary-300)",borderRadius:"100px",width:`${s}%`,height:"100%"}},Container:{display:"inline-block",verticalAlign:"top",width:"150px",whiteSpace:"break",overflow:"hidden",textOverflow:"ellipsis"},Text:{fontSize:"var(--sl-font-size-medium)",color:"var(--sl-color-gray-800)"},Subtext:{fontSize:"var(--sl-font-size-small)",color:"var(--sl-color-neutral-500)"}}),n=i.toString();return e("div",null,e("style",{type:"text/css"},n),e("div",{class:i.classes.Container},e("span",null,r+" "),e("br",null)," ",e("div",{class:i.classes.Progress}),e("span",{class:i.classes.Subtext},l)))}return e("div",null,r)}),{reward:this.reward}))}},F=class{constructor(e){t(this,e),this.columnTitle="Reward",this.redeemedText="{redeemedAmount} redeemed",this.availableText="{availableAmount} remaining",this.copyText="Copied!",i(this)}disconnectedCallback(){}async renderCell(t,a){return e("sqm-rewards-table-reward-cell",{reward:t,redeemedText:this.redeemedText,availableText:this.availableText,copyText:this.copyText,locale:a})}async renderLabel(){return this.columnTitle}render(){return g([this.columnTitle,this.redeemedText,this.availableText,this.copyText]),e(a,{style:{display:"none"}})}},G=class{constructor(e){t(this,e),this.locale="en"}render(){o.locale=this.locale;const t=({reward:t})=>{var a;return e("span",null,o.formatMessage({id:"rewardSourceText",defaultMessage:this.rewardSourceText},{rewardSource:t.rewardSource,programName:null===(a=null==t?void 0:t.program)||void 0===a?void 0:a.name}))},a=({reward:t})=>{var a;const r=e("div",null,e("span",{style:{fontSize:"var(--sl-font-size-small)",color:"var(--sl-color-neutral-500)"}},this.rewardExchangeText),e("br",null),null===(a=t.exchangedRewardRedemptionTransaction)||void 0===a?void 0:a.prettyRedeemedCredit," → ",t.prettyValue);return t.exchangedRewardRedemptionTransaction.prettyRedeemedCredit.length+t.prettyValue.length<21?r:e("div",{style:{display:"inline-block",verticalAlign:"top"}},r)},r=e=>e?e.firstName||e.lastName?e.firstName?e.lastName?`${e.firstName} ${e.lastName}`:`${e.firstName}`:`${e.lastName}`:this.anonymousUserText:this.deletedUserText;return e((()=>"FRIEND_SIGNUP"===this.reward.rewardSource||"REFERRED"===this.reward.rewardSource?e("div",null,e("div",{style:{fontSize:"var(--sl-font-size-small)",color:"var(--sl-color-neutral-500)"}},o.formatMessage({id:"referralText",defaultMessage:this.referralText},{rewardSource:this.reward.rewardSource})),e("div",null,r("FRIEND_SIGNUP"==this.reward.rewardSource?this.reward.referral.referredUser:this.reward.referral.referrerUser))):e(this.reward.exchangedRewardRedemptionTransaction?a:t,{reward:this.reward})),null)}},V=class{constructor(e){t(this,e),this.columnTitle="Source",this.anonymousUser="Anonymous User",this.deletedUser="Deleted User",this.rewardExchangeText="Reward Exchange",this.referralText="{rewardSource, select, FRIEND_SIGNUP {Referral to} REFERRED {Referred by} other {}}",this.rewardSourceText="{rewardSource, select, MANUAL {Manual} AUTOMATED {{programName}} other {}}",i(this)}disconnectedCallback(){}async renderCell(t,a){return e("sqm-rewards-table-source-cell",{reward:t,anonymousUserText:this.anonymousUser,deletedUserText:this.deletedUser,rewardExchangeText:this.rewardExchangeText,referralText:this.referralText,rewardSourceText:this.rewardSourceText,locale:a})}async renderLabel(){return this.columnTitle}render(){return g([this.deletedUser,this.anonymousUser,this.columnTitle,this.rewardExchangeText,this.referralText,this.rewardSourceText]),e(a,{style:{display:"none"}})}},j=E({Badge:{"&::part(base)":{fontSize:"var(--sl-font-size-small)",padding:"4px 8px",paddingLeft:"10px",whiteSpace:"pre-line"}},RedeemBadge:{"&::part(base)":{fontSize:"var(--sl-font-size-small)",padding:"4px 8px",background:"var(--sl-color-blue-600)"}},Date:{fontSize:"var(--sl-font-size-small)",color:"var(--sl-color-neutral-500)",margin:"0"}}),z=j.toString(),O=class{constructor(e){t(this,e),this.expiryText="Expires",this.locale="en",this.pendingUsTax="W-9 required",this.pendingScheduled="Until",this.pendingUnhandled="Fulfillment error"}rewardStatus(e){if(e.dateCancelled)return"CANCELLED";if(e.statuses&&e.statuses.includes("EXPIRED"))return"EXPIRED";if(e.statuses&&e.statuses.includes("PENDING"))return"PENDING";if("CREDIT"===e.type)return e.statuses.includes("REDEEMED")?"REDEEMED":"AVAILABLE";if("PCT_DISCOUNT"===e.type&&e.statuses.includes("AVAILABLE"))return"AVAILABLE";if("INTEGRATION"===e.type||"FUELTANK"===e.type){if(e.statuses&&e.statuses.includes("PENDING"))return"PENDING";if(e.statuses&&e.statuses.includes("CANCELLED"))return"CANCELLED";if(e.statuses.includes("AVAILABLE"))return"AVAILABLE"}return""}render(){var t;o.locale=this.locale;const a=this.rewardStatus(this.reward),r=o.formatMessage({id:"statusMessage",defaultMessage:this.statusText},{status:a}),s="AVAILABLE"===a?"success":"REDEEMED"===a?"primary":"PENDING"===a?"warning":"danger",l=this.reward.dateCancelled||this.reward.dateExpires||this.reward.dateRedeemed||"",i=l&&`${"AVAILABLE"===a&&this.reward.dateExpires?this.expiryText+" ":""}${null===(t=b.DateTime.fromMillis(l))||void 0===t?void 0:t.setLocale(x(x(this.locale))).toLocaleString(b.DateTime.DATE_MED)}`,n="PENDING"===a?function(e){var t;const a={US_TAX:e.pendingUsTax,SCHEDULED:e.reward.dateScheduledFor&&e.pendingScheduled+" "+(null===(t=b.DateTime.fromMillis(e.reward.dateScheduledFor))||void 0===t?void 0:t.setLocale(x(x(e.locale||"en"))).toLocaleString(b.DateTime.DATE_MED)),UNHANDLED_ERROR:e.pendingUnhandled};return[e.reward.pendingReasons].map((e=>{var t;return null!==(t=a[e])&&void 0!==t?t:e})).join(", ")}(this):null;return e("div",{style:{display:"contents"}},e("style",{type:"text/css"},z),e("sl-badge",{type:s,pill:!0,class:"REDEEMED"===a?j.classes.RedeemBadge:j.classes.Badge},r),e("p",{class:j.classes.Date},n||i))}},K=class{constructor(e){t(this,e),this.columnTitle="Status",this.statusText="{status, select, AVAILABLE {Available} CANCELLED {Cancelled} PENDING {Pending} EXPIRED {Expired} REDEEMED {Redeemed} other {Not available} }",this.expiryText="Expires on ",this.pendingUsTax="W-9 required",this.pendingScheduled="Until",this.pendingUnhandled="Fulfillment error",i(this)}disconnectedCallback(){}async renderCell(t,a){return e("sqm-rewards-table-status-cell",{statusText:this.statusText,reward:t,expiryText:this.expiryText,pendingScheduled:this.pendingScheduled,pendingUsTax:this.pendingUsTax,pendingUnhandled:this.pendingUnhandled,locale:a})}async renderLabel(){return this.columnTitle}render(){return g([this.columnTitle,this.statusText,this.expiryText,this.pendingScheduled,this.pendingUsTax,this.pendingUnhandled]),e(a,{style:{display:"none"}})}};export{_ as sqm_rewards_table,k as sqm_rewards_table_date_cell,$ as sqm_rewards_table_date_column,B as sqm_rewards_table_reward_cell,F as sqm_rewards_table_reward_column,G as sqm_rewards_table_source_cell,V as sqm_rewards_table_source_column,O as sqm_rewards_table_status_cell,K as sqm_rewards_table_status_column}

package/dist/types/components/sqm-portal-register/useValidationState.d.ts

@@ -1,18 +0,0 @@
-import { ContextProvider } from "dom-context";
-export declare const FORM_VALIDATION_CONTEXT = "sq:validation-state";
-declare global {
-  interface Window {
-    squatchValidationState: ContextProvider<any>;
-  }
-}
-export declare type FormState = {
-  error?: string;
-  validationErrors?: ValidationErrors;
-};
-export declare type ValidationErrors = {
-  [key: string]: string;
-};
-export declare function useValidationState(formState?: FormState): {
-  validationState: FormState;
-  setValidationState: (value: FormState | ((previousState?: FormState) => FormState)) => void;
-};

package/dist/types/components/sqm-qa/sqm-qa.d.ts

@@ -1,255 +0,0 @@
-/**
- * @uiName QA Component
- */
-export declare class ShareButton {
-  /**
-   * Description here
-   * @uiName Text Input with default
-   */
-  textInput?: string;
-  /**
-   * Description here
-   * @uiName Number Input with default
-   */
-  numberInput?: number;
-  /**
-   * Description here
-   * @uiName Boolean Switch with default - true
-   */
-  booleanSwitch?: boolean;
-  /**
-   * Description here
-   * @uiName Boolean Switch with default - false
-   */
-  booleanSwitchfalse?: boolean;
-  /**
-   * Description here
-   * @uiName Text Area Input
-   * @uiWidget textArea with default
-   */
-  textAreaInput?: string;
-  /**
-   * Description here
-   * @uiName String Enum Select with default
-   * @uiEnum ["option1","option2","option3"]
-   * @uiEnumNames ["Option 1", "Option 2", "Option 3"]
-   */
-  stringEnumSelect?: string;
-  /**
-   * Description here
-   * @uiName Number Enum Select with default
-   * @uiEnum [1,2,3]
-   * @uiEnumNames ["Option 1", "Option 2", "Option 3"]
-   */
-  numberEnumSelect?: number;
-  /**
-   * Description here
-   * @uiName Color with default
-   * @uiWidget color
-   * @format color
-   */
-  color?: string;
-  /**
-   * Description here
-   * @uiName Image Upload with default
-   * @uiWidget ImageUpload
-   * @format url
-   */
-  imageUpload?: string;
-  /**
-   * Description here
-   * @uiName Date Interval with default
-   * @uiWidget dateRange
-   * @uiWidgetOptions {"allowPastDates":true, "months": 1}
-   * @format date-interval
-   */
-  dateInterval?: string;
-  /**
-   * Description here
-   * @uiName Stat Selector with default
-   * @uiWidget statTypeSelectWidget
-   */
-  statSelector?: string;
-  /**
-   * Description here
-   * @uiName Program Selector with default
-   * @uiWidget programSelector
-   */
-  programSelector?: string;
-  /**
-   * Description here
-   * @uiName Text Input with no default
-   */
-  textInputNoDefault?: string;
-  /**
-   * Description here
-   * @uiName Number Input with no default
-   */
-  numberInputNoDefault?: number;
-  /**
-   * Description here
-   * @uiName Boolean Switch with no default
-   */
-  booleanSwitchNoDefault?: boolean;
-  /**
-   * Description here
-   * @uiName Text Area Input
-   * @uiWidget textArea with no default
-   */
-  textAreaInputNoDefault?: string;
-  /**
-   * Description here
-   * @uiName String Enum Select with no default
-   * @uiEnum ["option1","option2","option3"]
-   * @uiEnumNames ["Option 1", "Option 2", "Option 3"]
-   */
-  stringEnumSelectNoDefault?: string;
-  /**
-   * Description here
-   * @uiName Number Enum Select with no default
-   * @uiEnum [1,2,3]
-   * @uiEnumNames ["Option 1", "Option 2", "Option 3"]
-   */
-  numberEnumSelectNoDefault?: number;
-  /**
-   * Description here
-   * @uiName Color with no default
-   * @uiWidget color
-   * @format color
-   */
-  colorNoDefault?: string;
-  /**
-   * Description here
-   * @uiName Image Upload with no default
-   * @uiWidget ImageUpload
-   * @format url
-   */
-  imageUploadNoDefault?: string;
-  /**
-   * Description here
-   * @uiName Date Interval with no default
-   * @uiWidget dateRange
-   * @uiWidgetOptions {"allowPastDates":true, "months": 1}
-   * @format date-interval
-   */
-  dateIntervalNoDefault?: string;
-  /**
-   * Description here
-   * @uiName Stat Selector with no default
-   * @uiWidget statTypeSelectWidget
-   */
-  statSelectorNoDefault?: string;
-  /**
-   * Description here
-   * @uiName Program Selector with no default
-   * @uiWidget programSelector
-   */
-  programSelectorNoDefault?: string;
-  /**
-   * Description here
-   * @uiName String required with no default
-   * @required
-   */
-  stringRequired?: string;
-  /**
-   * Description here
-   * @uiName Number required with no default
-   * @required
-   */
-  numberRequired?: number;
-  /**
-   * Description here
-   * @uiName Boolean Switch required with no default
-   * @required
-   */
-  booleanSwitchRequiredNoDefault?: boolean;
-  /**
-   * Description here
-   * @uiName Text Area Input
-   * @uiWidget textArea required with no default
-   * @required
-   */
-  textAreaInputRequiredNoDefault?: string;
-  /**
-   * Description here
-   * @uiName String Enum Select required with no default
-   * @required
-   * @uiEnum ["option1","option2","option3"]
-   * @uiEnumNames ["Option 1", "Option 2", "Option 3"]
-   */
-  stringEnumSelectRequiredNoDefault?: string;
-  /**
-   * Description here
-   * @uiName Number Enum Select required with no default
-   * @required
-   * @uiEnum [1,2,3]
-   * @uiEnumNames ["Option 1", "Option 2", "Option 3"]
-   */
-  numberEnumSelectRequiredNoDefault?: number;
-  /**
-   * Description here
-   * @uiName Color required with no default
-   * @required
-   * @uiWidget color
-   * @format color
-   */
-  colorRequiredNoDefault?: string;
-  /**
-   * Description here
-   * @uiName Image Upload required with no default
-   * @required
-   * @uiWidget ImageUpload
-   * @format url
-   */
-  imageUploadRequiredNoDefault?: string;
-  /**
-   * Description here
-   * @uiName Date Interval required with no default
-   * @required
-   * @uiWidget dateRange
-   * @uiWidgetOptions {"allowPastDates":true, "months": 1}
-   * @format date-interval
-   */
-  dateIntervalRequiredNoDefault?: string;
-  /**
-   * Description here
-   * @uiName Stat Selector required with no default
-   * @required
-   * @uiWidget statTypeSelectWidget
-   */
-  statSelectorRequiredNoDefault?: string;
-  /**
-   * Description here
-   * @uiName Program Selector required with no default
-   * @required
-   * @uiWidget programSelector
-   */
-  programSelectorRequiredNoDefault?: string;
-  /**
-   * Description here
-   * @uiName Number Max 7
-   * @maximum 7
-   */
-  max?: number;
-  /**
-   * Description here
-   * @uiName Number Min 7
-   * @minimum 7
-   */
-  min?: number;
-  /**
-   * Description here
-   * @uiName String Max Length 10
-   * @maxLength 10
-   */
-  maxLength?: string;
-  /**
-   * Description here
-   * @uiName String Min Length 10
-   * @minLength 10
-   */
-  minLength?: string;
-  constructor();
-  disconnectedCallback(): void;
-  render(): any;
-}

package/dist/types/components/sqm-qa-referral-card/ReferralCard.stories.d.ts

@@ -1,14 +0,0 @@
-declare const _default: {
-  title: string;
-  parameters: {
-    scenario: string;
-  };
-};
-export default _default;
-export declare const ImageAndShareButtons: () => any;
-export declare const TimelineAndShareButtons: () => any;
-export declare const StartAlignment: () => any;
-export declare const CenterAlignment: () => any;
-export declare const EndAlignment: () => any;
-export declare const FlippedSlots: () => any;
-export declare const ReferralCardGeneric: () => any;

package/dist/types/components/sqm-qa-referral-card/sqm-referral-card-view.d.ts

@@ -1,9 +0,0 @@
-import { VNode } from "../../stencil-public-runtime";
-export interface ReferralCardViewProps {
-  verticalAlignment: "start" | "center" | "end";
-  slots: {
-    left: VNode;
-    right: VNode;
-  };
-}
-export declare function ReferralCardView(props: ReferralCardViewProps): any;

package/dist/types/components/sqm-qa-referral-card/sqm-referral-card.d.ts

@@ -1,20 +0,0 @@
-/**
- * @uiName Referral Card
- * @exampleGroup Referrals
- * @slotEditor richtext
- * @slots [{"name":"left", "title":"Left Content"},{"name":"right", "title":"Right Content"}]
- * @example Referral Card - <sqm-referral-card vertical-alignment="start"> <sqm-portal-container gap="large" slot="left" direction="column" display="grid" max-width="100%" padding="none" > <sqm-text >They’ll get a $50 credit towards a new account and you’ll get: </sqm-text> <sqm-timeline icon="circle"> <sqm-timeline-entry reward="$50" unit="visa giftcard" desc="Your friend purchases a Business plan" icon="circle" > </sqm-timeline-entry> <sqm-timeline-entry reward="$200" unit="visa giftcard" desc="Our sales team qualifies your friend as a good fit for our Enterprise plan" icon="circle" > </sqm-timeline-entry> <sqm-timeline-entry reward="$1000" unit="visa giftcard" desc="Your friend purchases an Enterprise plan" icon="circle" > </sqm-timeline-entry> </sqm-timeline> </sqm-portal-container> <sqm-portal-container gap="large" slot="right" direction="column" display="grid" max-width="100%" padding="none" > <sqm-text>Choose how you want to share: </sqm-text> <sqm-text> <sub>Your unique referral link:</sub> <sqm-share-link tooltip-text="Copied to Clipboard" tooltip-lifespan="1000" > </sqm-share-link> </sqm-text> <sqm-portal-container gap="x-small" direction="column" display="grid" max-width="100%" padding="none" > <sqm-share-button medium="email" icon-slot="prefix" size="medium" type="default" > Share via email </sqm-share-button> <sqm-share-button medium="linkedin" icon-slot="prefix" size="medium" type="default" > Share on LinkedIn </sqm-share-button> <sqm-share-button medium="twitter" icon-slot="prefix" size="medium" type="default" > Share on Twitter </sqm-share-button> </sqm-portal-container> </sqm-portal-container> </sqm-referral-card>
- */
-export declare class ReferralCard {
-  ignored: boolean;
-  /**
-   * @uiName Vertical Aligment
-   * @uiType string
-   * @uiEnum ["start", "center", "end"]
-   * @uiEnumNames ["Top", "Center", "Bottom"]
-   */
-  verticalAlignment: "start" | "center" | "end";
-  constructor();
-  disconnectedCallback(): void;
-  render(): any;
-}

package/dist/types/components/sqm-qa-tabs/Tabs.stories.d.ts

@@ -1,15 +0,0 @@
-declare const _default: {
-  title: string;
-  parameters: {
-    scenario: string;
-  };
-};
-export default _default;
-export declare const SimpleTabs: () => any;
-export declare const ManyTabs: () => any;
-export declare const SingleTab: () => any;
-export declare const ReferralProgram: () => any;
-export declare const LoyaltyProgram: () => any;
-export declare const BottomTabs: () => any;
-export declare const LeftTabs: () => any;
-export declare const RightTabs: () => any;

package/dist/types/components/sqm-qa-tabs/sqm-tabs-view.d.ts

@@ -1,9 +0,0 @@
-import { FunctionalComponent } from "../../stencil-public-runtime";
-import { TabElement } from "./useTabs";
-export declare type TabsViewProps = {
-  placement: "left" | "right" | "bottom" | "top";
-  content: {
-    tabs: TabElement[];
-  };
-};
-export declare const TabsView: FunctionalComponent<TabsViewProps>;

package/dist/types/components/sqm-qa-tabs/sqm-tabs.d.ts

@@ -1,23 +0,0 @@
-/**
- * @uiName Tab Group
- * @slots [{"name":"", "title":"Tabs","validChildren":["sqm-tab"]}]
- * @canvasRenderer always-replace
- * @exampleGroup Layout
- * @example Generic Tab Group - <sqm-tabs><sqm-tab header="Tab 1">This is the first tab</sqm-tab><sqm-tab header="Tab 2">This is the second tab</sqm-tab><sqm-tab header="Tab 3">This is the third tab</sqm-tab></sqm-tabs>
- * @example Referral Tab Group - <sqm-tabs><sqm-tab header="Leaderboard"><sqm-leaderboard usersheading="Referrer" statsheading="Referrals" rankheading="Rank" rank-type="rowNumber" leaderboard-type="topStartedReferrers" show-rank anonymous-user="Anonymous User"><sqm-empty empty-state-image="https://res.cloudinary.com/saasquatch/image/upload/v1644000223/squatch-assets/empty_leaderboard2.png" empty-state-header="View your rank in the leaderboard" empty-state-text="Be the first to refer a friend and reach the top of the leaderboard"></sqm-empty></sqm-leaderboard></sqm-tab><sqm-tab header="Referral history"><sqm-referral-table><sqm-referral-table-user-column column-title="User" anonymous-user="Anonymous User" deleted-user="Deleted User"></sqm-referral-table-user-column><sqm-referral-table-status-column column-title="Referral status" converted-status-text="Converted" in-progress-status-text="In Progress"></sqm-referral-table-status-column><sqm-referral-table-rewards-column column-title="Rewards" expiring-text="Expiring in" fuel-tank-text="Your code is" pending-for-text="{status} for {date}" reward-received-text="Reward received on" status-long-text="{status, select, AVAILABLE {Reward expiring on} CANCELLED {Reward cancelled on} PENDING {Available on} EXPIRED {Reward expired on} other {Not available} }" status-text="{status, select, AVAILABLE {Available} CANCELLED {Cancelled} PENDING {Pending} EXPIRED {Expired} REDEEMED {Redeemed} other {Not available} }"></sqm-referral-table-rewards-column><sqm-referral-table-date-column column-title="Date referred" date-shown="dateReferralStarted"></sqm-referral-table-date-column><sqm-empty empty-state-image="https://res.cloudinary.com/saasquatch/image/upload/v1644000223/squatch-assets/empty_referral2.png" empty-state-header="View your referral details" empty-state-text="Refer a friend to view the status of your referrals and rewards earned"></sqm-empty></sqm-referral-table></sqm-tab></sqm-tabs>
- * @example Loyalty Tab Group - <sqm-tabs placement="top"> <sqm-tab header="Leaderboard"> <sqm-leaderboard usersheading="Users" statsheading="Points Earned" rankheading="Rank" rank-type="rowNumber" leaderboard-type="topPointEarners" show-rank anonymous-user="Anonymous User" > <sqm-empty empty-state-image="https://res.cloudinary.com/saasquatch/image/upload/v1644000223/squatch-assets/empty_leaderboard2.png" empty-state-header="View your rank in the leaderboard" empty-state-text="Be the first to earn points and reach the top of the leaderboard" ></sqm-empty ></sqm-leaderboard> </sqm-tab> <sqm-tab header="Reward history"> <sqm-rewards-table ><sqm-rewards-table-reward-column available-text="{availableAmount} remaining" column-title="Reward" copy-text="Copied!" redeemed-text="{redeemedAmount} redeemed" > </sqm-rewards-table-reward-column> <sqm-rewards-table-source-column anonymous-user="Anonymous User" column-title="Source" deleted-user="Deleted User" referral-text="{rewardSource, select, FRIEND_SIGNUP {Referral to} REFERRED {Referred by} other {}}" reward-exchange-text="Reward Exchange" reward-source-text="{rewardSource, select, MANUAL {Manual} AUTOMATED {{programName}} other {}}" > </sqm-rewards-table-source-column><sqm-rewards-table-status-column column-title="Status" expiry-text="Expires on " status-text="{status, select, AVAILABLE {Available} CANCELLED {Cancelled} PENDING {Pending} EXPIRED {Expired} REDEEMED {Redeemed} other {Not available} }"></sqm-rewards-table-status-column><sqm-rewards-table-date-column column-title="Date received" date-shown="dateGiven"></sqm-rewards-table-date-column><sqm-empty empty-state-image="https://res.cloudinary.com/saasquatch/image/upload/v1644360953/squatch-assets/empty_reward2.png" empty-state-header="View your rewards" empty-state-text="Refer friends and complete tasks to view the details of your rewards"></sqm-empty></sqm-rewards-table></sqm-tab><sqm-tab header="Redeem"><sqm-reward-exchange-list back-text="Back" button-text="Exchange Rewards" cancel-text="Cancel" choose-amount-title="Select" choose-reward-title="Rewards" confirmation-title="Confirm" continue-text="Continue" continue-to-confirmation-text="Continue to confirmation" done-text="Done" reward-title="Choose a reward" not-available-error="{unavailableReasonCode, select, US_TAX {US Tax limit} INSUFFICIENT_REDEEMABLE_CREDIT {{sourceValue} required} AVAILABILITY_PREDICATE {Not available} other {{unavailableReasonCode}} }" not-enough-error="Not enough {sourceUnit} to redeem for this reward" query-error="Unable to load reward exchange list. Please try again" redeem-text="Redeem" redeem-title="Confirm and redeem" redemption-error="An error occured trying to redeem this reward. Please try again" redemption-success-text="Redeemed {sourceValue} for {destinationValue}" select-text="Select amount to receive" source-amount-message="{ruleType, select, FIXED_GLOBAL_REWARD {{sourceValue}} other {{sourceMinValue} to {sourceMaxValue}}}" tooltiptext="Copied" reward-name-title="Reward" reward-amount-title="Reward Amount" cost-title="Cost to Redeem" reward-redeemed-text="Reward redeemed" skeleton-card-num="8" promo-code="Promo Code" tooltip-text="Copied!"><sqm-empty empty-state-image="https://res.cloudinary.com/saasquatch/image/upload/v1644360953/squatch-assets/empty_exchange2.png" empty-state-header="Redeem rewards" empty-state-text="Use your points to redeem rewards once they become available"></sqm-empty></sqm-reward-exchange-list></sqm-tab></sqm-tabs>
- */
-export declare class Tabs {
-  /**
-   * Used to specify the placement of the tabs
-   *
-   * @uiName Tabs Placement
-   * @uiType string
-   * @uiEnum ["left", "right", "bottom", "top"]
-   * @uiEnumNames ["Left", "Right", "Bottom", "Top"]
-   */
-  placement?: "left" | "right" | "bottom" | "top";
-  constructor();
-  disconnectedCallback(): void;
-  render(): any;
-}

package/dist/types/components/sqm-qa-tabs/useTabs.d.ts

@@ -1,9 +0,0 @@
-export interface TabElement extends Element {
-  open: boolean;
-  header: string;
-}
-export declare function useTabs(): {
-  content: {
-    tabs: TabElement[];
-  };
-};