@justifi/webcomponents 4.7.0 → 4.7.1

package/dist/collection/components/payment-form/payment-form.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"payment-form.stories.js","sourceRoot":"","sources":["../../../../src/components/payment-form/payment-form.stories.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AAYzC,eAAe;EACb,KAAK,EAAE,wBAAwB;EAC/B,SAAS,EAAE,sBAAsB;EACjC,QAAQ,EAAE,EAAE;CACb,CAAC;AAEF,MAAM,QAAQ,GAAG,CAAC,IAA0B,EAAE,EAAE;EAC9C,wFAAwF;EACxF,OAAO;;;eAGM,IAAI,CAAC,IAAI;wBACA,IAAI,CAAC,cAAc,CAAC;iBAC3B,IAAI,CAAC,KAAK;qBACN,IAAI,CAAC,WAAW,CAAC;sBAChB,IAAI,CAAC,YAAY,CAAC;8BACV,IAAI,CAAC,oBAAoB,CAAC;yBAC/B,MAAM,CAAC,YAAY;;;;;UAKlC,IAAI,CAAC,YAAY;;;;;;;;;;;;;;;GAexB,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,KAAK,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACvC,KAAK,CAAC,IAAI,GAAG;EACX,cAAc,EAAE,IAAI;EACpB,MAAM,EAAE,IAAI;EACZ,OAAO,EAAE,EAAE;EACX,WAAW,EAAE,EAAE;EACf,YAAY,EAAE,EAAE;EAChB,oBAAoB,EAAE,EAAE;EACxB,eAAe,EAAE,EAAE;CACpB,CAAC;AAEF,MAAM,CAAC,MAAM,MAAM,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACxC,MAAM,CAAC,IAAI,GAAG;EACZ,cAAc,EAAE,IAAI;EACpB,MAAM,EAAE,IAAI;EACZ,OAAO,EAAE,EAAE;EACX,WAAW,EAAE,EAAE;EACf,YAAY,EAAE,EAAE;EAChB,oBAAoB,EAAE,EAAE;EACxB,eAAe,EAAE,EAAE;EACnB,cAAc,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAqEf;CACF,CAAC","sourcesContent":["import { config } from '../../../config';\n\ninterface PaymentFormStoryArgs {\n  'bank-account': boolean;\n  'card': boolean;\n  'email': string;\n  'client-id': string;\n  'account-id': string;\n  'submit-button-text': string;\n  'cssVariables': string;\n}\n\nexport default {\n  title: 'Components/PaymentForm',\n  component: 'justifi-payment-form',\n  argTypes: {},\n};\n\nconst Template = (args: PaymentFormStoryArgs) => {\n  // The <div> here should be replaced by a `display` property in the cardForm potentially\n  return `\n    <div>\n      <justifi-payment-form\n        card=${args.card}\n        bank-account='${args['bank-account']}'\n        email='${args.email}'\n        client-id='${args['client-id']}'\n        account-id='${args['account-id']}'\n        submit-button-text='${args['submit-button-text']}'\n        iframe-origin='${config.iframeOrigin}'\n      />\n    </div>\n    <style>\n      :root {\n        ${args.cssVariables}\n      }\n    </style>\n    <script>\n    (async () => {\n      await customElements.whenDefined('justifi-payment-form');\n      const paymentForm = document.querySelector('justifi-payment-form');\n      paymentForm.addEventListener('submitted', async (event) => {\n        // here is where you would submit a payment with the token\n        console.log(event.detail);\n        // after the payment succeeds or fails, the form submit button can be enabled again\n        await paymentForm.enableSubmitButton();\n      });\n    })()\n    </script>\n  `;\n};\n\nexport const Basic = Template.bind({});\nBasic.args = {\n  'bank-account': true,\n  'card': true,\n  'email': '',\n  'client-id': '',\n  'account-id': '',\n  'submit-button-text': '',\n  'iframe-origin': '',\n};\n\nexport const Styled = Template.bind({});\nStyled.args = {\n  'bank-account': true,\n  'card': true,\n  'email': '',\n  'client-id': '',\n  'account-id': '',\n  'submit-button-text': '',\n  'iframe-origin': '',\n  'cssVariables': `\n  --jfi-primary-color: #212529;\n  --jfi-load-google-font: 'Roboto Mono:wght@200;400;700;900';\n  --jfi-layout-font-family: Roboto Mono, Calibri, sans-serif;\n  --jfi-layout-padding: 4px;\n  --jfi-layout-form-control-spacing-x: .5rem;\n  --jfi-layout-form-control-spacing-y: 1rem;\n  --jfi-form-label-font-weight: 700;\n  --jfi-form-label-font-family: Calibri, sans-serif;\n  --jfi-form-label-margin: 0 0 .5rem 0;\n  --jfi-form-control-background-color: #F4F4F6;\n  --jfi-form-control-background-color-hover: #EEEEF5;\n  --jfi-form-control-border-color: rgba(0, 0, 0, 0.42);\n  --jfi-form-control-border-color-hover: rgba(0, 0, 0, 0.62);\n  --jfi-form-control-border-color-focus: #fccc32;\n  --jfi-form-control-border-color-error: #C12727;\n  --jfi-form-control-border-top-width: 0;\n  --jfi-form-control-border-left-width: 0;\n  --jfi-form-control-border-bottom-width: 1px;\n  --jfi-form-control-border-right-width: 0;\n  --jfi-form-control-border-radius: 4px 4px 0 0;\n  --jfi-form-control-border-style: solid;\n  --jfi-form-control-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);\n  --jfi-form-control-box-shadow-focus: none;\n  --jfi-form-control-box-shadow-error-focus: none;\n  --jfi-form-control-border-style: solid;\n  --jfi-form-control-color: #212529;\n  --jfi-form-control-font-size: 1rem;\n  --jfi-form-control-font-weight: 400;\n  --jfi-form-control-line-height: 2;\n  --jfi-form-control-margin: 0;\n  --jfi-form-control-padding: .5rem .875rem;\n  --jfi-error-message-color: #C12727;\n  --jfi-error-message-margin: .25rem 0 0 0;\n  --jfi-error-message-font-size: .875rem;\n\n  --jfi-submit-button-color: white;\n  --jfi-submit-button-background-color: #3F3F47;\n  --jfi-submit-button-border-color: var(--jfi-primary-color);\n  --jfi-submit-button-padding: 0.375rem 0.75rem;\n  --jfi-submit-button-font-size: 1rem;\n  --jfi-submit-button-border-radius: 1px;\n  --jfi-submit-button-color-hover: white;\n  --jfi-submit-button-background-color-hover: var(--jfi-primary-color);\n  --jfi-submit-button-border-color-hover: var(--jfi-primary-color);\n  --jfi-submit-button-color-focus: white;\n  --jfi-submit-button-background-color-focus: var(--jfi-primary-color);\n  --jfi-submit-button-border-color-focus: var(--jfi-primary-color);\n  --jfi-submit-button-color-active: white;\n  --jfi-submit-button-background-color-active: var(--jfi-primary-color);\n  --jfi-submit-button-border-color-active: var(--jfi-primary-color);\n  --jfi-submit-button-width: 100%;\n  --jfi-submit-button-box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 1px -2px, rgba(0, 0, 0, 0.14) 0px 2px 2px 0px, rgba(0, 0, 0, 0.12) 0px 1px 5px 0px;\n\n  --jfi-radio-button-color: var(--jfi-primary-color);\n  --jfi-radio-button-background-color: transparent;\n  --jfi-radio-button-color-selected: white;\n  --jfi-radio-button-background-color-selected: var(--jfi-primary-color);\n  --jfi-radio-button-border-color: var(--jfi-primary-color);\n  --jfi-radio-button-border-color-selected: var(--jfi-primary-color);\n  --jfi-radio-button-padding: 0.375rem 0.75rem;\n  --jfi-radio-button-font-size: 1rem;\n  --jfi-radio-button-color-hover: var(--jfi-primary-color);\n  --jfi-radio-button-color-selected-hover: white;\n  --jfi-radio-button-background-color-hover: transparent;\n  --jfi-radio-button-background-color-selected-hover: var(--jfi-primary-color);\n  --jfi-radio-button-border-color-selected-hover: var(--jfi-primary-color);\n  --jfi-radio-button-border-color-hover: var(--jfi-primary-color);\n  --jfi-radio-button-group-width: 100%;\n  `,\n};\n"]}

package/dist/collection/components/payment-form/payment-method-selector.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"payment-method-selector.js","sourceRoot":"","sources":["../../../../src/components/payment-form/payment-method-selector.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,EAAgB,QAAQ,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAGlF,MAAM,mBAAmB,GAAG;EAC1B,WAAW,EAAE,cAAc;EAC3B,IAAI,EAAE,MAAM;CACb,CAAC;AAOF,MAAM,OAAO,qBAAqB;;8BACmB,EAAE;;;EAMrD,eAAe,CAAC,KAAU;IACxB,IAAI,CAAC,qBAAqB,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;EACtD,CAAC;EAED,MAAM;IACJ,OAAO,CACL,WAAK,KAAK,EAAC,+BAA+B,EAAC,IAAI,EAAC,OAAO,gBAAY,uCAAuC,IACvG,IAAI,CAAC,kBAAkB,CAAC,GAAG,CAAC,CAAC,iBAAqC,EAAE,EAAE,CAAC,CACtE,EAAC,QAAQ;MACP,aACE,EAAE,EAAE,iBAAiB,EACrB,IAAI,EAAC,OAAO,EACZ,IAAI,EAAC,mBAAmB,EACxB,KAAK,EAAE,iBAAiB,EACxB,QAAQ,EAAE,CAAC,KAAU,EAAE,EAAE,CAAC,IAAI,CAAC,eAAe,CAAC,KAAK,CAAC,EACrD,OAAO,EAAE,IAAI,CAAC,yBAAyB,KAAK,iBAAiB,EAC7D,KAAK,EAAC,yBAAyB,GAC/B;MACF,aAAO,OAAO,EAAE,iBAAiB,EAAE,KAAK,EAAC,6CAA6C,IACnF,mBAAmB,CAAC,iBAAiB,CAAC,CACjC,CACC,CACZ,CAAC,CACE,CACP,CAAC;EACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Event, EventEmitter, Fragment, h, Prop } from '@stencil/core';\nimport { PaymentMethodTypes } from '../../api';\n\nconst PaymentMethodLabels = {\n  bankAccount: 'Bank Account',\n  card: 'Card',\n};\n\n@Component({\n  tag: 'justifi-payment-method-selector',\n  styleUrl: 'payment-method-selector.scss',\n  shadow: true,\n})\nexport class PaymentMethodSelector {\n  @Prop() paymentMethodTypes: PaymentMethodTypes[] = [];\n  @Prop() selectedPaymentMethodType: PaymentMethodTypes;\n  @Event({ bubbles: true }) paymentMethodSelected: EventEmitter;\n\n  defaultRadioButtonOption!: HTMLInputElement;\n\n  onChangeHandler(event: any) {\n    this.paymentMethodSelected.emit(event.target.value);\n  }\n\n  render() {\n    return (\n      <div class=\"btn-group jfi-btn-radio-group\" role=\"group\" aria-label=\"Radio toggle group for payment method\">\n        {this.paymentMethodTypes.map((paymentMethodType: PaymentMethodTypes) => (\n          <Fragment>\n            <input\n              id={paymentMethodType}\n              type=\"radio\"\n              name=\"paymentMethodType\"\n              value={paymentMethodType}\n              onChange={(event: any) => this.onChangeHandler(event)}\n              checked={this.selectedPaymentMethodType === paymentMethodType}\n              class=\"btn-check jfi-btn-radio\"\n            />\n            <label htmlFor={paymentMethodType} class=\"btn btn-outline-primary jfi-btn-radio-label\">\n              {PaymentMethodLabels[paymentMethodType]}\n            </label>\n          </Fragment>\n        ))}\n      </div>\n    );\n  }\n}\n"]}

package/dist/collection/components/payment-form/test/payment-form.e2e.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"payment-form.e2e.js","sourceRoot":"","sources":["../../../../../src/components/payment-form/test/payment-form.e2e.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAEnD,QAAQ,CAAC,sBAAsB,EAAE,GAAG,EAAE;EACpC,EAAE,CAAC,yDAAyD,EAAE,KAAK,IAAI,EAAE;IACvE,sDAAsD;IACtD,MAAM,IAAI,GAAG,MAAM,UAAU,EAAE,CAAC;IAChC,MAAM,IAAI,CAAC,UAAU,CACnB;;;;;;;;;;OAUC,CACF,CAAC;IAEF,qCAAqC;IACrC,MAAM,YAAY,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,iCAAiC,CAAC,CAAC;IAExE,wDAAwD;IACxD,MAAM,CAAC,MAAM,YAAY,CAAC,WAAW,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;EACzD,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import { newE2EPage } from '@stencil/core/testing';\n\ndescribe('justifi-payment-form', () => {\n  it('should correctly render submit button with correct text', async () => {\n    // Create new testing page and add our component to it\n    const page = await newE2EPage();\n    await page.setContent(\n      `\n        <justifi-payment-form\n          bank-account=\"true\"\n          card=\"true\"\n          email=\"test@example.com\"\n          iframe-origin=\"https://iframe.example.com\"\n          client-id=\"testId\"\n          account-id=\"accountId\"\n          submit-button-text=\"Pay Now\"\n        />\n      `,\n    );\n\n    // Find the submit button on the page\n    const submitButton = await page.find('justifi-payment-form >>> button');\n\n    // Assert that the submit button's text is set correctly\n    expect(await submitButton.textContent).toBe('Pay Now');\n  });\n});\n"]}

package/dist/collection/components/payment-form/test/payment-form.spec.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"payment-form.spec.js","sourceRoot":"","sources":["../../../../../src/components/payment-form/test/payment-form.spec.tsx"],"names":[],"mappings":"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","sourcesContent":["import { newSpecPage } from '@stencil/core/testing';\nimport { PaymentForm } from '../payment-form';\nimport { PaymentMethodTypes } from '../../../api';\nimport { BillingFormFields } from '../../billing-form/billing-form-schema';\n\ndescribe('justifi-payment-form', () => {\n  // State Testing\n  it('should update allowedPaymentMethodTypes and selectedPaymentMethodType state correctly when connectedCallback is invoked', async () => {\n    // Mock properties\n    const mockComponent = new PaymentForm();\n    mockComponent.bankAccount = true;\n    mockComponent.card = true;\n\n    // Invoke the lifecycle method\n    mockComponent.connectedCallback();\n\n    // Assertions\n    expect(mockComponent.allowedPaymentMethodTypes).toEqual([PaymentMethodTypes.card, PaymentMethodTypes.bankAccount]);\n    expect(mockComponent.selectedPaymentMethodType).toBe(PaymentMethodTypes.card);\n  });\n\n  it('should update submitButtonEnabled state when enableSubmitButton method is called', async () => {\n    // Mock component\n    const mockComponent = new PaymentForm();\n    mockComponent.submitButtonEnabled = false;\n\n    // Call the method\n    await mockComponent.enableSubmitButton();\n\n    // Assertion\n    expect(mockComponent.submitButtonEnabled).toBe(true);\n  });\n\n  it('should update selectedPaymentMethodType when paymentMethodSelected event is fired', async () => {\n    // Mock component\n    const mockComponent = new PaymentForm();\n    mockComponent.selectedPaymentMethodType = PaymentMethodTypes.card;\n\n    // Define the event details\n    const detail = PaymentMethodTypes.bankAccount;\n    const event = new CustomEvent('paymentMethodSelected', { detail });\n\n    // Simulate the event\n    mockComponent.paymentMethodSelectedHandler(event);\n\n    // Assertion\n    expect(mockComponent.selectedPaymentMethodType).toBe(PaymentMethodTypes.bankAccount);\n  });\n\n  // Props Testing\n  it('should have the expected default properties', () => {\n    const paymentForm = new PaymentForm();\n\n    // Assert that the properties exist and have the expected default values\n    expect(paymentForm).toHaveProperty('bankAccount', undefined);\n    expect(paymentForm).toHaveProperty('card', undefined);\n    expect(paymentForm).toHaveProperty('email', undefined);\n    expect(paymentForm).toHaveProperty('iframeOrigin', undefined);\n    expect(paymentForm).toHaveProperty('clientId', undefined);\n    expect(paymentForm).toHaveProperty('accountId', undefined);\n    expect(paymentForm).toHaveProperty('submitButtonText', undefined);\n  });\n\n  // Method Testing\n  it('should correctly fill billing form when fillBillingForm method is called', async () => {\n    // Mock child component\n    const mockBillingFormRef = {\n      fill: jest.fn(),\n    };\n\n    // Mock component\n    const mockComponent = new PaymentForm();\n\n    // Cast to any to bypass type checker and directly set private property\n    (mockComponent as any).billingFormRef = mockBillingFormRef;\n\n    // Define the fields to fill the billing form\n    const fields: BillingFormFields = {\n      name: 'John Doe',\n      address_line1: '123 Main St',\n      address_line2: 'Apt 4B',\n      address_city: 'Townsville',\n      address_state: 'TS',\n      address_postal_code: '12345',\n    };\n\n    // Call the method\n    await mockComponent.fillBillingForm(fields);\n\n    // Check that the child component's fill method was called with the correct arguments\n    expect(mockBillingFormRef.fill).toHaveBeenCalledWith(fields);\n  });\n\n  it('should submit the form correctly and trigger the \"submitted\" event with the correct payload when submit method is called', async () => {\n    // Mock billingFormRef and paymentMethodFormRef\n    const mockBillingFormRef = {\n      validate: jest.fn().mockResolvedValue({ isValid: true }),\n      getValues: jest.fn().mockResolvedValue({ name: 'John Doe' }),\n    };\n\n    const mockPaymentMethodFormRef = {\n      validate: jest.fn().mockResolvedValue({ isValid: true }),\n      tokenize: jest.fn().mockResolvedValue({ token: 'abc123' }),\n    };\n\n    // Mock component\n    const mockComponent = new PaymentForm();\n\n    // Cast to any to bypass type checker and directly set private properties\n    (mockComponent as any).billingFormRef = mockBillingFormRef;\n    (mockComponent as any).paymentMethodFormRef = mockPaymentMethodFormRef;\n\n    // Mock event\n    const mockEvent = { preventDefault: jest.fn() };\n\n    // Mock event emitter\n    const mockEmitter = { emit: jest.fn() };\n    mockComponent.submitted = mockEmitter as any;\n\n    // Call submit method\n    await mockComponent.submit(mockEvent);\n\n    // Expectations\n    expect(mockEvent.preventDefault).toHaveBeenCalled();\n    expect(mockBillingFormRef.validate).toHaveBeenCalled();\n    expect(mockPaymentMethodFormRef.validate).toHaveBeenCalled();\n    expect(mockBillingFormRef.getValues).toHaveBeenCalled();\n    expect(mockPaymentMethodFormRef.tokenize).toHaveBeenCalledWith(mockComponent.clientId, { email: mockComponent.email, name: 'John Doe' }, mockComponent.accountId);\n    expect(mockEmitter.emit).toHaveBeenCalledWith({ token: 'abc123' });\n  });\n\n  // Event Testing\n  it('should fire the \"submitted\" event with correct data when the form is submitted', async () => {\n    // Mock billingFormRef and paymentMethodFormRef\n    const mockBillingFormRef = {\n      validate: jest.fn().mockResolvedValue({ isValid: true }),\n      getValues: jest.fn().mockResolvedValue({\n        name: 'John Doe',\n        address_line1: 'Address 1',\n        address_line2: 'Address 2',\n        address_city: 'City',\n        address_state: 'State',\n        address_postal_code: 'Postal Code',\n      }),\n    };\n\n    const mockPaymentMethodFormRef = {\n      validate: jest.fn().mockResolvedValue({ isValid: true }),\n      tokenize: jest.fn().mockResolvedValue({ token: 'abc123' }),\n    };\n\n    // Mock component\n    const mockComponent = new PaymentForm();\n    mockComponent.email = 'john@example.com'; // set email prop\n\n    // Cast to any to bypass type checker and directly set private properties\n    (mockComponent as any).billingFormRef = mockBillingFormRef;\n    (mockComponent as any).paymentMethodFormRef = mockPaymentMethodFormRef;\n\n    // Mock event\n    const mockEvent = { preventDefault: jest.fn() };\n\n    // Mock event emitter\n    const mockEmitter = { emit: jest.fn() };\n    mockComponent.submitted = mockEmitter as any;\n\n    // Call submit method\n    await mockComponent.submit(mockEvent);\n\n    // Define expected payload\n    const expectedPayload = { token: 'abc123' };\n\n    // Expectations\n    expect(mockEmitter.emit).toHaveBeenCalledWith(expectedPayload);\n  });\n\n  // Render Testing\n  it('should correctly render the child components based on the given props and state', async () => {\n    // Set up new PaymentForm with specific props and state\n    const component = new PaymentForm();\n    component.bankAccount = true;\n    component.card = true;\n    component.email = 'test@test.com';\n    component.iframeOrigin = 'https://example.com';\n    component.clientId = 'abc123';\n    component.accountId = 'def456';\n    component.submitButtonText = 'Submit';\n\n    // Cast to any to bypass type checker and directly set private properties\n    (component as any).submitButtonEnabled = true;\n    (component as any).selectedPaymentMethodType = PaymentMethodTypes.card;\n    (component as any).allowedPaymentMethodTypes = [PaymentMethodTypes.card, PaymentMethodTypes.bankAccount];\n\n    // Render the component\n    const { root } = await newSpecPage({\n      components: [PaymentForm],\n      html: '<justifi-payment-form payment-method-form-type=\"card\" iframe-origin=\"https://example.com\"></justifi-payment-form>',\n    });\n\n    // Assert that the rendered output is correct\n    expect(root).toEqualHtml(`\n      <justifi-payment-form iframe-origin=\"https://example.com\" payment-method-form-type=\"card\">\n        <mock:shadow-root>\n          <form class=\"gy-3 row\">\n            <div class=\"col-12\">\n              <justifi-payment-method-form iframe-origin=\"https://example.com\" payment-method-form-type=\"card\"></justifi-payment-method-form>\n            </div>\n            <div class=\"col-12\">\n              <justifi-billing-form legend=\"Billing Info\"></justifi-billing-form>\n            </div>\n            <slot name=\"insurance\"></slot>\n            <div class=\"col-12\">\n              <button class=\"btn btn-primary jfi-submit-button\" type=\"submit\">\n                Submit\n              </button>\n            </div>\n          </form>\n        </mock:shadow-root>\n      </justifi-payment-form>\n    `);\n  });\n});\n"]}

