@justifi/webcomponents 4.7.0-rc.1 → 4.7.0

package/dist/webcomponents/p-26dfa274.entry.js

@@ -0,0 +1,2 @@
+import{r as t,h as s,H as e}from"./p-cbb60191.js";import{A as i}from"./p-b157f6ae.js";import{p as a}from"./p-0d5d02d7.js";import{P as n}from"./p-76983a7e.js";import{f as r,c as o,s as c,a as h}from"./p-d6b5793d.js";import{c as d}from"./p-9b6dcac5.js";const u="";const p=class{constructor(s){t(this,s);this.handleClickPrevious=t=>{const s=Object.assign({},this.params);delete s.after_cursor;this.params=Object.assign(Object.assign({},s),{before_cursor:t})};this.handleClickNext=t=>{const s=Object.assign({},this.params);delete s.before_cursor;this.params=Object.assign(Object.assign({},s),{after_cursor:t})};this.accountId=undefined;this.authToken=undefined;this.paymentId=undefined;this.balanceTransactions=[];this.loading=true;this.errorMessage=undefined;this.paging=a;this.params=undefined}updateOnPropChange(){this.fetchData()}connectedCallback(){this.fetchData()}async fetchData(){this.loading=true;if(!this.accountId||!this.paymentId){this.errorMessage="Missing required props: accountId or paymentId";this.loading=false;return}const t=`account/${this.accountId}/payments/${this.paymentId}/payment_balance_transactions`;const s=await i(this.authToken,d.proxyApiOrigin).get(t,this.params);if(!s.error){this.paging=Object.assign(Object.assign({},this.paging),s.page_info);this.balanceTransactions=s.data.map((t=>new n(t)))}else{this.errorMessage=typeof s.error==="string"?s.error:s.error.message}this.loading=false}render(){return s(e,null,s("justifi-table",{columnData:[["Processed On","The date each transaction occurred"],["Type","The type of each transaction"],["ID","The unique identifier of each transaction"],["Amout","The dollar amount of each transaction"],["Balance","The running total amount of this payment that belongs to you"]],entityId:this.balanceTransactions.map((t=>t.id)),rowData:this.balanceTransactions.map((t=>[s("div",null,s("div",null,r(t.created_at)),s("div",null,o(t.created_at))),c(t.payment_balance_txn_type),t.payment_id,h(t.amount),h(t.balance)])),loading:this.loading,"error-message":this.errorMessage,params:this.params,paging:Object.assign(Object.assign({},this.paging),{handleClickNext:this.handleClickNext,handleClickPrevious:this.handleClickPrevious})}))}static get watchers(){return{params:["updateOnPropChange"]}}};p.style=u;export{p as justifi_payment_balance_transactions};
+//# sourceMappingURL=p-26dfa274.entry.js.map