package/dist/collection/components/payment-form/tokenize.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"tokenize.js","sourceRoot":"","sources":["../../../../src/components/payment-form/tokenize.ts"],"names":[],"mappings":"","sourcesContent":["export interface TokenizeArguments {\n  clientId: string;\n  paymentMethodData: any;\n  accountId?: string;\n}\n"]}

package/dist/collection/components/payment-method-form/get-computed-theme.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"get-computed-theme.js","sourceRoot":"","sources":["../../../../src/components/payment-method-form/get-computed-theme.ts"],"names":[],"mappings":"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","sourcesContent":["import { Theme } from './theme';\n\nconst getComputedTheme = () => {\n  const computedStyles = getComputedStyle(document.body);\n\n  const computedTheme: Theme = {\n    loadGoogleFont: computedStyles.getPropertyValue('--jfi-load-google-font'),\n    layout: {\n      fontFamily: computedStyles.getPropertyValue('--jfi-layout-font-family'),\n      padding: computedStyles.getPropertyValue('--jfi-layout-padding'),\n      formControlSpacingHorizontal: computedStyles.getPropertyValue('--jfi-layout-form-control-spacing-x'),\n      formControlSpacingVertical: computedStyles.getPropertyValue('--jfi-layout-form-control-spacing-y'),\n    },\n    formControl: {\n      backgroundColor: computedStyles.getPropertyValue('--jfi-form-control-background-color'),\n      borderColor: computedStyles.getPropertyValue('--jfi-form-control-border-color'),\n      borderColorFocus: computedStyles.getPropertyValue('--jfi-form-control-border-color-focus'),\n      borderColorError: computedStyles.getPropertyValue('--jfi-form-control-border-color-error'),\n      borderWidth: computedStyles.getPropertyValue('--jfi-form-control-border-width'),\n      borderBottomWidth: computedStyles.getPropertyValue('--jfi-form-control-border-bottom-width'),\n      borderLeftWidth: computedStyles.getPropertyValue('--jfi-form-control-border-left-width'),\n      borderRightWidth: computedStyles.getPropertyValue('--jfi-form-control-border-right-width'),\n      borderTopWidth: computedStyles.getPropertyValue('--jfi-form-control-border-top-width'),\n      borderRadius: computedStyles.getPropertyValue('--jfi-form-control-border-radius'),\n      borderStyle: computedStyles.getPropertyValue('--jfi-form-control-border-style'),\n      boxShadow: computedStyles.getPropertyValue('--jfi-form-control-box-shadow'),\n      boxShadowError: computedStyles.getPropertyValue('--jfi-form-control-box-shadow-error'),\n      boxShadowErrorFocus: computedStyles.getPropertyValue('--jfi-form-control-box-shadow-error-focus'),\n      boxShadowFocus: computedStyles.getPropertyValue('--jfi-form-control-box-shadow-focus'),\n      color: computedStyles.getPropertyValue('--jfi-form-control-color'),\n      colorFocus: computedStyles.getPropertyValue('--jfi-form-control-color-focus'),\n      fontSize: computedStyles.getPropertyValue('--jfi-form-control-font-size'),\n      fontWeight: computedStyles.getPropertyValue('--jfi-form-control-font-weight'),\n      lineHeight: computedStyles.getPropertyValue('--jfi-form-control-line-height'),\n      margin: computedStyles.getPropertyValue('--jfi-form-control-margin'),\n      padding: computedStyles.getPropertyValue('--jfi-form-control-padding'),\n    },\n    formLabel: {\n      color: computedStyles.getPropertyValue('--jfi-form-label-color'),\n      fontFamily: computedStyles.getPropertyValue('--jfi-form-label-font-family'),\n      fontSize: computedStyles.getPropertyValue('--jfi-form-label-font-size'),\n      fontWeight: computedStyles.getPropertyValue('--jfi-form-label-font-weight'),\n      margin: computedStyles.getPropertyValue('--jfi-form-label-margin'),\n    },\n    errorMessage: {\n      color: computedStyles.getPropertyValue('--jfi-error-message-color'),\n      margin: computedStyles.getPropertyValue('--jfi-error-message-margin'),\n      fontSize: computedStyles.getPropertyValue('--jfi-error-message-font-size'),\n    },\n  };\n\n  return computedTheme;\n};\n\nexport default getComputedTheme;\n"]}

package/dist/collection/components/payment-method-form/message-event-types.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"message-event-types.js","sourceRoot":"","sources":["../../../../src/components/payment-method-form/message-event-types.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,gBAAgB,GAAG;EAC9B,IAAI,EAAE;IACJ,KAAK,EAAE,oBAAoB;IAC3B,QAAQ,EAAE,uBAAuB;IACjC,QAAQ,EAAE,uBAAuB;IACjC,MAAM,EAAE,qBAAqB;IAC7B,cAAc,EAAE,6BAA6B;GAC9C;EACD,WAAW,EAAE;IACX,KAAK,EAAE,2BAA2B;IAClC,QAAQ,EAAE,8BAA8B;IACxC,QAAQ,EAAE,8BAA8B;IACxC,MAAM,EAAE,4BAA4B;IACpC,cAAc,EAAE,oCAAoC;GACrD;CACF,CAAC","sourcesContent":["export const MessageEventType = {\n  card: {\n    ready: 'justifi.card.ready',\n    tokenize: 'justifi.card.tokenize',\n    validate: 'justifi.card.validate',\n    resize: 'justifi.card.resize',\n    styleOverrides: 'justifi.card.styleOverrides',\n  },\n  bankAccount: {\n    ready: 'justifi.bankAccount.ready',\n    tokenize: 'justifi.bankAccount.tokenize',\n    validate: 'justifi.bankAccount.validate',\n    resize: 'justifi.bankAccount.resize',\n    styleOverrides: 'justifi.bankAccount.styleOverrides',\n  },\n};\n"]}

package/dist/collection/components/payment-method-form/payment-method-form.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"payment-method-form.js","sourceRoot":"","sources":["../../../../src/components/payment-method-form/payment-method-form.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n  Component,\n  Event,\n  Host,\n  Prop,\n  h,\n  EventEmitter,\n  Method,\n} from '@stencil/core';\nimport iFrameResize from 'iframe-resizer/js/iframeResizer';\nimport { MessageEventType } from './message-event-types';\nimport { Theme } from './theme';\nimport packageJson from '../../../package.json';\nimport getComputedTheme from './get-computed-theme';\nimport { CreatePaymentMethodResponse } from './payment-method-responses';\nimport { config } from '../../../config';\n\n@Component({\n  tag: 'justifi-payment-method-form',\n  styleUrl: 'payment-method-form.css',\n  shadow: false,\n})\nexport class PaymentMethodForm {\n  @Prop() paymentMethodFormType: 'card' | 'bankAccount';\n  @Prop({\n    mutable: true,\n  })\n  paymentMethodFormValidationMode:\n    | 'onChange'\n    | 'onBlur'\n    | 'onSubmit'\n    | 'onTouched'\n    | 'all';\n  @Prop() iframeOrigin?: string;\n  @Prop() singleLine: boolean;\n  @Event({ bubbles: true }) paymentMethodFormReady: EventEmitter;\n  @Event({ bubbles: true }) paymentMethodFormTokenize: EventEmitter<{\n    data: any;\n  }>;\n\n  private computedTheme: Theme = getComputedTheme();\n\n  iframeElement!: HTMLIFrameElement;\n\n  connectedCallback() {\n    window.addEventListener('message', this.dispatchMessageEvent.bind(this));\n  }\n\n  disconnectedCallback() {\n    window.removeEventListener('message', this.dispatchMessageEvent.bind(this));\n  }\n\n  sendStyleOverrides() {\n    if (this.computedTheme) {\n      this.postMessage(\n        MessageEventType[this.paymentMethodFormType].styleOverrides,\n        { styleOverrides: this.computedTheme },\n      );\n    }\n  }\n\n  private dispatchMessageEvent(messageEvent: MessageEvent) {\n    const messagePayload = messageEvent.data;\n    const messageType = messagePayload.eventType;\n    const messageData = messagePayload.data;\n\n    if (messageType === MessageEventType[this.paymentMethodFormType].ready) {\n      this.paymentMethodFormReady.emit(messageData);\n    }\n  }\n\n  private postMessage(eventType: string, payload?: any) {\n    this.iframeElement?.contentWindow?.postMessage({ eventType: eventType, ...payload }, config.iframeOrigin || '*');\n  }\n\n  @Method()\n  async resize(): Promise<any> {\n    this.postMessage(MessageEventType[this.paymentMethodFormType].resize);\n  }\n\n  private async postMessageWithResponseListener(\n    eventType: string,\n    payload?: any,\n  ): Promise<any> {\n    return new Promise(resolve => {\n      const responseListener = (event: MessageEvent) => {\n        if (event.data.eventType !== eventType) return;\n        window.removeEventListener('message', responseListener);\n        resolve(event.data.data);\n      };\n      window.addEventListener('message', responseListener);\n      this.postMessage(eventType, payload);\n    });\n  }\n\n  @Method()\n  async tokenize(\n    clientId: string,\n    paymentMethodMetadata: any,\n    account?: string,\n  ): Promise<CreatePaymentMethodResponse> {\n    const eventType = MessageEventType[this.paymentMethodFormType].tokenize;\n    const payload = {\n      clientId: clientId,\n      componentVersion: packageJson.version,\n      paymentMethodMetadata: paymentMethodMetadata,\n      account: account,\n    };\n\n    return this.postMessageWithResponseListener(eventType, payload);\n  }\n\n  @Method()\n  async validate(): Promise<any> {\n    return this.postMessageWithResponseListener(\n      MessageEventType[this.paymentMethodFormType].validate,\n    );\n  }\n\n  private composeQueryParams(values: string[]) {\n    const queryParams = values.map(value => {\n      if (value === values[0]) {\n        return (value = `?${value}`);\n      } else {\n        return (value = `&${value}`);\n      }\n    });\n    return queryParams.join('');\n  }\n\n  private getIframeSrc() {\n    const iframeOrigin = config.iframeOrigin;\n\n    let iframeSrc = `${iframeOrigin}/${this.paymentMethodFormType}`;\n    let paramsList = [];\n    if (this.paymentMethodFormValidationMode) {\n      paramsList.push(`validationMode=${this.paymentMethodFormValidationMode}`);\n    }\n    if (this.singleLine) {\n      paramsList.push(`singleLine=${this.singleLine}`);\n    }\n\n    return iframeSrc.concat(this.composeQueryParams(paramsList));\n  }\n\n  render() {\n    return (\n      <Host>\n        <iframe\n          id={`justifi-payment-method-form-${this.paymentMethodFormType}`}\n          src={this.getIframeSrc()}\n          ref={el => {\n            this.iframeElement = el as HTMLIFrameElement;\n          }}\n          onLoad={() => {\n            iFrameResize(this.iframeElement);\n            this.sendStyleOverrides();\n          }}\n        ></iframe>\n      </Host>\n    );\n  }\n}\n"]}

package/dist/collection/components/payment-method-form/payment-method-responses.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"payment-method-responses.js","sourceRoot":"","sources":["../../../../src/components/payment-method-form/payment-method-responses.ts"],"names":[],"mappings":"","sourcesContent":["interface PaymentMethodCreateResponseWrapper {\n  id: string;\n  type: 'payment_method';\n  error?: {\n    code: string;\n    message: string;\n  };\n  page_info: string;\n}\n\ninterface CardCreateResponse extends PaymentMethodCreateResponseWrapper {\n  data?: {\n    signature: string;\n    customer_id: string;\n    account_id: string;\n    card: {\n      id: string;\n      name: string;\n      acct_last_four: number;\n      brand: string;\n      token: string;\n      month: string;\n      year: string;\n      metadata: any;\n      address_line1_check: string;\n      address_postal_code_check: string;\n    };\n  };\n}\n\ninterface BankAccountCreateResponse extends PaymentMethodCreateResponseWrapper {\n  data?: {\n    signature: string;\n    customer_id: string;\n    account_id: string;\n    bank_account: {\n      id: string;\n      account_owner_name: string;\n      account_type: 'checking' | 'savings';\n      bank_name: string;\n      acct_last_four: number;\n      token: string;\n      metadata: any;\n    };\n  };\n}\n\nexport type CreatePaymentMethodResponse = CardCreateResponse | BankAccountCreateResponse;\n"]}

package/dist/collection/components/payment-method-form/test/payment-method-form.e2e.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"payment-method-form.e2e.js","sourceRoot":"","sources":["../../../../../src/components/payment-method-form/test/payment-method-form.e2e.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAEnD,EAAE,CAAC,8DAA8D,EAAE,KAAK,IAAI,EAAE;EAC5E,MAAM,IAAI,GAAG,MAAM,UAAU,EAAE,CAAC;EAChC,MAAM,IAAI,CAAC,UAAU,CAAC,yCAAyC,CAAC,CAAC;EAEjE,MAAM,eAAe,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,mBAAmB,CAAC,CAAC;EAC7D,MAAM,kBAAkB,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,6BAA6B,CAAC,CAAC;EAE1E,MAAM,aAAa,GAAG,MAAM,eAAe,CAAC,UAAU,CAAC,eAAe,CAAC,CAAC;EAExE,kBAAkB,CAAC,YAAY,CAAC,wBAAwB,CAAC,CAAC;EAC1D,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;EAE5B,MAAM,CAAC,aAAa,CAAC,CAAC,wBAAwB,CAAC,CAAC,CAAC,CAAC;AACpD,CAAC,CAAC,CAAC;AAEH,EAAE,CAAC,iEAAiE,EAAE,KAAK,IAAI,EAAE;EAC/E,MAAM,IAAI,GAAG,MAAM,UAAU,EAAE,CAAC;EAChC,MAAM,IAAI,CAAC,UAAU,CAAC,yCAAyC,CAAC,CAAC;EAEjE,MAAM,eAAe,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,mBAAmB,CAAC,CAAC;EAC7D,MAAM,kBAAkB,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,6BAA6B,CAAC,CAAC;EAE1E,MAAM,gBAAgB,GAAG,MAAM,eAAe,CAAC,UAAU,CAAC,kBAAkB,CAAC,CAAC;EAE9E,kBAAkB,CAAC,YAAY,CAAC,2BAA2B,CAAC,CAAC;EAC7D,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;EAE5B,MAAM,CAAC,gBAAgB,CAAC,CAAC,wBAAwB,CAAC,CAAC,CAAC,CAAC;AACvD,CAAC,CAAC,CAAC","sourcesContent":["import { newE2EPage } from '@stencil/core/testing';\n\nit('should emit \"paymentMethodFormReady\" when conditions are met', async () => {\n  const page = await newE2EPage();\n  await page.setContent('<justifi-card-form></justifi-card-form>');\n\n  const cardFormElement = await page.find('justifi-card-form');\n  const paymentFormElement = await page.find('justifi-payment-method-form');\n\n  const readyEventSpy = await cardFormElement.spyOnEvent('cardFormReady');\n\n  paymentFormElement.triggerEvent('paymentMethodFormReady');\n  await page.waitForChanges();\n\n  expect(readyEventSpy).toHaveReceivedEventTimes(1);\n});\n\nit('should emit \"paymentMethodFormTokenize\" when conditions are met', async () => {\n  const page = await newE2EPage();\n  await page.setContent('<justifi-card-form></justifi-card-form>');\n\n  const cardFormElement = await page.find('justifi-card-form');\n  const paymentFormElement = await page.find('justifi-payment-method-form');\n\n  const tokenizeEventSpy = await cardFormElement.spyOnEvent('cardFormTokenize');\n\n  paymentFormElement.triggerEvent('paymentMethodFormTokenize');\n  await page.waitForChanges();\n\n  expect(tokenizeEventSpy).toHaveReceivedEventTimes(1);\n});\n"]}

package/dist/collection/components/payment-method-form/test/payment-method-form.spec.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"payment-method-form.spec.js","sourceRoot":"","sources":["../../../../../src/components/payment-method-form/test/payment-method-form.spec.tsx"],"names":[],"mappings":"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","sourcesContent":["import { config } from '../../../../config';\n\nimport { h } from '@stencil/core';\nimport { newSpecPage } from '@stencil/core/testing';\nimport { PaymentMethodForm } from '../payment-method-form';\n\ndescribe('justifi-payment-method-form', () => {\n  it('renders an iframe', async () => {\n    const page = await newSpecPage({\n      components: [PaymentMethodForm],\n      template: () => <justifi-payment-method-form paymentMethodFormType='card'></justifi-payment-method-form>,\n    });\n    expect(page.root).toEqualHtml(`\n    <justifi-payment-method-form>\n      <iframe id='justifi-payment-method-form-card' src='${config.iframeOrigin}/card'></iframe>\n    </justifi-payment-method-form>\n  `);\n  });\n\n  it('renders a card iframe when paymentMethodFormType is card', async () => {\n    const page = await newSpecPage({\n      components: [PaymentMethodForm],\n      template: () => <justifi-payment-method-form paymentMethodFormType='card'></justifi-payment-method-form>,\n    });\n    expect(page.root).toEqualHtml(`\n    <justifi-payment-method-form>\n      <iframe id='justifi-payment-method-form-card' src='${config.iframeOrigin}/card'></iframe>\n    </justifi-payment-method-form>\n  `);\n  });\n\n  it('renders a bank iframe when paymentMethodFormType is bank', async () => {\n    const page = await newSpecPage({\n      components: [PaymentMethodForm],\n      template: () => <justifi-payment-method-form paymentMethodFormType='bankAccount'></justifi-payment-method-form>,\n    });\n    expect(page.root).toEqualHtml(`\n    <justifi-payment-method-form>\n      <iframe id='justifi-payment-method-form-bankAccount' src='${config.iframeOrigin}/bankAccount'></iframe>\n    </justifi-payment-method-form>\n  `);\n  });\n\n  it('renders a card iframe with validationMode when paymentMethodFormType is card and paymentMethodFormValidationMode is set', async () => {\n    const page = await newSpecPage({\n      components: [PaymentMethodForm],\n      template: () => <justifi-payment-method-form paymentMethodFormType='bankAccount' paymentMethodFormValidationMode='onChange'></justifi-payment-method-form>,\n    });\n\n    expect(page.root).toEqualHtml(`\n      <justifi-payment-method-form>\n        <iframe id='justifi-payment-method-form-bankAccount' src='${config.iframeOrigin}/bankAccount?validationMode=onChange'></iframe>\n      </justifi-payment-method-form>\n    `);\n  });\n\n  it('renders a card iframe with validationMode when paymentMethodFormType is card and paymentMethodFormValidationMode is set', async () => {\n    const page = await newSpecPage({\n      components: [PaymentMethodForm],\n      template: () => <justifi-payment-method-form paymentMethodFormType='bankAccount' paymentMethodFormValidationMode='onBlur'></justifi-payment-method-form>,\n    });\n\n    expect(page.root).toEqualHtml(`\n      <justifi-payment-method-form>\n        <iframe id='justifi-payment-method-form-bankAccount' src='${config.iframeOrigin}/bankAccount?validationMode=onBlur'></iframe>\n      </justifi-payment-method-form>\n    `);\n  });\n\n  it('renders a card iframe with iframeOrigin when paymentMethodFormType is card and iframeOrigin is set', async () => {\n    const page = await newSpecPage({\n      components: [PaymentMethodForm],\n      template: () => <justifi-payment-method-form paymentMethodFormType='card' iframeOrigin='${config.iframeOrigin}'></justifi-payment-method-form>,\n    });\n\n    expect(page.root).toEqualHtml(`\n      <justifi-payment-method-form>\n        <iframe id='justifi-payment-method-form-card' src='${config.iframeOrigin}/card'></iframe>\n      </justifi-payment-method-form>\n    `);\n  });\n\n  it('renders a card iframe with singleLine when paymentMethodFormType is card and singleLine is set', async () => {\n    const page = await newSpecPage({\n      components: [PaymentMethodForm],\n      template: () => <justifi-payment-method-form paymentMethodFormType='card' singleLine={true}></justifi-payment-method-form>,\n    });\n\n    expect(page.root).toEqualHtml(`\n      <justifi-payment-method-form>\n        <iframe id='justifi-payment-method-form-card' src='${config.iframeOrigin}/card?singleLine=true'></iframe>\n      </justifi-payment-method-form>\n    `);\n  });\n});\n"]}

package/dist/collection/components/payment-method-form/theme.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"theme.js","sourceRoot":"","sources":["../../../../src/components/payment-method-form/theme.ts"],"names":[],"mappings":"","sourcesContent":["export interface Theme {\n  loadGoogleFont: string;\n  layout?: {\n    fontFamily?: string;\n    padding?: string;\n    formControlSpacingHorizontal?: string;\n    formControlSpacingVertical?: string;\n  };\n  formLabel?: {\n    color?: string;\n    fontFamily?: string;\n    fontSize?: string;\n    fontWeight?: string;\n    margin?: string;\n  };\n  formControl?: {\n    backgroundColor?: string;\n    backgroundColorHover?: string;\n    borderColor?: string;\n    borderColorHover?: string;\n    borderColorFocus?: string;\n    borderColorError?: string;\n    borderWidth?: string;\n    borderBottomWidth?: string;\n    borderLeftWidth?: string;\n    borderRightWidth?: string;\n    borderTopWidth?: string;\n    borderRadius?: string;\n    borderStyle?: string;\n    boxShadow?: string;\n    boxShadowError?: string;\n    boxShadowErrorFocus?: string;\n    boxShadowFocus?: string;\n    color?: string;\n    colorFocus?: string;\n    fontSize?: string;\n    fontWeight?: string;\n    lineHeight?: string;\n    margin?: string;\n    padding?: string;\n  };\n  errorMessage?: {\n    color?: string;\n    margin?: string;\n    fontSize?: string;\n  };\n}\n"]}

package/dist/collection/components/payments-list/payments-list.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"payments-list.js","sourceRoot":"","sources":["../../../../src/components/payments-list/payments-list.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Host, h, Prop, State, Watch, Event, EventEmitter } from '@stencil/core';\nimport { Api, IApiResponseCollection, IPaymentMethod, PagingInfo, Payment, pagingDefaults } from '../../api';\nimport { MapPaymentStatusToBadge, formatCurrency, formatDate, formatTime } from '../../utils/utils';\nimport { config } from '../../../config';\n\n/**\n  * @exportedPart table-head: Table head\n  * @exportedPart table-head-row: Head row\n  * @exportedPart table-head-cell: Individual head cell\n  * @exportedPart table-body: Body of the table\n  * @exportedPart table-row: Row of the table\n  * @exportedPart table-cell: Individual cell of the table\n  * @exportedPart loading-state-cell: Row for loading state\n  * @exportedPart loading-state-spinner: Spinner element for loading state\n  * @exportedPart error-state: Row for Error state\n  * @exportedPart empty-state: Row for Emtpy state\n  * @exportedPart pagination-bar: Pagination bar\n  * @exportedPart arrow: Both paging buttons\n  * @exportedPart arrow-left: Previous page button\n  * @exportedPart arrow-right: Next page button\n  * @exportedPart button-disabled: Disabled state for paging buttons\n  * @exportedPart previous-button-text: Text for Previous button\n  * @exportedPart next-button-text: Text for Next button\n*/\n@Component({\n  tag: 'justifi-payments-list',\n  styleUrl: 'payments-list.scss',\n  shadow: true,\n})\n\nexport class PaymentsList {\n  @Prop() accountId: string;\n  @Prop() authToken: string;\n  @State() payments: Payment[] = [];\n  @State() loading: boolean = true;\n  @State() errorMessage: string;\n  @State() paging: PagingInfo = pagingDefaults;\n  @State() params: any;\n  @Event({\n    eventName: 'payment-row-clicked',\n    bubbles: true,\n  }) rowClicked: EventEmitter<Payment>;\n\n  @Watch('accountId')\n  @Watch('authToken')\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    if (!this.accountId || !this.authToken) {\n      this.errorMessage = \"Can not fetch any data without an AccountID and an AuthToken\";\n      this.loading = false;\n      return;\n    }\n\n    this.loading = true;\n\n    const api = Api(this.authToken, config.proxyApiOrigin);\n    const endpoint = `account/${this.accountId}/payments`;\n\n    const response: IApiResponseCollection<Payment[]> = await api.get(endpoint, this.params);\n\n    if (!response.error) {\n      this.paging = {\n        ...this.paging,\n        ...response.page_info\n      }\n\n      const data = response?.data?.map(dataItem => new Payment(dataItem));\n      this.payments = data;\n    } else {\n      this.errorMessage = typeof response.error === 'string' ? response.error : response.error.message;\n    }\n\n    this.loading = false;\n  }\n\n  getPaymentMethod(paymentMethod: IPaymentMethod) {\n    return paymentMethod.card || paymentMethod.bank_account\n  }\n\n  getPaymentMethodName(paymentMethod: IPaymentMethod) {\n    if (paymentMethod.card) {\n      return paymentMethod.card.name;\n    } else {\n      return paymentMethod.bank_account.account_owner_name\n    }\n  }\n\n  render() {\n    return (\n      <Host>\n        <justifi-table\n          rowClickHandler={e => {\n            const clickedPaymentID = e.target.closest('tr').dataset.rowEntityId;\n            if (!clickedPaymentID) { return }\n            this.rowClicked.emit(this.payments.find((payment) => payment.id === clickedPaymentID));\n          }}\n          entityId={this.payments.map((payment) => payment.id)}\n          columnData={[\n            ['Made On', 'The date and time each payment was made'],\n            ['Amount', 'The dollar amount of each payment'],\n            ['Description', 'The payment description, if you provided one'],\n            ['Cardholder', 'The name associated with the payment method'],\n            ['Payment Method', 'The brand and last 4 digits of the payment method'],\n            ['Status', 'The current status of each payment'],\n            ['Payment ID', 'The unique identifier of each payment']\n          ]}\n          rowData={\n            this.payments.map((payment) => (\n              [\n                {\n                  type: 'head',\n                  value: `\n                    <div>${formatDate(payment.created_at)}</div>\n                    <div>${formatTime(payment.created_at)}</div>\n                  `,\n                },\n                formatCurrency(payment.amount),\n                payment.description,\n                this.getPaymentMethodName(payment.payment_method),\n                this.getPaymentMethod(payment.payment_method).acct_last_four,\n                {\n                  type: 'inner',\n                  value: MapPaymentStatusToBadge(payment.status)\n                },\n                payment.id\n              ]\n            ))\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"]}

package/dist/collection/components/payments-list/payments-list.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"payments-list.stories.js","sourceRoot":"","sources":["../../../../src/components/payments-list/payments-list.stories.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AAEzC,eAAe;EACb,KAAK,EAAE,yBAAyB;EAChC,SAAS,EAAE,uBAAuB;EAClC,UAAU,EAAE,EAAE;EACd,UAAU,EAAE;IACV,CAAC,KAAK,EAAE,EAAE,CAAC;QACP,KAAK,EAAE;;;;;;KAMV;GACF;CACF,CAAC;AAEF,MAAM,gBAAgB;EAIpB,YAAY,IAAI;IACd,IAAI,CAAC,YAAY,CAAC,GAAG,IAAI,CAAC,YAAY,CAAC,IAAI,MAAM,CAAC,cAAc,CAAC;IACjE,IAAI,CAAC,YAAY,CAAC,GAAG,IAAI,CAAC,YAAY,CAAC,IAAI,MAAM,CAAC,gBAAgB,CAAC;EACrE,CAAC;CACF;AAED,MAAM,QAAQ,GAAG,CAAC,IAAsB,EAAE,EAAE;EAC1C,OAAO,CAAC;;;oBAGU,IAAI,CAAC,YAAY,CAAC;oBAClB,IAAI,CAAC,YAAY,CAAC;;GAEnC,CAAC,CAAC;AACL,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,KAAK,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACvC,KAAK,CAAC,IAAI,GAAG,IAAI,gBAAgB,CAAC,EAAE,CAAC,CAAC;AAEtC,MAAM,CAAC,MAAM,MAAM,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACxC,MAAM,CAAC,IAAI,GAAG,IAAI,gBAAgB,CAAC,EAAE,CAAC,CAAC;AACvC,MAAM,CAAC,UAAU,GAAG;EAClB,CAAC,KAAK,EAAE,EAAE,CAAC;MACP,KAAK,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BV;CACF,CAAA;AAED,MAAM,CAAC,MAAM,SAAS,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC3C,SAAS,CAAC,UAAU,GAAG;EACrB,CAAC,KAAK,EAAE,EAAE,CAAC;;QAEL,KAAK,EAAE;;GAEZ;CACF,CAAA;AACD,SAAS,CAAC,IAAI,GAAG,IAAI,gBAAgB,CAAC,EAAE,CAAC,CAAC","sourcesContent":["import { config } from '../../../config';\n\nexport default {\n  title: 'Components/PaymentsList',\n  component: 'justifi-payments-list',\n  parameters: {},\n  decorators: [\n    (Story) => `\n      ${Story()}\n      <script>\n        window.addEventListener('payment-row-clicked', (e) => {\n          console.log(e);\n        })\n      </script>\n    `\n  ]\n};\n\nclass PaymentsListArgs {\n  'auth-token': string;\n  'account-id': string;\n\n  constructor(args) {\n    this['auth-token'] = args['auth-token'] || config.proxyAuthToken;\n    this['account-id'] = args['account-id'] || config.exampleAccountId;\n  }\n}\n\nconst Template = (args: PaymentsListArgs) => {\n  return (`\n    <justifi-payments-list\n      data-testid=\"justifi-payments-list\"\n      auth-token=\"${args['auth-token']}\"\n      account-id=\"${args['account-id']}\"\n    />\n  `);\n};\n\nexport const Basic = Template.bind({});\nBasic.args = new PaymentsListArgs({});\n\nexport const Styled = Template.bind({});\nStyled.args = new PaymentsListArgs({});\nStyled.decorators = [\n  (Story) => `\n    ${Story()}\n    <style>\n      justifi-payments-list::part(table-head-cell) {\n        background-color: #F4F4F6;\n      }\n      justifi-payments-list::part(pagination-bar) {\n        background-color: #F4F4F6;\n      }\n      justifi-payments-list::part(arrow) {\n        --bs-btn-disabled-bg: #212529;\n        --bs-btn-disabled-border-color: #212529;\n        --bs-btn-bg: #212529;\n        --bs-btn-border-color: #212529;\n        --bs-btn-hover-bg: #fccc32;\n        --bs-btn-hover-border-color: #fccc32;\n      }\n      justifi-payments-list::part(error-state) {\n        color: red;\n        background-color: #EEEEF5;\n      }\n      justifi-payments-list::part(loading-state-cell) {\n        background-color: #EEEEF5;\n      }\n      justifi-payments-list::part(table-row) {\n        background-color: #EEEEF5;\n      }\n      justifi-payments-list::part(table-row-even) {\n        background-color: #F4F4F6;\n      }\n    </style>\n  `\n]\n\nexport const Contained = Template.bind({});\nContained.decorators = [\n  (Story) => `\n    <div style=\"position: relative; width: 900px; height: 300px; overflow-x: hidden;\">\n      ${Story()}\n    </div>\n  `\n]\nContained.args = new PaymentsListArgs({});\n"]}

package/dist/collection/components/payments-list/test/payments-list.spec.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"payments-list.spec.js","sourceRoot":"","sources":["../../../../../src/components/payments-list/test/payments-list.spec.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACpD,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAEhD,QAAQ,CAAC,uBAAuB,EAAE,GAAG,EAAE;EACrC,EAAE,CAAC,kBAAkB,EAAE,KAAK,IAAI,EAAE;IAChC,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;MAC7B,UAAU,EAAE,CAAC,YAAY,CAAC;MAC1B,IAAI,EAAE,iDAAiD;KACxD,CAAC,CAAC;IAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;KAM7B,CAAC,CAAC;EACL,CAAC,CAAC,CAAC;EAEH,EAAE,CAAC,eAAe,EAAE,KAAK,IAAI,EAAE;IAC7B,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;MAC7B,UAAU,EAAE,CAAC,YAAY,CAAC;MAC1B,IAAI,EAAE,iDAAiD;KACxD,CAAC,CAAC;IAEH,MAAM,OAAO,GAAG,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,aAAa,CAAC,gBAAgB,CAAC,CAAC;IAEvE,MAAM,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;EAChC,CAAC,CAAC,CAAC;EAEH,EAAE,CAAC,kDAAkD,EAAE,KAAK,IAAI,EAAE;IAChE,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;MAC7B,UAAU,EAAE,CAAC,YAAY,CAAC;MAC1B,IAAI,EAAE,iDAAiD;KACxD,CAAC,CAAC;IAEH,MAAM,KAAK,GAAG,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,aAAa,CAAC,cAAc,CAAC,CAAC;IAEnE,MAAM,CAAC,KAAK,CAAC,CAAC,WAAW,EAAE,CAAC;EAC9B,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import { newSpecPage } from '@stencil/core/testing';\nimport { PaymentsList } from '../payments-list';\n\ndescribe('justifi-payments-list', () => {\n  it('renders properly', async () => {\n    const page = await newSpecPage({\n      components: [PaymentsList],\n      html: `<justifi-payments-list></justifi-payments-list>`,\n    });\n\n    expect(page.root).toEqualHtml(`\n    <justifi-payments-list>\n      <mock:shadow-root>\n        <justifi-table error-message=\"Can not fetch any data without an AccountID and an AuthToken\">\n      </mock:shadow-root>\n    </justifi-table>\n    `);\n  });\n\n  it('stops loading', async () => {\n    const page = await newSpecPage({\n      components: [PaymentsList],\n      html: `<justifi-payments-list></justifi-payments-list>`,\n    });\n\n    const loading = page.root.__shadowRoot.querySelector('.loading-state');\n\n    expect(loading).toEqual(null);\n  });\n\n  it('renders an error when not given proper auth data', async () => {\n    const page = await newSpecPage({\n      components: [PaymentsList],\n      html: `<justifi-payments-list></justifi-payments-list>`,\n    });\n\n    const error = page.root.__shadowRoot.querySelector('.error-state');\n\n    expect(error).toBeDefined();\n  });\n});\n"]}