package/dist/webcomponents/p-26dfa274.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["paymentBalanceTransactionsCss","PaymentBalanceTransactions","this","handleClickPrevious","beforeCursor","newParams","Object","assign","params","after_cursor","before_cursor","handleClickNext","afterCursor","pagingDefaults","updateOnPropChange","fetchData","connectedCallback","loading","accountId","paymentId","errorMessage","endpoint","response","Api","authToken","config","proxyApiOrigin","get","error","paging","page_info","balanceTransactions","data","map","dataItem","PaymentBalanceTransaction","message","render","h","Host","columnData","entityId","transaction","id","rowData","balanceTransaction","formatDate","created_at","formatTime","snakeCaseToHumanReadable","payment_balance_txn_type","payment_id","formatCurrency","amount","balance"],"sources":["src/components/payment-balance-transactions/payment-balance-transactions.scss?tag=justifi-payment-balance-transactions&encapsulation=shadow","src/components/payment-balance-transactions/payment-balance-transactions.tsx"],"sourcesContent":[null,"import { Component, Host, h, Prop, State, Watch } from '@stencil/core';\nimport {\n  Api,\n  IApiResponseCollection,\n  IPaymentBalanceTransaction,\n  PagingInfo,\n  PaymentBalanceTransaction,\n  pagingDefaults,\n} from '../../api';\n\nimport {\n  formatCurrency,\n  formatDate,\n  formatTime,\n  snakeCaseToHumanReadable,\n} from '../../utils/utils';\nimport { config } from '../../../config';\n\n@Component({\n  tag: 'justifi-payment-balance-transactions',\n  styleUrl: 'payment-balance-transactions.scss',\n  shadow: true,\n})\nexport class PaymentBalanceTransactions {\n  @Prop() accountId: string;\n  @Prop() authToken: string;\n  @Prop() paymentId: string;\n  @State() balanceTransactions: IPaymentBalanceTransaction[] = [];\n  @State() loading: boolean = true;\n  @State() errorMessage: string;\n  @State() paging: PagingInfo = pagingDefaults;\n  @State() params: any\n\n  @Watch('params')\n  updateOnPropChange() {\n    this.fetchData();\n  }\n\n  connectedCallback() {\n    this.fetchData();\n  }\n\n  handleClickPrevious = (beforeCursor: string) => {\n    const newParams: any = { ...this.params };\n    delete newParams.after_cursor;\n    this.params = ({ ...newParams, before_cursor: beforeCursor });\n  };\n\n  handleClickNext = (afterCursor: string) => {\n    const newParams: any = { ...this.params };\n    delete newParams.before_cursor;\n    this.params = ({ ...newParams, after_cursor: afterCursor });\n  };\n\n  async fetchData(): Promise<void> {\n    this.loading = true;\n\n    if (!this.accountId || !this.paymentId) {\n      this.errorMessage = 'Missing required props: accountId or paymentId';\n      this.loading = false;\n      return;\n    }\n    const endpoint = `account/${this.accountId}/payments/${this.paymentId}/payment_balance_transactions`;\n\n    const response: IApiResponseCollection<IPaymentBalanceTransaction[]> =\n      await Api(this.authToken, config.proxyApiOrigin).get(endpoint, this.params);\n\n    if (!response.error) {\n      this.paging = {\n        ...this.paging,\n        ...response.page_info,\n      };\n      this.balanceTransactions = response.data.map(\n        dataItem => new PaymentBalanceTransaction(dataItem),\n      );\n    } else {\n      this.errorMessage =\n        typeof response.error === 'string'\n          ? response.error\n          : response.error.message;\n    }\n    this.loading = false;\n  }\n\n  render() {\n    return (\n      <Host>\n        <justifi-table\n          columnData={[\n            ['Processed On', 'The date each transaction occurred'],\n            ['Type', 'The type of each transaction'],\n            ['ID', 'The unique identifier of each transaction'],\n            ['Amout', 'The dollar amount of each transaction'],\n            [\n              'Balance',\n              'The running total amount of this payment that belongs to you',\n            ],\n          ]}\n          entityId={this.balanceTransactions.map(transaction => transaction.id)}\n          rowData={this.balanceTransactions.map(balanceTransaction => [\n            <div>\n              <div>{formatDate(balanceTransaction.created_at)}</div>\n              <div>{formatTime(balanceTransaction.created_at)}</div>\n            </div>,\n            snakeCaseToHumanReadable(\n              balanceTransaction.payment_balance_txn_type,\n            ),\n            balanceTransaction.payment_id,\n            formatCurrency(balanceTransaction.amount),\n            formatCurrency(balanceTransaction.balance),\n          ])}\n          loading={this.loading}\n          error-message={this.errorMessage}\n          params={this.params}\n          paging={{\n            ...this.paging,\n            handleClickNext: this.handleClickNext,\n            handleClickPrevious: this.handleClickPrevious\n          }}\n        />\n      </Host>\n    );\n  }\n}\n"],"mappings":"2PAAA,MAAMA,EAAgC,G,MCuBzBC,EAA0B,M,yBAmBrCC,KAAAC,oBAAuBC,IACrB,MAAMC,EAASC,OAAAC,OAAA,GAAaL,KAAKM,eAC1BH,EAAUI,aACjBP,KAAKM,OAAMF,OAAAC,OAAAD,OAAAC,OAAA,GAASF,GAAS,CAAEK,cAAeN,GAAe,EAG/DF,KAAAS,gBAAmBC,IACjB,MAAMP,EAASC,OAAAC,OAAA,GAAaL,KAAKM,eAC1BH,EAAUK,cACjBR,KAAKM,OAAMF,OAAAC,OAAAD,OAAAC,OAAA,GAASF,GAAS,CAAEI,aAAcG,GAAc,E,oGAxBA,G,aACjC,K,wCAEEC,E,sBAI9B,kBAAAC,GACEZ,KAAKa,W,CAGP,iBAAAC,GACEd,KAAKa,W,CAeP,eAAMA,GACJb,KAAKe,QAAU,KAEf,IAAKf,KAAKgB,YAAchB,KAAKiB,UAAW,CACtCjB,KAAKkB,aAAe,iDACpBlB,KAAKe,QAAU,MACf,M,CAEF,MAAMI,EAAW,WAAWnB,KAAKgB,sBAAsBhB,KAAKiB,yCAE5D,MAAMG,QACEC,EAAIrB,KAAKsB,UAAWC,EAAOC,gBAAgBC,IAAIN,EAAUnB,KAAKM,QAEtE,IAAKc,EAASM,MAAO,CACnB1B,KAAK2B,OAAMvB,OAAAC,OAAAD,OAAAC,OAAA,GACNL,KAAK2B,QACLP,EAASQ,WAEd5B,KAAK6B,oBAAsBT,EAASU,KAAKC,KACvCC,GAAY,IAAIC,EAA0BD,I,KAEvC,CACLhC,KAAKkB,oBACIE,EAASM,QAAU,SACtBN,EAASM,MACTN,EAASM,MAAMQ,O,CAEvBlC,KAAKe,QAAU,K,CAGjB,MAAAoB,GACE,OACEC,EAACC,EAAI,KACHD,EAAA,iBACEE,WAAY,CACV,CAAC,eAAgB,sCACjB,CAAC,OAAQ,gCACT,CAAC,KAAM,6CACP,CAAC,QAAS,yCACV,CACE,UACA,iEAGJC,SAAUvC,KAAK6B,oBAAoBE,KAAIS,GAAeA,EAAYC,KAClEC,QAAS1C,KAAK6B,oBAAoBE,KAAIY,GAAsB,CAC1DP,EAAA,WACEA,EAAA,WAAMQ,EAAWD,EAAmBE,aACpCT,EAAA,WAAMU,EAAWH,EAAmBE,cAEtCE,EACEJ,EAAmBK,0BAErBL,EAAmBM,WACnBC,EAAeP,EAAmBQ,QAClCD,EAAeP,EAAmBS,YAEpCrC,QAASf,KAAKe,QAAO,gBACNf,KAAKkB,aACpBZ,OAAQN,KAAKM,OACbqB,OAAMvB,OAAAC,OAAAD,OAAAC,OAAA,GACDL,KAAK2B,QAAM,CACdlB,gBAAiBT,KAAKS,gBACtBR,oBAAqBD,KAAKC,wB"}