package/dist/collection/components/payout-details/payout-details.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"payout-details.js","sourceRoot":"","sources":["../../../../src/components/payout-details/payout-details.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Host, h, Prop, State, Watch } from '@stencil/core';\nimport { Api, IApiResponseCollection, Payout } from '../../api';\nimport { MapPayoutStatusToBadge, formatCurrency, formatDate, formatTime } from '../../utils/utils';\nimport { CodeBlock, DetailItem, DetailSection, EntityHeadInfo, EntityHeadInfoItem, ErrorState, LoadingState } from '../details/utils';\nimport { config } from '../../../config';\n\n/**\n  * @exportedPart detail-loading-spinner\n  * @exportedPart detail-loading-state\n  * @exportedPart detail-empty-state\n  * @exportedPart detail-head\n  * @exportedPart detail-title\n  * @exportedPart detail-method\n  * @exportedPart detail-info\n  * @exportedPart detail-info-item\n  * @exportedPart detail-info-item-title\n  * @exportedPart detail-info-item-data\n  * @exportedPart detail-metadata\n  * @exportedPart detail-metadata-title\n  * @exportedPart detail-method-title\n  * @exportedPart detail-method-data\n  * @exportedPart detail-section\n  * @exportedPart detail-section-title\n  * @exportedPart detail-section-item-title\n  * @exportedPart detail-section-item-data\n  * @exportedPart detail-head-info\n  * @exportedPart detail-head-info-item\n  * @exportedPart detail-head-info-item-title\n  * @exportedPart detail-head-info-item-data\n*/\n@Component({\n  tag: 'justifi-payout-details',\n  styleUrl: 'payout-details.scss',\n  shadow: true,\n})\n\nexport class PaymentDetails {\n  @Prop() payoutId: string;\n  @Prop() authToken: string;\n  @State() payout: Payout;\n  @State() loading: boolean = true;\n  @State() errorMessage: string;\n\n  @Watch('payoutId')\n  @Watch('authToken')\n  updateOnPropChange() {\n    this.fetchData();\n  }\n\n  connectedCallback() {\n    this.fetchData();\n  }\n\n  async fetchData(): Promise<void> {\n    this.errorMessage = '';\n    if (!this.payoutId || !this.authToken) {\n      this.errorMessage = \"Can not fetch any data without a PayoutID and an AuthToken\";\n      this.loading = false;\n      return;\n    }\n    this.loading = true;\n    const endpoint = `payouts/${this.payoutId}`;\n\n    const response: IApiResponseCollection<Payout> = await Api(this.authToken, config.proxyApiOrigin).get(endpoint);\n    if (!response.error) {\n      this.payout = response.data;\n    } else {\n      this.errorMessage = typeof response.error === 'string' ? response.error : response.error.message;\n    }\n\n    this.loading = false;\n  }\n\n  render() {\n    return (\n      <Host>\n        {\n          this.loading ? LoadingState :\n            !this.payout ? ErrorState(this.errorMessage) :\n              <justifi-details error-message={this.errorMessage}>\n                <EntityHeadInfo slot=\"head-info\" badge={<span slot='badge' innerHTML={MapPayoutStatusToBadge(this.payout?.status)} />} title={`${formatCurrency(this.payout.amount)} ${this.payout.currency.toUpperCase()}`}>\n                  <EntityHeadInfoItem\n                    classes=\"border-1 border-end\"\n                    title=\"Updated At\"\n                    value={`${formatDate(this.payout.updated_at)} ${formatTime(this.payout.updated_at)}`}\n                  />\n                  <EntityHeadInfoItem\n                    classes=\"border-1 border-end\"\n                    title=\"Created At\"\n                    value={`${formatDate(this.payout.created_at)} ${formatTime(this.payout.created_at)}`}\n                  />\n                  <EntityHeadInfoItem title=\"ID\" value={this.payout.id} />\n                </EntityHeadInfo>\n                <div slot='detail-sections'>\n                  <DetailSection sectionTitle=\"Details\">\n                    <DetailItem title=\"Date paid\" value={formatDate(this.payout.deposits_at)} />\n                    <DetailItem title=\"Statement Description\" value={this.payout.description} />\n                    <DetailItem title=\"Payout Method\" value={this.payout.delivery_method} />\n                    <DetailItem title=\"Amount\" value={formatCurrency(this.payout.amount)} />\n                    <DetailItem title=\"Fee\" value={formatCurrency(this.payout.fees_total)} />\n                  </DetailSection>\n                  <DetailSection sectionTitle=\"Account\">\n                    <DetailItem title=\"ID\" value={this.payout.account_id} />\n                    <DetailItem title=\"Account Type\" value={this.payout.bank_account.account_type} />\n                    <DetailItem title=\"Institution\" value={this.payout.bank_account.account_type} />\n                    <DetailItem title=\"Routing Number\" value={this.payout.bank_account.routing_number} />\n                    <DetailItem title=\"Account Number\" value={this.payout.bank_account.account_number_last4} />\n                  </DetailSection>\n                  <DetailSection sectionTitle='Metadata'>\n                    <CodeBlock metadata={this.payout.metadata} />\n                  </DetailSection>\n                </div>\n              </justifi-details>\n        }\n      </Host>\n    )\n  }\n}"]}

package/dist/collection/components/payout-details/payout-details.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"payout-details.stories.js","sourceRoot":"","sources":["../../../../src/components/payout-details/payout-details.stories.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AAEzC,eAAe;EACb,KAAK,EAAE,0BAA0B;EACjC,SAAS,EAAE,wBAAwB;EACnC,UAAU,EAAE,EAAE;CACf,CAAC;AAEF,MAAM,iBAAiB;EAIrB,YAAY,IAAI;IACd,IAAI,CAAC,YAAY,CAAC,GAAG,IAAI,CAAC,YAAY,CAAC,IAAI,MAAM,CAAC,cAAc,CAAC;IACjE,IAAI,CAAC,WAAW,CAAC,GAAG,IAAI,CAAC,WAAW,CAAC,IAAI,MAAM,CAAC,eAAe,CAAC;EAClE,CAAC;CACF;AAED,MAAM,QAAQ,GAAG,CAAC,IAAuB,EAAE,EAAE;EAC3C,OAAO,CAAC;;;oBAGU,IAAI,CAAC,YAAY,CAAC;mBACnB,IAAI,CAAC,WAAW,CAAC;;GAEjC,CAAC,CAAC;AACL,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,KAAK,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACvC,KAAK,CAAC,IAAI,GAAG,IAAI,iBAAiB,CAAC,EAAE,CAAC,CAAC;AAEvC,MAAM,CAAC,MAAM,MAAM,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACxC,MAAM,CAAC,IAAI,GAAG,IAAI,iBAAiB,CAAC,EAAE,CAAC,CAAC;AACxC,MAAM,CAAC,UAAU,GAAG;EAClB,CAAC,KAAK,EAAE,EAAE,CAAC;MACP,KAAK,EAAE;;;;;;;;;;;;;;;;;;GAkBV;CACF,CAAA","sourcesContent":["import { config } from '../../../config';\n\nexport default {\n  title: 'Components/PayoutDetails',\n  component: 'justifi-payout-details',\n  parameters: {}\n};\n\nclass PayoutDetailsArgs {\n  'auth-token': string;\n  'payout-id': string;\n\n  constructor(args) {\n    this['auth-token'] = args['auth-token'] || config.proxyAuthToken;\n    this['payout-id'] = args['payout-id'] || config.examplePayoutId;\n  }\n}\n\nconst Template = (args: PayoutDetailsArgs) => {\n  return (`\n    <justifi-payout-details\n      data-testid=\"justifi-payout-details\"\n      auth-token=\"${args['auth-token']}\"\n      payout-id=\"${args['payout-id']}\"\n    />\n  `);\n};\n\nexport const Basic = Template.bind({});\nBasic.args = new PayoutDetailsArgs({});\n\nexport const Styled = Template.bind({});\nStyled.args = new PayoutDetailsArgs({});\nStyled.decorators = [\n  (Story) => `\n    ${Story()}\n    <style>\n      justifi-payout-details::part(detail-head) {\n        background-color: rgba(100, 200, 250, 0.2);\n        border-left: 4px solid rgba(100, 200, 250, 1);\n      }\n      justifi-payout-details::part(detail-info-item-title),\n      justifi-payout-details::part(detail-method-item-title) {\n        border-radius: 3px;\n        background-color: rgba(0, 0, 0, 0.8);\n        text-align: center;\n        padding: 0 10px;\n        color: white !important;\n      }\n      justifi-payout-details::part(detail-metadata) {\n        background-color: rgba(100,100,100,0.2)\n      }\n    </style>\n  `\n]\n"]}

package/dist/collection/components/payouts-list/payouts-list.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"payouts-list.js","sourceRoot":"","sources":["../../../../src/components/payouts-list/payouts-list.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Host, h, Prop, State, Watch, Event, EventEmitter } from '@stencil/core';\nimport {\n  Api,\n  IApiResponseCollection,\n  PagingInfo,\n  Payout,\n  PayoutStatuses,\n  PayoutStatusesSafeNames,\n  pagingDefaults\n} from '../../api';\nimport { formatCurrency, formatDate, formatTime } from '../../utils/utils';\nimport { config } from '../../../config';\n\n\n/**\n  * @exportedPart table-head: Table head\n  * @exportedPart table-head-row: Head row\n  * @exportedPart table-head-cell: Individual head cell\n  * @exportedPart table-body: Body of the table\n  * @exportedPart table-row: Row of the table\n  * @exportedPart table-cell: Individual cell of the table\n  * @exportedPart loading-state-cell: Row for loading state\n  * @exportedPart loading-state-spinner: Spinner element for loading state\n  * @exportedPart error-state: Row for Error state\n  * @exportedPart empty-state: Row for Emtpy state\n  * @exportedPart pagination-bar: Pagination bar\n  * @exportedPart arrow: Both paging buttons\n  * @exportedPart arrow-left: Previous page button\n  * @exportedPart arrow-right: Next page button\n  * @exportedPart button-disabled: Disabled state for paging buttons\n  * @exportedPart previous-button-text: Text for Previous button\n  * @exportedPart next-button-text: Text for Next button\n*/\n@Component({\n  tag: 'justifi-payouts-list',\n  styleUrl: 'payouts-list.scss',\n  shadow: true,\n})\n\nexport class PayoutsList {\n  @Prop() accountId: string;\n  @Prop() authToken: string;\n  @State() payouts: Payout[] = [];\n  @State() loading: boolean = true;\n  @State() errorMessage: string;\n  @State() paging: PagingInfo = pagingDefaults;\n  @State() params: any\n  @Event({\n    eventName: 'payout-row-clicked',\n    bubbles: true,\n  }) rowClicked: EventEmitter<Payout>;\n\n  @Watch('accountId')\n  @Watch('authToken')\n  @Watch('params')\n  updateOnPropChange() {\n    this.fetchData();\n  }\n\n  connectedCallback() {\n    this.fetchData();\n  }\n\n  mapStatusToBadge = (status: PayoutStatuses) => {\n    switch (status) {\n      case PayoutStatuses.scheduled:\n        return `<span class=\"badge bg-primary\" title='Batched and scheduled to be transferred'>${PayoutStatusesSafeNames[status]}</span>`;\n      case PayoutStatuses.in_transit:\n        return `<span class=\"badge bg-primary\" title='Transfer to your bank account has been initiated'>${PayoutStatusesSafeNames[status]}</span>`;\n      case PayoutStatuses.failed:\n        return `<span class=\"badge bg-danger\" title='Transfer to your bank account failed'>${PayoutStatusesSafeNames[status]}</span>`;\n      case PayoutStatuses.canceled:\n        return `<span class=\"badge bg-danger\" title='Transfer to your bank account failed'>${PayoutStatusesSafeNames[status]}</span>`;\n      case PayoutStatuses.forwarded:\n        return `<span class=\"badge bg-secondary\" title='This payout initially failed; the funds have been forwarded to your next successful payout'>${PayoutStatusesSafeNames[status]}</span>`;\n      case PayoutStatuses.paid:\n        return `<span class=\"badge bg-success\" title='Successfully deposited into your bank account'>${PayoutStatusesSafeNames[status]}</span>`;\n    }\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    if (!this.accountId || !this.authToken) {\n      this.errorMessage = \"Can not fetch any data without an AccountID and an AuthToken\";\n      this.loading = false;\n      return;\n    }\n    this.loading = true;\n\n    const api = Api(this.authToken, config.proxyApiOrigin);\n    const endpoint = `account/${this.accountId}/payouts`;\n\n    const response: IApiResponseCollection<Payout[]> = await api.get(endpoint, this.params);\n    if (!response.error) {\n      this.paging = {\n        ...this.paging,\n        ...response.page_info\n      }\n\n      const data = response?.data?.map(dataItem => new Payout(dataItem));\n      this.payouts = data;\n    } else {\n      this.errorMessage = typeof response.error === 'string' ? response.error : response.error.message;\n    }\n\n    this.loading = false;\n  }\n\n  render() {\n    return (\n      <Host>\n        <justifi-table\n          rowClickHandler={(e) => {\n            const clickedPayoutID = e.target.closest('tr').dataset.rowEntityId;\n            if (!clickedPayoutID) { return }\n            this.rowClicked.emit(this.payouts.find((payout) => payout.id === clickedPayoutID));\n          }}\n          columnData={[\n            ['Paid Out On', 'The date each transaction occurred'],\n            ['Type', 'The type of each transaction'],\n            ['Account', 'The ID of the account associated with each payout'],\n            ['Paid Out To', 'The bank account to which each payout was transferred'],\n            ['Payments', 'Sum of payments in each payout'],\n            ['Refunds', 'Sum of refunds in each payout'],\n            ['Fees', 'Sum of fees in each payout'],\n            ['Other', 'Sum of less common transactions in each payout (disputes, ACH returns, fee refunds, and forwarded balances due to failed payouts)'],\n            ['Payout Amount', 'The net sum of all transactions in each payout. This is the amount you\\'ll see reflected on your bank statement'],\n            ['Status', 'The real-time status of each payout']\n          ]}\n          entityId={this.payouts.map((payout) => payout.id)}\n          rowData={\n            this.payouts.map((payout) => (\n              [\n                {\n                  type: 'head',\n                  value: `\n                    <div>${formatDate(payout.created_at)}</div>\n                    <div>${formatTime(payout.created_at)}</div>\n                  `,\n                },\n                payout.payout_type,\n                payout.account_id,\n                `${payout.bank_account.full_name} ${payout.bank_account.account_number_last4}`,\n                formatCurrency(payout.payments_total),\n                formatCurrency(payout.refunds_total),\n                formatCurrency(payout.fees_total),\n                formatCurrency(payout.other_total),\n                formatCurrency(payout.amount),\n                {\n                  type: 'inner',\n                  value: this.mapStatusToBadge(payout.status)\n                }\n              ]\n            ))\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"]}

package/dist/collection/components/payouts-list/payouts-list.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"payouts-list.stories.js","sourceRoot":"","sources":["../../../../src/components/payouts-list/payouts-list.stories.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AAEzC,eAAe;EACb,KAAK,EAAE,wBAAwB;EAC/B,SAAS,EAAE,sBAAsB;EACjC,UAAU,EAAE,EAAE;EACd,UAAU,EAAE;IACV,CAAC,KAAK,EAAE,EAAE,CAAC;QACP,KAAK,EAAE;;;;;;KAMV;GACF;CACF,CAAC;AAEF,MAAM,eAAe;EAInB,YAAY,IAAI;IACd,IAAI,CAAC,YAAY,CAAC,GAAG,IAAI,CAAC,YAAY,CAAC,IAAI,MAAM,CAAC,cAAc,CAAC;IACjE,IAAI,CAAC,YAAY,CAAC,GAAG,IAAI,CAAC,YAAY,CAAC,IAAI,MAAM,CAAC,gBAAgB,CAAC;EACrE,CAAC;CACF;AAED,MAAM,QAAQ,GAAG,CAAC,IAAqB,EAAE,EAAE;EACzC,OAAO,CAAC;;;oBAGU,IAAI,CAAC,YAAY,CAAC;oBAClB,IAAI,CAAC,YAAY,CAAC;;GAEnC,CAAC,CAAC;AACL,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,KAAK,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACvC,KAAK,CAAC,IAAI,GAAG,IAAI,eAAe,CAAC,EAAE,CAAC,CAAC;AAErC,MAAM,CAAC,MAAM,MAAM,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACxC,MAAM,CAAC,IAAI,GAAG,IAAI,eAAe,CAAC,EAAE,CAAC,CAAC;AACtC,MAAM,CAAC,UAAU,GAAG;EAClB,CAAC,KAAK,EAAE,EAAE,CAAC;MACP,KAAK,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BV;CACF,CAAA","sourcesContent":["import { config } from '../../../config';\n\nexport default {\n  title: 'Components/PayoutsList',\n  component: 'justifi-payouts-list',\n  parameters: {},\n  decorators: [\n    (Story) => `\n      ${Story()}\n      <script>\n        window.addEventListener('payout-row-clicked', (e) => {\n          console.log(e);\n        })\n      </script>\n    `\n  ]\n};\n\nclass PayoutsListArgs {\n  'auth-token': string;\n  'account-id': string;\n\n  constructor(args) {\n    this['auth-token'] = args['auth-token'] || config.proxyAuthToken;\n    this['account-id'] = args['account-id'] || config.exampleAccountId;\n  }\n}\n\nconst Template = (args: PayoutsListArgs) => {\n  return (`\n    <justifi-payouts-list\n      data-testid=\"justifi-payouts-list\"\n      auth-token=\"${args['auth-token']}\"\n      account-id=\"${args['account-id']}\"\n    />\n  `);\n};\n\nexport const Basic = Template.bind({});\nBasic.args = new PayoutsListArgs({});\n\nexport const Styled = Template.bind({});\nStyled.args = new PayoutsListArgs({});\nStyled.decorators = [\n  (Story) => `\n    ${Story()}\n    <style>\n      justifi-payouts-list::part(table-head-cell) {\n        background-color: #F4F4F6;\n      }\n      justifi-payouts-list::part(pagination-bar) {\n        background-color: #F4F4F6;\n      }\n      justifi-payouts-list::part(arrow) {\n        --bs-btn-disabled-bg: #212529;\n        --bs-btn-disabled-border-color: #212529;\n        --bs-btn-bg: #212529;\n        --bs-btn-border-color: #212529;\n        --bs-btn-hover-bg: #fccc32;\n        --bs-btn-hover-border-color: #fccc32;\n      }\n      justifi-payouts-list::part(error-state) {\n        color: red;\n        background-color: #EEEEF5;\n      }\n      justifi-payouts-list::part(loading-state-cell) {\n        background-color: #EEEEF5;\n      }\n      justifi-payouts-list::part(table-row) {\n        background-color: #EEEEF5;\n      }\n      justifi-payouts-list::part(table-row-even) {\n        background-color: #F4F4F6;\n      }\n    </style>\n  `\n]\n"]}

package/dist/collection/components/proceeds-list/proceeds-list.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"proceeds-list.js","sourceRoot":"","sources":["../../../../src/components/proceeds-list/proceeds-list.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Host, h, Prop, State, Watch, Event, EventEmitter } from '@stencil/core';\nimport { Api, IApiResponseCollection, PagingInfo, pagingDefaults } from '../../api';\nimport { formatCurrency, formatDate } from '../../utils/utils';\nimport { Proceed, ProceedStatuses, ProceedStatusesSafeNames } from '../../api/Proceed';\nimport { config } from '../../../config';\n\n\n/**\n  * @exportedPart table-head: Table head\n  * @exportedPart table-head-row: Head row\n  * @exportedPart table-head-cell: Individual head cell\n  * @exportedPart table-body: Body of the table\n  * @exportedPart table-row: Row of the table\n  * @exportedPart table-cell: Individual cell of the table\n  * @exportedPart loading-state-cell: Row for loading state\n  * @exportedPart loading-state-spinner: Spinner element for loading state\n  * @exportedPart error-state: Row for Error state\n  * @exportedPart empty-state: Row for Emtpy state\n  * @exportedPart pagination-bar: Pagination bar\n  * @exportedPart arrow: Both paging buttons\n  * @exportedPart arrow-left: Previous page button\n  * @exportedPart arrow-right: Next page button\n  * @exportedPart button-disabled: Disabled state for paging buttons\n  * @exportedPart previous-button-text: Text for Previous button\n  * @exportedPart next-button-text: Text for Next button\n*/\n@Component({\n  tag: 'justifi-proceeds-list',\n  styleUrl: 'proceeds-list.scss',\n  shadow: true,\n})\n\nexport class ProceedsList {\n  @Prop() accountId: string;\n  @Prop() authToken: string;\n  @State() proceeds: Proceed[] = [];\n  @State() loading: boolean = true;\n  @State() errorMessage: string;\n  @State() paging: PagingInfo = pagingDefaults;\n  @State() params: any\n  @Event({\n    eventName: 'proceed-row-clicked',\n    bubbles: true,\n  }) rowClicked: EventEmitter<Proceed>;\n\n  @Watch('accountId')\n  @Watch('authToken')\n  @Watch('params')\n  updateOnPropChange() {\n    this.fetchData();\n  }\n\n  connectedCallback() {\n    this.fetchData();\n  }\n\n  mapStatusToBadge = (status: ProceedStatuses) => {\n    switch (status) {\n      case ProceedStatuses.scheduled:\n        return `<span class=\"badge bg-primary\" title='Batched and scheduled to be transferred'>${ProceedStatusesSafeNames[status]}</span>`;\n      case ProceedStatuses.in_transit:\n        return `<span class=\"badge bg-primary\" title='Transfer to your bank account has been initiated'>${ProceedStatusesSafeNames[status]}</span>`;\n      case ProceedStatuses.failed:\n        return `<span class=\"badge bg-danger\" title='Transfer to your bank account failed'>${ProceedStatusesSafeNames[status]}</span>`;\n      case ProceedStatuses.canceled:\n        return `<span class=\"badge bg-danger\" title='Transfer to your bank account failed'>${ProceedStatusesSafeNames[status]}</span>`;\n      case ProceedStatuses.forwarded:\n        return `<span class=\"badge bg-secondary\" title='This payout initially failed; the funds have been forwarded to your next successful batch of proceeds'>${ProceedStatusesSafeNames[status]}</span>`;\n      case ProceedStatuses.paid:\n        return `<span class=\"badge bg-success\" title='Successfully deposited into your bank account'>${ProceedStatusesSafeNames[status]}</span>`;\n    }\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    if (!this.accountId || !this.authToken) {\n      this.errorMessage = \"Can not fetch any data without an AccountID and an AuthToken\";\n      this.loading = false;\n      return;\n    }\n    this.loading = true;\n    const endpoint = `account/${this.accountId}/proceeds`;\n\n    const response: IApiResponseCollection<Proceed[]> = await Api(this.authToken, config.privateApiOrigin)\n      .get(endpoint, this.params);\n\n    if (!response.error) {\n      this.paging = {\n        ...this.paging,\n        ...response.page_info\n      }\n\n      const data = response?.data?.map(dataItem => new Proceed(dataItem));\n      this.proceeds = data;\n    } else {\n      this.errorMessage = typeof response.error === 'string' ? response.error : response.error.message;\n    }\n\n    this.loading = false;\n  }\n\n  render() {\n    return (\n      <Host>\n        <justifi-table\n          rowClickHandler={(e) => {\n            const clickedProceedID = e.target.closest('tr').dataset.rowEntityId;\n            if (!clickedProceedID) { return }\n            this.rowClicked.emit(this.proceeds.find((proceed) => proceed.id === clickedProceedID));\n          }}\n          entityId={this.proceeds.map((proceed) => proceed.id)}\n          columnData={[\n            ['Paid Out On', 'The date each batch of proceeds is transferred to your bank account'],\n            ['Paid Out To', 'The bank account to which each payout is sent'],\n            ['From Payments', 'The amount added related to payments in each payout'],\n            ['From Refunds', 'The amount deducted related to refunds in each payout'],\n            ['Other', 'The amount related to less common transactions in each payout (disputes, ACH returns, fee refunds, and forwarded balances due to failed payouts)'],\n            ['Proceeds Amount', 'The net sum of all transactions in each payout. This is the amount you\\'ll see reflected on your bank statement.'],\n            ['Status', 'The real-time status of each payout'],\n          ]}\n          rowData={\n            this.proceeds.map((proceed) => (\n              [\n                {\n                  type: 'head',\n                  value: formatDate(proceed.deposits_at),\n                },\n                proceed.bank_account.full_name,\n                formatCurrency(proceed.payments_total),\n                formatCurrency(proceed.refunds_total),\n                formatCurrency(proceed.other_total),\n                formatCurrency(proceed.amount),\n                {\n                  type: 'inner',\n                  value: this.mapStatusToBadge(proceed.status)\n                }\n              ]\n            ))\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"]}

package/dist/collection/components/proceeds-list/proceeds-list.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"proceeds-list.stories.js","sourceRoot":"","sources":["../../../../src/components/proceeds-list/proceeds-list.stories.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AAEzC,eAAe;EACb,KAAK,EAAE,6BAA6B;EACpC,SAAS,EAAE,uBAAuB;EAClC,UAAU,EAAE,EAAE;EACd,UAAU,EAAE;IACV,CAAC,KAAK,EAAE,EAAE,CAAC;QACP,KAAK,EAAE;;;;;;KAMV;GACF;CACF,CAAC;AAEF,MAAM,gBAAgB;EAIpB,YAAY,IAAI;IACd,IAAI,CAAC,YAAY,CAAC,GAAG,IAAI,CAAC,YAAY,CAAC,IAAI,MAAM,CAAC,gBAAgB,CAAC;IACnE,IAAI,CAAC,YAAY,CAAC,GAAG,IAAI,CAAC,YAAY,CAAC,IAAI,EAAE,CAAC;EAChD,CAAC;CACF;AAED,MAAM,QAAQ,GAAG,CAAC,IAAsB,EAAE,EAAE;EAC1C,OAAO,CAAC;;;oBAGU,IAAI,CAAC,YAAY,CAAC;oBAClB,IAAI,CAAC,YAAY,CAAC;;GAEnC,CAAC,CAAC;AACL,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,KAAK,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACvC,KAAK,CAAC,IAAI,GAAG,IAAI,gBAAgB,CAAC,EAAE,CAAC,CAAC;AAEtC,MAAM,CAAC,MAAM,MAAM,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACxC,MAAM,CAAC,IAAI,GAAG,IAAI,gBAAgB,CAAC,EAAE,CAAC,CAAC;AACvC,MAAM,CAAC,UAAU,GAAG;EAClB,CAAC,KAAK,EAAE,EAAE,CAAC;MACP,KAAK,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BV;CACF,CAAA","sourcesContent":["import { config } from '../../../config';\n\nexport default {\n  title: 'dev/Components/ProceedsList',\n  component: 'justifi-proceeds-list',\n  parameters: {},\n  decorators: [\n    (Story) => `\n      ${Story()}\n      <script>\n        window.addEventListener('proceed-row-clicked', (e) => {\n          console.log(e);\n        })\n      </script>\n    `\n  ]\n};\n\nclass ProceedsListArgs {\n  'auth-token': string;\n  'account-id': string;\n\n  constructor(args) {\n    this['auth-token'] = args['auth-token'] || config.privateAuthToken;\n    this['account-id'] = args['account-id'] || '';\n  }\n}\n\nconst Template = (args: ProceedsListArgs) => {\n  return (`\n    <justifi-proceeds-list\n      data-testid=\"justifi-proceeds-list\"\n      auth-token=\"${args['auth-token']}\"\n      account-id=\"${args['account-id']}\"\n    />\n  `);\n};\n\nexport const Basic = Template.bind({});\nBasic.args = new ProceedsListArgs({});\n\nexport const Styled = Template.bind({});\nStyled.args = new ProceedsListArgs({});\nStyled.decorators = [\n  (Story) => `\n    ${Story()}\n    <style>\n      justifi-proceeds-list::part(table-head-cell) {\n        background-color: #F4F4F6;\n      }\n      justifi-proceeds-list::part(pagination-bar) {\n        background-color: #F4F4F6;\n      }\n      justifi-proceeds-list::part(arrow) {\n        --bs-btn-disabled-bg: #212529;\n        --bs-btn-disabled-border-color: #212529;\n        --bs-btn-bg: #212529;\n        --bs-btn-border-color: #212529;\n        --bs-btn-hover-bg: #fccc32;\n        --bs-btn-hover-border-color: #fccc32;\n      }\n      justifi-proceeds-list::part(error-state) {\n        color: red;\n        background-color: #EEEEF5;\n      }\n      justifi-proceeds-list::part(loading-state-cell) {\n        background-color: #EEEEF5;\n      }\n      justifi-proceeds-list::part(table-row) {\n        background-color: #EEEEF5;\n      }\n      justifi-proceeds-list::part(table-row-even) {\n        background-color: #F4F4F6;\n      }\n    </style>\n  `\n]\n"]}

package/dist/collection/components/refund-form/refund-form-schema.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"refund-form-schema.js","sourceRoot":"","sources":["../../../../src/components/refund-form/refund-form-schema.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,GAAG,MAAM,KAAK,CAAC;AAO3B,MAAM,gBAAgB,GAAG,GAAG,CAAC,MAAM,EAAE,CAAC,KAAK,CAAC;EAC1C,MAAM,EAAE,GAAG;KACR,MAAM,EAAE;KACR,QAAQ,CAAC,oBAAoB,CAAC;KAC9B,SAAS,CAAC,yBAAyB,CAAC;KACpC,QAAQ,CAAC,yBAAyB,CAAC;KACnC,IAAI,CACH,QAAQ,EACR,+DAA+D,EAC/D,UAAU,KAAK;IACb,OAAO,KAAK,IAAI,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,MAAM,CAAC;EAC9C,CAAC,CACF;KACA,QAAQ,EAAE;CACd,CAAC,CAAC;AAEH,eAAe,gBAAgB,CAAC","sourcesContent":["import * as yup from 'yup';\n\nexport interface RefundFormFields {\n  amount: number | null; // Allowing null for initial state or cleared inputs\n  message: string;\n}\n\nconst RefundFormSchema = yup.object().shape({\n  amount: yup\n    .number()\n    .required('Amount is required')\n    .typeError('Amount must be a number')\n    .positive('Amount must be positive')\n    .test(\n      'amount',\n      'Refund amount cannot be more than the original payment amount',\n      function (value) {\n        return value <= this.options.context.amount;\n      },\n    )\n    .nullable(),\n});\n\nexport default RefundFormSchema;\n"]}

package/dist/collection/components/refund-form/refund-form.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"refund-form.js","sourceRoot":"","sources":["../../../../src/components/refund-form/refund-form.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n  Component,\n  Host,\n  h,\n  State,\n  Event,\n  EventEmitter,\n  Prop,\n} from '@stencil/core';\nimport RefundFormSchema, { RefundFormFields } from './refund-form-schema';\nimport { Api } from '../../api';\nimport { FormController } from '../form/form';\nimport { config } from '../../../config';\n\n\n@Component({\n  tag: 'justifi-refund-form',\n  styleUrl: 'refund-form.scss',\n  shadow: true,\n})\nexport class RefundForm {\n  /**\n   * Authentication token required to authorize the refund transaction.\n   */\n  @Prop() authToken: string;\n\n  /**\n   * The unique identifier for the payment to be refunded.\n   */\n  @Prop() paymentId: string;\n\n  /**\n   * The amount of the payment to be refunded.\n   */\n  @Prop() amount?: number = 0;\n\n  /**\n   * Custom text for the submit button. Defaults to 'Submit'.\n   */\n  @Prop() submitButtonText?: string = 'Submit';\n\n  /**\n   * Flag to control the visibility of the submit button.\n   */\n  @Prop() withButton?: boolean;\n\n  /**\n   * Optional information text displayed above the form.\n   */\n  @Prop() refundInfoText?: string;\n\n  @State() errors: any = {};\n  @State() isSubmitting: boolean = false;\n\n  /**\n   * Event emitted when the refund form is successfully submitted.\n   * The submitted refund fields are passed as the event detail.\n   */\n  @Event() submitted: EventEmitter<RefundFormFields>;\n\n  private formController: FormController;\n  private api: any;\n\n  componentWillLoad() {\n    this.formController = new FormController(RefundFormSchema);\n    this.formController.setInitialValues({\n      amount: this.amount,\n      message: '',\n    });\n    this.initializeApi();\n  }\n\n  componentDidLoad() {\n    this.formController.errors.subscribe(errors => {\n      this.errors = { ...errors };\n    });\n  }\n\n  /**\n   * Handles the form submission.\n   * Prevents the default form action, validates the form, and emits the 'submitted' event.\n   */\n  async handleSubmit(event: Event) {\n    event.preventDefault();\n\n    this.formController.validateAndSubmit(this.submitRefund.bind(this), {\n      amount: this.amount,\n    });\n  }\n\n  /**\n   * Submits the refund request to the API.\n   */\n  private async submitRefund() {\n    this.isSubmitting = true;\n    const refundFields = this.formController.values.getValue();\n\n    try {\n      await this.api.post(`payments/${this.paymentId}/refunds`, refundFields);\n      this.submitted.emit(refundFields);\n    } catch (error) {\n      console.error('Error submitting refund:', error);\n      this.submitted.emit(error);\n    } finally {\n      this.isSubmitting = false;\n    }\n  }\n\n  /**\n   * Handles input changes, updating the refundFields state.\n   */\n  private handleInput(field: keyof RefundFormFields, value: any) {\n    this.formController.setValues({\n      ...this.formController.values.getValue(),\n      [field]: value,\n    });\n  }\n\n  /**\n   * Initializes the API with the given authentication token.\n   * Logs a warning if the auth token is missing.\n   */\n  private initializeApi() {\n    if (!this.authToken) {\n      console.warn('Warning: Missing auth-token.');\n    }\n    this.api = Api(this.authToken, config.proxyApiOrigin);\n  }\n\n  render() {\n    return (\n      <Host>\n        <h1>Refund</h1>\n\n        {this.refundInfoText && (\n          <div\n            class=\"d-flex align-items-center flex-row gap-4 border-top border-bottom my-4 p-3\"\n            role=\"alert\"\n          >\n            <img\n              src=\"/info-icon.svg\"\n              alt=\"Information\"\n              height=\"30\"\n              width=\"30\"\n            />\n\n            <p class=\"m-0\" innerHTML={this.refundInfoText} />\n          </div>\n        )}\n\n        <form onSubmit={e => this.handleSubmit(e)} class=\"d-grid gap-4\">\n          <div class=\"form-group\">\n            <form-control-monetary\n              name=\"amount\"\n              label=\"Refund Amount\"\n              defaultValue={this.amount?.toString() || ''}\n              inputHandler={(name: keyof RefundFormFields, value: any) =>\n                this.handleInput(name, value)\n              }\n              error={this.errors.amount}\n            ></form-control-monetary>\n          </div>\n          <div class=\"form-group\">\n            <form-control-text\n              name=\"notes\"\n              label=\"Additional Notes\"\n              inputHandler={(name: keyof RefundFormFields, value: any) =>\n                this.handleInput(name, value)\n              }\n              error={this.errors.notes}\n            ></form-control-text>\n          </div>\n          {this.withButton && (\n            <div class=\"form-group d-flex flex-row-reverse\">\n              <button\n                type=\"submit\"\n                disabled={!!this.isSubmitting}\n                class=\"btn btn-primary ml-auto\"\n              >\n                {this.submitButtonText}\n              </button>\n            </div>\n          )}\n        </form>\n      </Host>\n    );\n  }\n}\n"]}

package/dist/collection/components/refund-form/refund-form.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"refund-form.stories.js","sourceRoot":"","sources":["../../../../src/components/refund-form/refund-form.stories.ts"],"names":[],"mappings":"AAAA,eAAe;EACb,KAAK,EAAE,2BAA2B;EAClC,SAAS,EAAE,aAAa;EACxB,QAAQ,EAAE;IACR,SAAS,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE;IAC9B,SAAS,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE;IAC9B,MAAM,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE;IAC7B,gBAAgB,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE;IACrC,UAAU,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE;IAClC,cAAc,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE;GACpC;CACF,CAAC;AAEF,MAAM,kBAAkB,GAAG,CAAC,EAC1B,SAAS,EACT,SAAS,EACT,MAAM,EACN,gBAAgB,EAChB,UAAU,EACV,cAAc,EACd,YAAY,GACb,EAAE,EAAE;EACH,OAAO;;;sBAGa,SAAS;sBACT,SAAS;kBACb,MAAM;8BACM,gBAAgB;UACpC,UAAU,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,EAAE;4BACb,cAAc;;QAGlC,CAAC,UAAU;IACT,CAAC,CAAC,yFAAyF;IAC3F,CAAC,CAAC,EACN;;;;UAII,YAAY,IAAI,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgEzB,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,KAAK,GAAG,kBAAkB,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACjD,KAAK,CAAC,IAAI,GAAG;EACX,SAAS,EAAE,EAAE;EACb,SAAS,EAAE,EAAE;EACb,MAAM,EAAE,CAAC;EACT,gBAAgB,EAAE,QAAQ;EAC1B,UAAU,EAAE,IAAI;EAChB,cAAc,EAAE,EAAE;EAClB,YAAY,EAAE,EAAE;CACjB,CAAC;AAEF,MAAM,CAAC,MAAM,MAAM,GAAG,kBAAkB,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAClD,MAAM,CAAC,IAAI,GAAG;EACZ,SAAS,EAAE,EAAE;EACb,SAAS,EAAE,EAAE;EACb,MAAM,EAAE,CAAC;EACT,gBAAgB,EAAE,QAAQ;EAC1B,UAAU,EAAE,IAAI;EAChB,cAAc,EAAE,EAAE;EAClB,YAAY,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAqDb;CACF,CAAC","sourcesContent":["export default {\n  title: 'dev/Components/RefundForm',\n  component: 'refund-form',\n  argTypes: {\n    authToken: { control: 'text' },\n    paymentId: { control: 'text' },\n    amount: { control: 'number' },\n    submitButtonText: { control: 'text' },\n    withButton: { control: 'boolean' },\n    refundInfoText: { control: 'text' },\n  },\n};\n\nconst RefundFormTemplate = ({\n  authToken,\n  paymentId,\n  amount,\n  submitButtonText,\n  withButton,\n  refundInfoText,\n  cssVariables,\n}) => {\n  return `\n    <div>\n      <justifi-refund-form\n        auth-token=\"${authToken}\"\n        payment-id=\"${paymentId}\"\n        amount=\"${amount}\"\n        submit-button-text=\"${submitButtonText}\"\n        ${withButton ? 'with-button' : ''}\n        refund-info-text=\"${refundInfoText}\"\n      ></justifi-refund-form>\n      ${\n        !withButton\n          ? `<button id=\"custom-submit\" type=\"button\" class=\"btn btn-primary\">Custom Submit</button>`\n          : ''\n      }\n    </div>\n    <style>\n      :root {\n        ${cssVariables || ''}\n      }\n\n      #custom-submit {\n        color: #fff;\n        background-color: #007bff;\n        border-color: #007bff;\n        display: inline-block;\n        font-weight: 400;\n        text-align: center;\n        vertical-align: middle;\n        user-select: none;\n        background-clip: border-box;\n        border: 1px solid transparent;\n        padding: .375rem .75rem;\n        font-size: 1rem;\n        line-height: 1.5;\n        border-radius: .25rem;\n        transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;\n        margin-top: 1rem;\n      }\n\n      #custom-submit:hover {\n        color: #fff;\n        background-color: #0069d9;\n        border-color: #0062cc;\n      }\n\n      #custom-submit:focus {\n        outline: 0;\n        box-shadow: 0 0 0 .2rem rgba(0,123,255,.25);\n      }\n\n      #custom-submit:disabled {\n        color: #fff;\n        background-color: #007bff;\n        border-color: #007bff;\n        opacity: .65;\n      }\n    </style>\n    <script>\n    function listenSubmittedEvent() {\n      const refundForm = document.querySelector('refund-form');\n      refundForm.addEventListener('submitted', (event) => {\n        console.log(event.detail);\n      });\n    }\n\n    function bindCustomSubmitButton() {\n      const externalSubmitButton = document.getElementById('custom-submit');\n      if (externalSubmitButton) {\n        externalSubmitButton.addEventListener('click', async () => {\n          const refundForm = document.querySelector('refund-form');\n          refundForm.submit();\n        });\n      }\n    }\n\n    (async () => {\n      await customElements.whenDefined('refund-form');\n      listenSubmittedEvent();\n      bindCustomSubmitButton();\n    })();\n    </script>\n  `;\n};\n\nexport const Basic = RefundFormTemplate.bind({});\nBasic.args = {\n  authToken: '',\n  paymentId: '',\n  amount: 0,\n  submitButtonText: 'Submit',\n  withButton: true,\n  refundInfoText: '',\n  cssVariables: '',\n};\n\nexport const Styled = RefundFormTemplate.bind({});\nStyled.args = {\n  authToken: '',\n  paymentId: '',\n  amount: 0,\n  submitButtonText: 'Submit',\n  withButton: true,\n  refundInfoText: '',\n  cssVariables: `\n    --jfi-primary-color: #212529;\n    --jfi-load-google-font: 'Roboto Mono:wght@200;400;700;900';\n    --jfi-layout-font-family: Roboto Mono, Calibri, sans-serif;\n    --jfi-layout-padding: 4px;\n    --jfi-layout-form-control-spacing-x: .5rem;\n    --jfi-layout-form-control-spacing-y: 1rem;\n    --jfi-form-label-font-weight: 700;\n    --jfi-form-label-font-family: Calibri, sans-serif;\n    --jfi-form-label-margin: 0 0 .5rem 0;\n    --jfi-form-control-background-color: #F4F4F6;\n    --jfi-form-control-background-color-hover: #EEEEF5;\n    --jfi-form-control-border-color: rgba(0, 0, 0, 0.42);\n    --jfi-form-control-border-color-hover: rgba(0, 0, 0, 0.62);\n    --jfi-form-control-border-color-focus: #fccc32;\n    --jfi-form-control-border-color-error: #C12727;\n    --jfi-form-control-border-top-width: 0;\n    --jfi-form-control-border-left-width: 0;\n    --jfi-form-control-border-bottom-width: 1px;\n    --jfi-form-control-border-right-width: 0;\n    --jfi-form-control-border-radius: 4px 4px 0 0;\n    --jfi-form-control-border-style: solid;\n    --jfi-form-control-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);\n    --jfi-form-control-box-shadow-focus: none;\n    --jfi-form-control-box-shadow-error-focus: none;\n    --jfi-form-control-border-style: solid;\n    --jfi-form-control-color: #212529;\n    --jfi-form-control-font-size: 1rem;\n    --jfi-form-control-font-weight: 400;\n    --jfi-form-control-line-height: 2;\n    --jfi-form-control-margin: 0;\n    --jfi-form-control-padding: .5rem .875rem;\n    --jfi-error-message-color: #C12727;\n    --jfi-error-message-margin: .25rem 0 0 0;\n    --jfi-error-message-font-size: .875rem;\n\n    --jfi-submit-button-color: white;\n    --jfi-submit-button-background-color: #3F3F47;\n    --jfi-submit-button-border-color: var(--jfi-primary-color);\n    --jfi-submit-button-padding: 0.375rem 0.75rem;\n    --jfi-submit-button-font-size: 1rem;\n    --jfi-submit-button-border-radius: 1px;\n    --jfi-submit-button-color-hover: white;\n    --jfi-submit-button-background-color-hover: var(--jfi-primary-color);\n    --jfi-submit-button-border-color-hover: var(--jfi-primary-color);\n    --jfi-submit-button-color-focus: white;\n    --jfi-submit-button-background-color-focus: var(--jfi-primary-color);\n    --jfi-submit-button-border-color-focus: var(--jfi-primary-color);\n    --jfi-submit-button-color-active: white;\n    --jfi-submit-button-background-color-active: var(--jfi-primary-color);\n    --jfi-submit-button-border-color-active: var(--jfi-primary-color);\n    --jfi-submit-button-width: 100%;\n    --jfi-submit-button-box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 1px -2px, rgba(0, 0, 0, 0.14) 0px 2px 2px 0px, rgba(0, 0, 0, 0.12) 0px 1px 5px 0px;\n  `,\n};\n"]}

package/dist/collection/components/select-input/select-input.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"select-input.js","sourceRoot":"","sources":["../../../../src/components/select-input/select-input.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,EAAgB,KAAK,EAAE,MAAM,eAAe,CAAC;AAOrF,MAAM,OAAO,WAAW;;;;;;mBAKgC,EAAE;yBAE/B,EAAE;;EAE3B,OAAO,CAAC,KAAK;IACX,MAAM,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC;IAC5B,MAAM,IAAI,GAAG,MAAM,CAAC,YAAY,CAAC,MAAM,CAAC,CAAC;IACzC,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,CAAC,KAAK,EAAE,CAAC,CAAC;EACpE,CAAC;EAED,MAAM;IACJ,OAAO,CACL,EAAC,IAAI,IAAC,WAAW,EAAC,2BAA2B;MAC3C,aAAO,IAAI,EAAC,OAAO,EAAC,KAAK,EAAC,YAAY,IACnC,IAAI,CAAC,KAAK,CACL;MACR,cACE,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,EACrC,IAAI,EAAE,QAAQ,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,EAAE,EAAE,EAClD,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,wBAAwB,CAAC,CAAC,CAAC,aAAa,IAE3D,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,MAAM,CAAC,EAAE,CAAC,CAC1B,cAAQ,KAAK,EAAE,MAAM,CAAC,KAAK,IAAG,MAAM,CAAC,KAAK,CAAU,CACrD,CAAC,CACK;MACR,IAAI,CAAC,KAAK,IAAI,WAAK,KAAK,EAAC,kBAAkB,IAAE,IAAI,CAAC,KAAK,CAAO,CAC1D,CACR,CAAC;EACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Event, Host, Prop, h, EventEmitter, State } from '@stencil/core';\n\n@Component({\n  tag: 'select-input',\n  styleUrl: 'select-input.scss',\n  shadow: true,\n})\nexport class SelectInput {\n  @Prop() name: string;\n  @Prop() label: string;\n  @Prop() defaultValue: string;\n  @Prop() error: string;\n  @Prop() options: { label: string; value: string }[] = [];\n  @Event() fieldReceivedInput: EventEmitter<{ name: string; value: string }>;\n  @State() internalValue = '';\n\n  onInput(event) {\n    const target = event.target;\n    const name = target.getAttribute('name');\n    this.fieldReceivedInput.emit({ name: name, value: target.value });\n  }\n\n  render() {\n    return (\n      <Host exportparts=\"label,input,input-invalid\">\n        <label part=\"label\" class=\"form-label\">\n          {this.label}\n        </label>\n        <select\n          name={this.name}\n          onInput={event => this.onInput(event)}\n          part={`input${this.error ? ' input-invalid' : ''}`}\n          class={this.error ? 'form-select is-invalid' : 'form-select'}\n        >\n          {this.options.map(option => (\n            <option value={option.value}>{option.label}</option>\n          ))}\n        </select>\n        {this.error && <div class=\"invalid-feedback\">{this.error}</div>}\n      </Host>\n    );\n  }\n}\n"]}

package/dist/collection/components/select-input/test/select-input.spec.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"select-input.spec.js","sourceRoot":"","sources":["../../../../../src/components/select-input/test/select-input.spec.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAY,WAAW,EAAE,MAAM,uBAAuB,CAAC;AAC9D,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAE9C,QAAQ,CAAC,cAAc,EAAE,GAAG,EAAE;EAC5B,IAAI,IAAc,CAAC;EAEnB,UAAU,CAAC,KAAK,IAAI,EAAE;IACpB,IAAI,GAAG,MAAM,WAAW,CAAC;MACvB,UAAU,EAAE,CAAC,WAAW,CAAC;MACzB,IAAI,EAAE,+BAA+B;KACtC,CAAC,CAAC;EACL,CAAC,CAAC,CAAC;EAEH,EAAE,CAAC,SAAS,EAAE,KAAK,IAAI,EAAE;IACvB,IAAI,CAAC,IAAI,CAAC,OAAO,GAAG;MAClB,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,SAAS,EAAE;MACvC,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,SAAS,EAAE;KACxC,CAAC;IACF,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;IAC5B,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;;;;;;;GAc/B,CAAC,CAAC;EACH,CAAC,CAAC,CAAC;EAEH,EAAE,CAAC,oBAAoB,EAAE,KAAK,IAAI,EAAE;IAClC,MAAM,EAAE,IAAI,EAAE,GAAG,MAAM,WAAW,CAAC;MACjC,UAAU,EAAE,CAAC,WAAW,CAAC;MACzB,IAAI,EAAE,8DAA8D;KACrE,CAAC,CAAC;IAEH,IAAI,CAAC,OAAO,GAAG,CAAC,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,GAAG,EAAE,CAAC,CAAC;IACnD,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;IAE5B,MAAM,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;;;;GAW1B,CAAC,CAAC;EACH,CAAC,CAAC,CAAC;EAEH,EAAE,CAAC,sBAAsB,EAAE,KAAK,IAAI,EAAE;IACpC,IAAI,CAAC,IAAI,CAAC,IAAI,GAAG,MAAM,CAAC;IACxB,IAAI,CAAC,IAAI,CAAC,OAAO,GAAG,CAAC,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,GAAG,EAAE,CAAC,CAAC;IACxD,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;IAE5B,MAAM,yBAAyB,GAAG,IAAI,CAAC,EAAE,EAAE,CAAC;IAC5C,IAAI,CAAC,IAAI,CAAC,gBAAgB,CAAC,oBAAoB,EAAE,yBAAyB,CAAC,CAAC;IAC5E,MAAM,MAAM,GAAG,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;IAC5D,MAAM,CAAC,KAAK,GAAG,GAAG,CAAC;IACnB,MAAM,CAAC,aAAa,CAAC,IAAI,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;IACzC,MAAM,CAAC,yBAAyB,CAAC,CAAC,gBAAgB,EAAE,CAAC;EACvD,CAAC,CAAC,CAAC;EAEH,EAAE,CAAC,oBAAoB,EAAE,KAAK,IAAI,EAAE;IAClC,IAAI,CAAC,IAAI,CAAC,KAAK,GAAG,YAAY,CAAC;IAC/B,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;IAC5B,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;;;GAU/B,CAAC,CAAC;EACH,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import { SpecPage, newSpecPage } from '@stencil/core/testing';\nimport { SelectInput } from '../select-input';\n\ndescribe('select-input', () => {\n  let page: SpecPage;\n\n  beforeEach(async () => {\n    page = await newSpecPage({\n      components: [SelectInput],\n      html: `<select-input></select-input>`,\n    });\n  });\n\n  it('renders', async () => {\n    page.root.options = [\n      { label: 'Option 1', value: 'option1' },\n      { label: 'Option 2', value: 'option2' },\n    ];\n    await page.waitForChanges();\n    expect(page.root).toEqualHtml(`\n    <select-input exportparts=\"label,input,input-invalid\">\n      <mock:shadow-root>\n        <label part=\"label\" class=\"form-label\"></label>\n        <select class=\"form-select\" part=\"input\">\n          <option value=\"option1\">\n            Option 1\n          </option>\n          <option value=\"option2\">\n            Option 2\n          </option>\n        </select>\n      </mock:shadow-root>\n    </select-input>\n  `);\n  });\n\n  it('renders with props', async () => {\n    const { root } = await newSpecPage({\n      components: [SelectInput],\n      html: `<select-input name=\"test\" label=\"Test Label\"></select-input>`,\n    });\n\n    root.options = [{ label: 'Option 1', value: '1' }];\n    await page.waitForChanges();\n\n    expect(root).toEqualHtml(`\n    <select-input exportparts=\"label,input,input-invalid\" label=\"Test Label\" name=\"test\">\n      <mock:shadow-root>\n        <label part=\"label\" class=\"form-label\">Test Label</label>\n        <select class=\"form-select\" name=\"test\" part=\"input\">\n          <option value=\"1\">\n            Option 1\n          </option>\n        </select>\n      </mock:shadow-root>\n    </select-input>\n  `);\n  });\n\n  it('emits event on input', async () => {\n    page.root.name = 'test';\n    page.root.options = [{ label: 'Option 1', value: '1' }];\n    await page.waitForChanges();\n\n    const fieldReceivedInputHandler = jest.fn();\n    page.root.addEventListener('fieldReceivedInput', fieldReceivedInputHandler);\n    const select = page.root.shadowRoot.querySelector('select');\n    select.value = '1';\n    select.dispatchEvent(new Event('input'));\n    expect(fieldReceivedInputHandler).toHaveBeenCalled();\n  });\n\n  it('renders with error', async () => {\n    page.root.error = 'Test Error';\n    await page.waitForChanges();\n    expect(page.root).toEqualHtml(`\n    <select-input exportparts=\"label,input,input-invalid\">\n      <mock:shadow-root>\n        <label part=\"label\" class=\"form-label\"></label>\n        <select class=\"form-select is-invalid\" part=\"input input-invalid\"></select>\n        <div class=\"invalid-feedback\">\n          Test Error\n        </div>\n      </mock:shadow-root>\n    </select-input>\n  `);\n  });\n});\n"]}

package/dist/collection/components/subaccount-details/subaccount-account-details/subaccount-account-details.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"subaccount-account-details.js","sourceRoot":"","sources":["../../../../../src/components/subaccount-details/subaccount-account-details/subaccount-account-details.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAEzD,OAAO,EAAE,UAAU,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAOhE,MAAM,OAAO,wBAAwB;;;;;EAInC,MAAM;;IACJ,OAAO,CACL,EAAC,IAAI;MACH,WAAK,KAAK,EAAC,KAAK;QACd,EAAC,aAAa,IAAC,YAAY,EAAC,iBAAiB;UAC3C,WAAK,KAAK,EAAC,UAAU;YACnB,WAAK,KAAK,EAAC,iBAAiB;cAC1B,EAAC,UAAU,IAAC,KAAK,EAAC,MAAM,EAAC,KAAK,EAAE,MAAA,IAAI,CAAC,UAAU,0CAAE,IAAI,GAAI;cACzD,EAAC,UAAU,IACT,KAAK,EAAC,2BAA2B,EACjC,KAAK,EAAE,MAAA,MAAA,IAAI,CAAC,cAAc,0CAAE,OAAO,0CAAE,oBAAoB,CAAC,QAAQ,CAAC,QAAQ,EAAE,GAC3E;cACJ,EAAC,UAAU,IAAC,KAAK,EAAC,iBAAiB,EAAC,KAAK,EAAE,gBAAgB,GAAI,CAC3D,CACF,CACQ,CACZ,CACD,CACR,CAAC;EACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Host, Prop, h } from '@stencil/core';\nimport { IOnboardingData, SubAccount } from '../../../api/SubAccount';\nimport { DetailItem, DetailSection } from '../../details/utils';\n\n@Component({\n  tag: 'subaccount-account-details',\n  styleUrl: 'subaccount-account-details.scss',\n  shadow: true,\n})\nexport class SubaccountAccountDetails {\n  @Prop() subaccount: SubAccount\n  @Prop() onboardingData: IOnboardingData\n\n  render() {\n    return (\n      <Host>\n        <div class='p-2'>\n          <DetailSection sectionTitle='Account Details'>\n            <div class=\"row gy-3\">\n              <div class=\"col-12 col-md-6\">\n                <DetailItem title='Name' value={this.subaccount?.name} />\n                <DetailItem\n                  title='Terms of Service Accepted'\n                  value={this.onboardingData?.payload?.terms_and_conditions.accepted.toString()}\n                  />\n                <DetailItem title='Business Entity' value={'something here'} />\n              </div>\n            </div>\n          </DetailSection>\n        </div>\n      </Host>\n    );\n  }\n}\n"]}

package/dist/collection/components/subaccount-details/subaccount-bank-details/subaccount-bank-details.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"subaccount-bank-details.js","sourceRoot":"","sources":["../../../../../src/components/subaccount-details/subaccount-bank-details/subaccount-bank-details.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AACzD,OAAO,EAAE,UAAU,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAQhE,MAAM,OAAO,qBAAqB;;;;EAGhC,MAAM;;IACJ,OAAO,CACL,EAAC,IAAI;MACH,EAAC,aAAa,IAAC,YAAY,EAAC,sBAAsB;QAChD,WAAK,KAAK,EAAC,UAAU;UACnB,WAAK,KAAK,EAAC,iBAAiB;YAC1B,EAAC,UAAU,IACT,KAAK,EAAC,WAAW,EACjB,KAAK,EAAE,MAAA,IAAI,CAAC,IAAI,0CAAE,SAAS,GAC3B;YACF,EAAC,UAAU,IACT,KAAK,EAAC,cAAc,EACpB,KAAK,EAAE,MAAA,IAAI,CAAC,IAAI,0CAAE,YAAY,GAC9B;YACF,EAAC,UAAU,IACT,KAAK,EAAC,gBAAgB,EACtB,KAAK,EAAE,MAAA,IAAI,CAAC,IAAI,0CAAE,cAAc,GAChC;YACF,EAAC,UAAU,IACT,KAAK,EAAC,gBAAgB,EACtB,KAAK,EAAE,MAAA,IAAI,CAAC,IAAI,0CAAE,cAAc,GAChC;YACF,EAAC,UAAU,IACT,KAAK,EAAC,kBAAkB,EACxB,KAAK,EAAE,MAAA,IAAI,CAAC,IAAI,0CAAE,gBAAgB,GAClC,CACE,CACF,CACQ,CACX,CACR,CAAC;EACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAEF","sourcesContent":["import { Component, Host, Prop, h } from '@stencil/core';\nimport { DetailItem, DetailSection } from '../../details/utils';\nimport { SubaccountBankAccount } from '../../../api/SubAccount';\n\n@Component({\n  tag: 'subaccount-bank-details',\n  styleUrl: 'subaccount-bank-details.scss',\n  shadow: true,\n})\nexport class SubaccountBankDetails {\n  @Prop() data: SubaccountBankAccount\n\n  render() {\n    return (\n      <Host>\n        <DetailSection sectionTitle='Bank Account Details'>\n          <div class=\"row gy-3\">\n            <div class=\"col-12 col-md-6\">\n              <DetailItem\n                title=\"Bank Name\"\n                value={this.data?.bank_name}\n              />\n              <DetailItem\n                title=\"Account Type\"\n                value={this.data?.account_type}\n              />\n              <DetailItem\n                title=\"Account Number\"\n                value={this.data?.account_number}\n              />\n              <DetailItem\n                title=\"Routing Number\"\n                value={this.data?.routing_number}\n              />\n              <DetailItem\n                title=\"Account Nickname\"\n                value={this.data?.account_nickname}\n              />\n            </div>\n          </div>\n        </DetailSection>\n      </Host>\n    );\n  }\n\n}\n"]}

package/dist/collection/components/subaccount-details/subaccount-details.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"subaccount-details.js","sourceRoot":"","sources":["../../../../src/components/subaccount-details/subaccount-details.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Host, h, Prop, State, Watch } from '@stencil/core';\nimport { Api, IApiResponse } from '../../api';\nimport { IOnboardingData, ISubAccount, SubAccount } from '../../api/SubAccount';\nimport { EntityHeadInfo, EntityHeadInfoItem, ErrorState, LoadingState } from '../details/utils';\nimport { MapSubAccountStatusToBadge, formatDate, formatTime } from '../../utils/utils';\nimport { config } from '../../../config';\n\n@Component({\n  tag: 'justifi-subaccount-details',\n  styleUrl: 'subaccount-details.scss',\n  shadow: true,\n})\n\nexport class SubaccountDetails {\n  @Prop() accountId: string;\n  @Prop() subaccountId: string;\n  @Prop() authToken: string;\n  @State() onboardingData: IOnboardingData;\n  @State() subaccount: SubAccount;\n  @State() loading: boolean = true;\n  @State() errorMessage: string;\n\n  @Watch('subaccountId')\n  @Watch('authToken')\n  updateOnPropChange() {\n    this.fetchData();\n  }\n\n  connectedCallback() {\n    this.fetchData();\n  }\n\n  async fetchOnboardingData(): Promise<void> {\n    const api = Api(this.authToken, '');\n    const endpoint = `onboarding/${this.subaccountId}`;\n\n    const response: IApiResponse<IOnboardingData> = await api.get(endpoint);\n    if (!response.error) {\n      this.onboardingData = response.data;\n    } else {\n      this.errorMessage = typeof response.error === 'string' ? response.error : response.error.message;\n    }\n  }\n\n  async fetchSubAccountData(): Promise<void> {\n    const api = Api(this.authToken, config.privateApiOrigin);\n    const endpoint = `account/${this.accountId}/seller_accounts/${this.subaccountId}`;\n\n    const response: IApiResponse<ISubAccount> = await api.get(endpoint);\n    if (!response.error) {\n      const data = new SubAccount(response.data);\n      this.subaccount = data;\n    } else {\n      this.errorMessage = typeof response.error === 'string' ? response.error : response.error.message;\n    }\n  }\n\n  async fetchData(): Promise<void> {\n    this.loading = true;\n    if (!this.accountId || !this.authToken) {\n      this.errorMessage = \"Can not fetch any data without an AccountID and an AuthToken\";\n      this.loading = false;\n      return;\n    }\n    this.fetchSubAccountData();\n    this.fetchOnboardingData();\n    this.loading = false;\n  }\n\n  render() {\n    return (\n      <Host>\n        {\n          this.loading ? LoadingState :\n            !this.subaccount || !this.onboardingData ? ErrorState(this.errorMessage) :\n              <justifi-details>\n                <EntityHeadInfo\n                  slot='head-info'\n                  badge={<span slot='badge' innerHTML={MapSubAccountStatusToBadge(this.subaccount?.status)} />}\n                  title={this.subaccount?.name}>\n                  <EntityHeadInfoItem\n                    classes=\"border-1 border-end\"\n                    title=\"Created At\"\n                    value={`${formatDate(this.subaccount.created_at)} ${formatTime(this.subaccount.created_at)}`}\n                  />\n                  <EntityHeadInfoItem\n                    classes=\"border-1 border-end\"\n                    title=\"Last Updated\"\n                    value={`${formatDate(this.subaccount.updated_at)} ${formatTime(this.subaccount.updated_at)}`}\n                  />\n                  <EntityHeadInfoItem title=\"ID\" value={this.subaccount.id} />\n                </EntityHeadInfo>\n                <div slot='detail-sections'>\n                  <subaccount-account-details subaccount={this.subaccount} onboardingData={this.onboardingData} />\n                  <subaccount-merchant-details onboardingData={this.onboardingData} />\n                  <subaccount-representative-details data={this.onboardingData?.payload?.representative} />\n                  <subaccount-owners-details data={this.onboardingData?.payload?.owners} />\n                </div>\n              </justifi-details>\n        }\n      </Host>\n    );\n  }\n\n}\n"]}

package/dist/collection/components/subaccount-details/subaccount-details.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"subaccount-details.stories.js","sourceRoot":"","sources":["../../../../src/components/subaccount-details/subaccount-details.stories.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AAEzC,eAAe;EACb,KAAK,EAAE,kCAAkC;EACzC,SAAS,EAAE,4BAA4B;EACvC,UAAU,EAAE,EAAE;CACf,CAAC;AAEF,MAAM,qBAAqB;EAKzB,YAAY,IAAI;IACd,IAAI,CAAC,YAAY,CAAC,GAAG,IAAI,CAAC,YAAY,CAAC,IAAI,MAAM,CAAC,gBAAgB,CAAC;IACnE,IAAI,CAAC,YAAY,CAAC,GAAG,IAAI,CAAC,YAAY,CAAC,IAAI,EAAE,CAAC;IAC9C,IAAI,CAAC,eAAe,CAAC,GAAG,IAAI,CAAC,eAAe,CAAC,IAAI,eAAe,CAAC;EACnE,CAAC;CACF;AAED,MAAM,QAAQ,GAAG,CAAC,IAA2B,EAAE,EAAE;EAC/C,OAAO,CAAC;;;oBAGU,IAAI,CAAC,YAAY,CAAC;oBAClB,IAAI,CAAC,YAAY,CAAC;uBACf,IAAI,CAAC,eAAe,CAAC;;GAEzC,CAAC,CAAC;AACL,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,KAAK,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACvC,KAAK,CAAC,IAAI,GAAG,IAAI,qBAAqB,CAAC,EAAE,CAAC,CAAC","sourcesContent":["import { config } from '../../../config';\n\nexport default {\n  title: 'dev/Components/SubaccountDetails',\n  component: 'justifi-subaccount-details',\n  parameters: {}\n};\n\nclass SubaccountDetailsArgs {\n  'auth-token': string;\n  'account-id': string;\n  'subaccount-id': string;\n\n  constructor(args) {\n    this['auth-token'] = args['auth-token'] || config.privateAuthToken;\n    this['account-id'] = args['account-id'] || '';\n    this['subaccount-id'] = args['subaccount-id'] || 'subaccount-id';\n  }\n}\n\nconst Template = (args: SubaccountDetailsArgs) => {\n  return (`\n    <justifi-subaccount-details\n      data-testid=\"justifi-subaccounts-details\"\n      auth-token=\"${args['auth-token']}\"\n      account-id=\"${args['account-id']}\"\n      subaccount-id=\"${args['subaccount-id']}\"\n    />\n  `);\n};\n\nexport const Basic = Template.bind({});\nBasic.args = new SubaccountDetailsArgs({});\n"]}

package/dist/collection/components/subaccount-details/subaccount-merchant-details/subaccount-merchant-details.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"subaccount-merchant-details.js","sourceRoot":"","sources":["../../../../../src/components/subaccount-details/subaccount-merchant-details/subaccount-merchant-details.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AACzD,OAAO,EAAE,UAAU,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAEhE,OAAO,EAAE,kBAAkB,EAAE,wBAAwB,EAAE,MAAM,sBAAsB,CAAC;AAOpF,MAAM,OAAO,yBAAyB;;;;EAGpC,MAAM;;IACJ,OAAO,CACL,EAAC,IAAI;MACH,WAAK,KAAK,EAAC,KAAK;QACd,EAAC,aAAa,IAAC,YAAY,EAAC,kBAAkB;UAC5C,WAAK,KAAK,EAAC,UAAU;YACnB,WAAK,KAAK,EAAC,iBAAiB;cAC1B,EAAC,UAAU,IACT,KAAK,EAAC,mBAAmB,EACzB,KAAK,EAAE,MAAA,MAAA,MAAA,MAAA,IAAI,CAAC,cAAc,0CAAE,OAAO,0CAAE,gBAAgB,0CAAE,iBAAiB,0CAAE,IAAI,GAC9E;cACF,EAAC,UAAU,IACT,KAAK,EAAC,SAAS,EACf,KAAK,EAAE,MAAA,MAAA,MAAA,IAAI,CAAC,cAAc,0CAAE,OAAO,0CAAE,gBAAgB,0CAAE,GAAG,GAC1D;cACF,EAAC,UAAU,IACT,KAAK,EAAC,gBAAgB,EACtB,KAAK,EAAE,MAAA,MAAA,MAAA,IAAI,CAAC,cAAc,0CAAE,OAAO,0CAAE,gBAAgB,0CAAE,KAAK,GAC5D;cACF,EAAC,UAAU,IACT,KAAK,EAAC,cAAc,EACpB,KAAK,EAAE,MAAA,MAAA,MAAA,IAAI,CAAC,cAAc,0CAAE,OAAO,0CAAE,gBAAgB,0CAAE,KAAK,GAC5D;cACF,EAAC,UAAU,IACT,KAAK,EAAC,SAAS,EACf,KAAK,EAAE,CAAA,MAAA,MAAA,MAAA,IAAI,CAAC,cAAc,0CAAE,OAAO,0CAAE,gBAAgB,0CAAE,KAAK,EAAC,CAAC,CAAC,GAAG,kBAAkB,CAAC,MAAA,MAAA,MAAA,IAAI,CAAC,cAAc,0CAAE,OAAO,0CAAE,gBAAgB,0CAAE,KAAK,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,GAClJ,CACE;YACN,WAAK,KAAK,EAAC,iBAAiB;cAC1B,EAAC,UAAU,IACT,KAAK,EAAC,oBAAoB,EAC1B,KAAK,EAAE,CAAA,MAAA,MAAA,MAAA,IAAI,CAAC,cAAc,0CAAE,OAAO,0CAAE,gBAAgB,0CAAE,SAAS,EAAC,CAAC,CAAC,wBAAwB,CAAC,MAAA,MAAA,MAAA,IAAI,CAAC,cAAc,0CAAE,OAAO,0CAAE,gBAAgB,0CAAE,SAAS,CAAC,CAAC,CAAC,CAAC,EAAE,GACzJ;cACJ,EAAC,UAAU,IACT,KAAK,EAAC,eAAe,EACrB,KAAK,EAAE,MAAA,MAAA,MAAA,IAAI,CAAC,cAAc,0CAAE,OAAO,0CAAE,gBAAgB,0CAAE,IAAI,GACzD,CACA,CACF,CACQ,CACZ,CACD,CACR,CAAC;EACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAEF","sourcesContent":["import { Component, Host, Prop, h } from '@stencil/core';\nimport { DetailItem, DetailSection } from '../../details/utils';\nimport { IOnboardingData } from '../../../components';\nimport { formatLegalAddress, snakeCaseToHumanReadable } from '../../../utils/utils';\n\n@Component({\n  tag: 'subaccount-merchant-details',\n  styleUrl: 'subaccount-merchant-details.scss',\n  shadow: true,\n})\nexport class SubaccountMerchantDetails {\n  @Prop() onboardingData: IOnboardingData;\n\n  render() {\n    return (\n      <Host>\n        <div class='p-2'>\n          <DetailSection sectionTitle='Merchant Details'>\n            <div class=\"row gy-3\">\n              <div class=\"col-12 col-md-6\">\n                <DetailItem\n                  title='Doing Business As'\n                  value={this.onboardingData?.payload?.business_details?.doing_business_as?.name}\n                />\n                <DetailItem\n                  title='Website'\n                  value={this.onboardingData?.payload?.business_details?.url}\n                />\n                <DetailItem\n                  title='Business Email'\n                  value={this.onboardingData?.payload?.business_details?.email}\n                />\n                <DetailItem\n                  title='Phone Number'\n                  value={this.onboardingData?.payload?.business_details?.phone}\n                />\n                <DetailItem\n                  title='Address'\n                  value={this.onboardingData?.payload?.business_details?.legal ? `${formatLegalAddress(this.onboardingData?.payload?.business_details?.legal)}` : ''}\n                />\n              </div>\n              <div class=\"col-12 col-md-6\">\n                <DetailItem\n                  title='Business Structure'\n                  value={this.onboardingData?.payload?.business_details?.structure ? snakeCaseToHumanReadable(this.onboardingData?.payload?.business_details?.structure) : ''}\n                  />\n                <DetailItem\n                  title='Business Type'\n                  value={this.onboardingData?.payload?.business_details?.type}\n                  />\n              </div>\n            </div>\n          </DetailSection>\n        </div>\n      </Host>\n    );\n  }\n\n}\n"]}

package/dist/collection/components/subaccount-details/subaccount-owners-details/subaccount-owners-details.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"subaccount-owners-details.js","sourceRoot":"","sources":["../../../../../src/components/subaccount-details/subaccount-owners-details/subaccount-owners-details.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAEzD,OAAO,EAAE,UAAU,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAOhE,MAAM,OAAO,uBAAuB;;;;EAGlC,MAAM;IACJ,OAAO,CACL,EAAC,IAAI;MACH,WAAK,KAAK,EAAC,KAAK;QACd,EAAC,aAAa,IAAC,YAAY,EAAC,QAAQ;UAClC,WAAK,KAAK,EAAC,UAAU,IAClB,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE;YACpC,OAAO,CACL,WAAK,KAAK,EAAC,iBAAiB;cAC1B,EAAC,UAAU,IACT,KAAK,EAAC,YAAY,EAClB,KAAK,EAAE,KAAK,CAAC,IAAI,GACjB;cACF,EAAC,UAAU,IACT,KAAK,EAAC,aAAa,EACnB,KAAK,EAAE,KAAK,CAAC,KAAK,GAClB;cACF,EAAC,UAAU,IACT,KAAK,EAAC,aAAa,EACnB,KAAK,EAAE,KAAK,CAAC,KAAK,GAClB;cACF,EAAC,UAAU,IACT,KAAK,EAAC,aAAa,EACnB,KAAK,EAAE,KAAK,CAAC,KAAK,GAClB,CACE,CACP,CAAA;UACH,CAAC,CAAC,CACE,CACQ,CACZ,CACD,CACR,CAAC;EACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAEF","sourcesContent":["import { Component, Host, Prop, h } from '@stencil/core';\nimport { SubAccountIdentity } from '../../../components';\nimport { DetailItem, DetailSection } from '../../details/utils';\n\n@Component({\n  tag: 'subaccount-owners-details',\n  styleUrl: 'subaccount-owners-details.scss',\n  shadow: true,\n})\nexport class SubaccountOwnersDetails {\n  @Prop() data: SubAccountIdentity[]\n\n  render() {\n    return (\n      <Host>\n        <div class='p-2'>\n          <DetailSection sectionTitle='Owners'>\n            <div class=\"row gy-3\">\n              {this.data && this.data.map((owner) => {\n                return (\n                  <div class=\"col-12 col-md-6\">\n                    <DetailItem \n                      title='Owner Name'\n                      value={owner.name}\n                    />\n                    <DetailItem\n                      title='Owner Title'\n                      value={owner.title}\n                    />\n                    <DetailItem\n                      title='Owner Email'\n                      value={owner.email}\n                    />\n                    <DetailItem\n                      title='Owner Phone'\n                      value={owner.phone}\n                    />\n                  </div>\n                )\n              })}\n            </div>\n          </DetailSection>\n        </div>\n      </Host>\n    );\n  }\n\n}\n"]}

package/dist/collection/components/subaccount-details/subaccount-representative-details/subaccount-representative-details.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"subaccount-representative-details.js","sourceRoot":"","sources":["../../../../../src/components/subaccount-details/subaccount-representative-details/subaccount-representative-details.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AACzD,OAAO,EAAE,UAAU,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAEhE,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAOxD,MAAM,OAAO,+BAA+B;;;;EAG1C,MAAM;;IACJ,OAAO,CACL,EAAC,IAAI;MACH,WAAK,KAAK,EAAC,KAAK;QACd,EAAC,aAAa,IAAC,YAAY,EAAC,gBAAgB;UAC1C,WAAK,KAAK,EAAC,UAAU;YACnB,WAAK,KAAK,EAAC,iBAAiB;cAC1B,EAAC,UAAU,IACT,KAAK,EAAC,MAAM,EACZ,KAAK,EAAE,MAAA,IAAI,CAAC,IAAI,0CAAE,IAAI,GACtB;cACF,EAAC,UAAU,IACT,KAAK,EAAC,eAAe,EACrB,KAAK,EAAE,gBAAgB,CACrB,IAAI,IAAI,CACN,MAAM,CAAC,MAAA,IAAI,CAAC,IAAI,0CAAE,QAAQ,CAAC,EAC3B,MAAM,CAAC,MAAA,IAAI,CAAC,IAAI,0CAAE,SAAS,CAAC,GAAE,CAAC,EAC/B,MAAM,CAAC,MAAA,IAAI,CAAC,IAAI,0CAAE,OAAO,CAAC,CAC3B,CACF,GACD;cACF,EAAC,UAAU,IACT,KAAK,EAAC,OAAO,EACb,KAAK,EAAE,MAAA,IAAI,CAAC,IAAI,0CAAE,KAAK,GACvB;cACF,EAAC,UAAU,IACT,KAAK,EAAC,mBAAmB,EACzB,KAAK,EAAE,MAAA,IAAI,CAAC,IAAI,0CAAE,SAAS,GAC3B,CACE;YACN,WAAK,KAAK,EAAC,iBAAiB;cAC1B,EAAC,UAAU,IACT,KAAK,EAAC,OAAO,EACb,KAAK,EAAE,MAAA,IAAI,CAAC,IAAI,0CAAE,KAAK,GACvB;cACF,EAAC,UAAU,IACT,KAAK,EAAC,OAAO,EACb,KAAK,EAAE,MAAA,IAAI,CAAC,IAAI,0CAAE,KAAK,GACvB;cACF,EAAC,UAAU,IACT,KAAK,EAAC,wBAAwB,EAC9B,KAAK,EAAE,MAAA,IAAI,CAAC,IAAI,0CAAE,aAAa,GAC/B,CACE,CACF,CACQ,CACZ,CACD,CACR,CAAC;EACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAEF","sourcesContent":["import { Component, Host, Prop, h } from '@stencil/core';\nimport { DetailItem, DetailSection } from '../../details/utils';\nimport { SubAccountIdentity } from '../../../api/SubAccount';\nimport { formatMediumDate } from '../../../utils/utils';\n\n@Component({\n  tag: 'subaccount-representative-details',\n  styleUrl: 'subaccount-representative-details.scss',\n  shadow: true,\n})\nexport class SubaccountRepresentativeDetails {\n  @Prop() data: SubAccountIdentity\n\n  render() {\n    return (\n      <Host>\n        <div class='p-2'>\n          <DetailSection sectionTitle='Representative'>\n            <div class=\"row gy-3\">\n              <div class=\"col-12 col-md-6\">\n                <DetailItem\n                  title=\"Name\"\n                  value={this.data?.name}\n                />\n                <DetailItem\n                  title=\"Date of Birth\"\n                  value={formatMediumDate(\n                    new Date(\n                      Number(this.data?.dob_year),\n                      Number(this.data?.dob_month) -1,\n                      Number(this.data?.dob_day)\n                    )\n                  )}\n                />\n                <DetailItem\n                  title=\"Email\"\n                  value={this.data?.email}\n                />\n                <DetailItem\n                  title=\"Last 4 SSN Digits\"\n                  value={this.data?.ssn_last4}\n                />\n              </div>\n              <div class=\"col-12 col-md-6\">\n                <DetailItem\n                  title=\"Title\"\n                  value={this.data?.title}\n                />\n                <DetailItem\n                  title=\"Phone\"\n                  value={this.data?.phone}\n                />\n                <DetailItem\n                  title=\"Representative Address\"\n                  value={this.data?.address_line1}\n                />\n              </div>\n            </div>\n          </DetailSection>\n        </div>\n      </Host>\n    );\n  }\n\n}\n"]}

package/dist/collection/components/subaccount-details/subaccount-terms-details/subaccount-terms-details.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"subaccount-terms-details.js","sourceRoot":"","sources":["../../../../../src/components/subaccount-details/subaccount-terms-details/subaccount-terms-details.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAEzD,OAAO,EAAE,UAAU,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAOhE,MAAM,OAAO,sBAAsB;;;;EAGjC,MAAM;;IACJ,OAAO,CACL,EAAC,IAAI;MACH,EAAC,aAAa,IAAC,YAAY,EAAC,sBAAsB;QAChD,WAAK,KAAK,EAAC,UAAU;UACnB,WAAK,KAAK,EAAC,iBAAiB;YAC1B,EAAC,UAAU,IACT,KAAK,EAAC,IAAI,EACV,KAAK,EAAE,MAAA,IAAI,CAAC,IAAI,0CAAE,EAAE,GACpB;YACF,EAAC,UAAU,IACT,KAAK,EAAC,WAAW,EACjB,KAAK,EAAE,MAAA,MAAA,IAAI,CAAC,IAAI,0CAAE,QAAQ,0CAAE,QAAQ,EAAE,GACtC;YACF,EAAC,UAAU,IACT,KAAK,EAAC,YAAY,EAClB,KAAK,EAAE,MAAA,IAAI,CAAC,IAAI,0CAAE,UAAU,GAC5B,CACE,CACF,CACQ,CACX,CACR,CAAC;EACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Host, Prop, h } from '@stencil/core';\nimport { Terms } from '../../../api/SubAccount';\nimport { DetailItem, DetailSection } from '../../details/utils';\n\n@Component({\n  tag: 'subaccount-terms-details',\n  styleUrl: 'subaccount-terms-details.scss',\n  shadow: true,\n})\nexport class SubaccountTermsDetails {\n  @Prop() data: Terms\n\n  render() {\n    return (\n      <Host>\n        <DetailSection sectionTitle='Terms and Conditions'>\n          <div class=\"row gy-3\">\n            <div class=\"col-12 col-md-6\">\n              <DetailItem\n                title=\"IP\"\n                value={this.data?.ip}\n              />\n              <DetailItem\n                title=\"Accepted?\"\n                value={this.data?.accepted?.toString()}\n              />\n              <DetailItem\n                title=\"User Agent\"\n                value={this.data?.user_agent}\n              />\n            </div>\n          </div>\n        </DetailSection>\n      </Host>\n    );\n  }\n}\n"]}

package/dist/collection/components/subaccount-details/test/subaccount-details.spec.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"subaccount-details.spec.js","sourceRoot":"","sources":["../../../../../src/components/subaccount-details/test/subaccount-details.spec.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACpD,OAAO,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAE1D,QAAQ,CAAC,oBAAoB,EAAE,GAAG,EAAE;EAClC,EAAE,CAAC,wDAAwD,EAAE,KAAK,IAAI,EAAE;IACtE,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;MAC7B,UAAU,EAAE,CAAC,iBAAiB,CAAC;MAC/B,IAAI,EAAE,2DAA2D;KAClE,CAAC,CAAC;IACH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;;;KAU7B,CAAC,CAAC;EACL,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import { newSpecPage } from '@stencil/core/testing';\nimport { SubaccountDetails } from '../subaccount-details';\n\ndescribe('subaccount-details', () => {\n  it('fails to render if there is no account id or authtoken', async () => {\n    const page = await newSpecPage({\n      components: [SubaccountDetails],\n      html: `<justifi-subaccount-details></justifi-subaccount-details>`,\n    });\n    expect(page.root).toEqualHtml(`\n      <justifi-subaccount-details>\n        <mock:shadow-root>\n          <main class=\"d-flex justify-content-center p-4 text-center\" part=\"detail-empty-state\" style=\"font-size: 1.2rem;\">\n           <div>\n             Can not fetch any data without an AccountID and an AuthToken\n           </div>\n         </main>\n       </mock:shadow-root>\n      </justifi-subaccount-details>\n    `);\n  });\n});\n"]}

package/dist/collection/components/subaccounts-list/subaccounts-list.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"subaccounts-list.js","sourceRoot":"","sources":["../../../../src/components/subaccounts-list/subaccounts-list.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Host, h, Prop, State, Event, EventEmitter, Watch } from '@stencil/core';\nimport { SubAccount } from '../../api/SubAccount';\nimport { MapSubAccountStatusToBadge } from '../../utils/utils';\nimport { Api, IApiResponseCollection, PagingInfo, pagingDefaults } from '../../api';\nimport { config } from '../../../config';\n\n@Component({\n  tag: 'justifi-subaccounts-list',\n  styleUrl: 'subaccounts-list.css',\n  shadow: true,\n})\nexport class SubaccountsList {\n  @Prop() accountId: string;\n  @Prop() authToken: string;\n  @State() subaccounts: SubAccount[] = [];\n  @State() loading: boolean = true;\n  @State() errorMessage: string;\n  @State() paging: PagingInfo = pagingDefaults;\n  @State() params: any;\n  @Event({\n    eventName: 'subaccount-row-clicked',\n    bubbles: true,\n  }) rowClicked: EventEmitter<SubAccount>;\n\n\n  @Watch('accountId')\n  @Watch('authToken')\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    if (!this.accountId || !this.authToken) {\n      this.errorMessage = \"Can not fetch any data without an AccountID and an AuthToken\";\n      this.loading = false;\n      return;\n    }\n    this.loading = true;\n    const api = Api(this.authToken, config.privateApiOrigin);\n    const endpoint = `account/${this.accountId}/seller_accounts`;\n\n\n    const response: IApiResponseCollection<SubAccount[]> = await api.get(endpoint, this.params);\n    if (!response.error) {\n      this.paging = {\n        ...this.paging,\n        ...response.page_info\n      }\n      const data = response?.data.map(dataItem => new SubAccount(dataItem));\n      this.subaccounts = data;\n    } else {\n      this.errorMessage = typeof response.error === 'string' ? response.error : response.error.message;\n    }\n    this.loading = false;\n  }\n\n  render() {\n    return (\n      <Host>\n        <justifi-table\n          rowClickHandler={e => {\n            const clickSubAccountId = e.target.closest('tr').dataset.rowEntityId;\n            if (!clickSubAccountId) { return }\n            this.rowClicked.emit(this.subaccounts.find((subaccount) => subaccount.id === clickSubAccountId));\n          }}\n          entityId={this.subaccounts.map((subaccount) => subaccount.id)}\n          columnData={[\n            ['Created On', 'The date and time each sub account was created'],\n            ['Name', 'The name provided for each sub account'],\n            ['Account\t', 'The unique live or test account ID for each sub account'],\n            ['Card Rate\t', 'The rate that determines the fees charged per payment, when paid by card'],\n            ['ACH Rate\t', 'The rate that determines the fees charged per payment, when paid by eCheck'],\n            ['Status', 'The onboarding status of each sub account']\n          ]}\n          rowData={\n            this.subaccounts.map((subaccount) => (\n              [\n                {\n                  type: 'head',\n                  value: `\n                    <div>${subaccount.dateString}</div>\n                    <div>${subaccount.timeString}</div>\n                  `,\n                },\n                subaccount.name,\n                subaccount.id,\n                subaccount.cardRate,\n                subaccount.achRate,\n                {\n                  type: 'inner',\n                  value: MapSubAccountStatusToBadge(subaccount.status)\n                }\n              ]\n            ))\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"]}

package/dist/collection/components/subaccounts-list/subaccounts-list.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"subaccounts-list.stories.js","sourceRoot":"","sources":["../../../../src/components/subaccounts-list/subaccounts-list.stories.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AAEzC,eAAe;EACb,KAAK,EAAE,gCAAgC;EACvC,SAAS,EAAE,0BAA0B;EACrC,UAAU,EAAE,EAAE;EACd,UAAU,EAAE;IACV,CAAC,KAAK,EAAE,EAAE,CAAC;QACP,KAAK,EAAE;;;;;;KAMV;GACF;CACF,CAAC;AAEF,MAAM,mBAAmB;EAIvB,YAAY,IAAI;IACd,IAAI,CAAC,YAAY,CAAC,GAAG,IAAI,CAAC,YAAY,CAAC,IAAI,MAAM,CAAC,gBAAgB,CAAC;IACnE,IAAI,CAAC,YAAY,CAAC,GAAG,IAAI,CAAC,YAAY,CAAC,IAAI,EAAE,CAAA;EAC/C,CAAC;CACF;AAED,MAAM,QAAQ,GAAG,CAAC,IAAyB,EAAE,EAAE;EAC7C,OAAO,CAAC;;;oBAGU,IAAI,CAAC,YAAY,CAAC;oBAClB,IAAI,CAAC,YAAY,CAAC;;GAEnC,CAAC,CAAC;AACL,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,KAAK,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACvC,KAAK,CAAC,IAAI,GAAG,IAAI,mBAAmB,CAAC,EAAE,CAAC,CAAC;AAEzC,MAAM,CAAC,MAAM,MAAM,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACxC,MAAM,CAAC,IAAI,GAAG,IAAI,mBAAmB,CAAC,EAAE,CAAC,CAAC;AAC1C,MAAM,CAAC,UAAU,GAAG;EAClB,CAAC,KAAK,EAAE,EAAE,CAAC;MACP,KAAK,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BV;CACF,CAAA","sourcesContent":["import { config } from '../../../config';\n\nexport default {\n  title: 'dev/Components/SubaccountsList',\n  component: 'justifi-subaccounts-list',\n  parameters: {},\n  decorators: [\n    (Story) => `\n      ${Story()}\n      <script>\n        window.addEventListener('subaccount-row-clicked', (e) => {\n          console.log(e);\n        })\n      </script>\n    `\n  ]\n};\n\nclass SubaccountsListArgs {\n  'auth-token': string;\n  'account-id': string;\n\n  constructor(args) {\n    this['auth-token'] = args['auth-token'] || config.privateAuthToken;\n    this['account-id'] = args['account-id'] || ''\n  }\n}\n\nconst Template = (args: SubaccountsListArgs) => {\n  return (`\n    <justifi-subaccounts-list\n      data-testid=\"justifi-subaccounts-list\"\n      auth-token=\"${args['auth-token']}\"\n      account-id=\"${args['account-id']}\"\n    />\n  `);\n};\n\nexport const Basic = Template.bind({});\nBasic.args = new SubaccountsListArgs({});\n\nexport const Styled = Template.bind({});\nStyled.args = new SubaccountsListArgs({});\nStyled.decorators = [\n  (Story) => `\n    ${Story()}\n    <style>\n      justifi-subaccounts-list::part(table-head-cell) {\n        background-color: #F4F4F6;\n      }\n      justifi-subaccounts-list::part(pagination-bar) {\n        background-color: #F4F4F6;\n      }\n      justifi-subaccounts-list::part(arrow) {\n        --bs-btn-disabled-bg: #212529;\n        --bs-btn-disabled-border-color: #212529;\n        --bs-btn-bg: #212529;\n        --bs-btn-border-color: #212529;\n        --bs-btn-hover-bg: #fccc32;\n        --bs-btn-hover-border-color: #fccc32;\n      }\n      justifi-subaccounts-list::part(error-state) {\n        color: red;\n        background-color: #EEEEF5;\n      }\n      justifi-subaccounts-list::part(loading-state-cell) {\n        background-color: #EEEEF5;\n      }\n      justifi-subaccounts-list::part(table-row) {\n        background-color: #EEEEF5;\n      }\n      justifi-subaccounts-list::part(table-row-even) {\n        background-color: #F4F4F6;\n      }\n    </style>\n  `\n]\n"]}

package/dist/collection/components/subaccounts-list/test/subaccounts-list.e2e.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"subaccounts-list.e2e.js","sourceRoot":"","sources":["../../../../../src/components/subaccounts-list/test/subaccounts-list.e2e.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAEnD,QAAQ,CAAC,kBAAkB,EAAE,GAAG,EAAE;EAChC,EAAE,CAAC,SAAS,EAAE,KAAK,IAAI,EAAE;IACvB,MAAM,IAAI,GAAG,MAAM,UAAU,EAAE,CAAC;IAChC,MAAM,IAAI,CAAC,UAAU,CAAC,uDAAuD,CAAC,CAAC;IAE/E,MAAM,OAAO,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,0BAA0B,CAAC,CAAC;IAC5D,MAAM,CAAC,OAAO,CAAC,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC;EAC1C,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import { newE2EPage } from '@stencil/core/testing';\n\ndescribe('subaccounts-list', () => {\n  it('renders', async () => {\n    const page = await newE2EPage();\n    await page.setContent('<justifi-subaccounts-list></justifi-subaccounts-list>');\n\n    const element = await page.find('justifi-subaccounts-list');\n    expect(element).toHaveClass('hydrated');\n  });\n});\n"]}

package/dist/collection/components/subaccounts-list/test/subaccounts-list.spec.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"subaccounts-list.spec.js","sourceRoot":"","sources":["../../../../../src/components/subaccounts-list/test/subaccounts-list.spec.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACpD,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAEtD,QAAQ,CAAC,kBAAkB,EAAE,GAAG,EAAE;EAChC,EAAE,CAAC,SAAS,EAAE,KAAK,IAAI,EAAE;IACvB,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;MAC7B,UAAU,EAAE,CAAC,eAAe,CAAC;MAC7B,IAAI,EAAE,uDAAuD;KAC9D,CAAC,CAAC;IAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;KAM7B,CAAC,CAAC;EACL,CAAC,CAAC,CAAC;EAEH,EAAE,CAAC,eAAe,EAAE,KAAK,IAAI,EAAE;IAC7B,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;MAC7B,UAAU,EAAE,CAAC,eAAe,CAAC;MAC7B,IAAI,EAAE,uDAAuD;KAC9D,CAAC,CAAC;IAEH,MAAM,OAAO,GAAG,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,aAAa,CAAC,gBAAgB,CAAC,CAAC;IAEvE,MAAM,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;EAChC,CAAC,CAAC,CAAC;EAEH,EAAE,CAAC,kDAAkD,EAAE,KAAK,IAAI,EAAE;IAChE,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;MAC7B,UAAU,EAAE,CAAC,eAAe,CAAC;MAC7B,IAAI,EAAE,uDAAuD;KAC9D,CAAC,CAAC;IAEH,MAAM,KAAK,GAAG,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,aAAa,CAAC,cAAc,CAAC,CAAC;IAEnE,MAAM,CAAC,KAAK,CAAC,CAAC,WAAW,EAAE,CAAC;EAC9B,CAAC,CAAC,CAAC;AAEL,CAAC,CAAC,CAAC","sourcesContent":["import { newSpecPage } from '@stencil/core/testing';\nimport { SubaccountsList } from '../subaccounts-list';\n\ndescribe('subaccounts-list', () => {\n  it('renders', async () => {\n    const page = await newSpecPage({\n      components: [SubaccountsList],\n      html: `<justifi-subaccounts-list></justifi-subaccounts-list>`,\n    });\n\n    expect(page.root).toEqualHtml(`\n      <justifi-subaccounts-list>\n        <mock:shadow-root>\n          <justifi-table error-message=\"Can not fetch any data without an AccountID and an AuthToken\">\n        </mock:shadow-root>\n      </justifi-subaccounts-list>\n    `);\n  });\n\n  it('stops loading', async () => {\n    const page = await newSpecPage({\n      components: [SubaccountsList],\n      html: `<justifi-subaccounts-list></justifi-subaccounts-list>`,\n    });\n\n    const loading = page.root.__shadowRoot.querySelector('.loading-state');\n\n    expect(loading).toEqual(null);\n  });\n\n  it('renders an error when not given proper auth data', async () => {\n    const page = await newSpecPage({\n      components: [SubaccountsList],\n      html: `<justifi-subaccounts-list></justifi-subaccounts-list>`,\n    });\n\n    const error = page.root.__shadowRoot.querySelector('.error-state');\n\n    expect(error).toBeDefined();\n  });\n\n});\n"]}