npm - @justifi/webcomponents - Versions diffs - 4.7.4 → 4.7.5 - Mend

@justifi/webcomponents 4.7.4 → 4.7.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (644) hide show

package/dist/collection/components/billing-form/billing-form.stories.js DELETED Viewed

@@ -1,61 +0,0 @@
-export default {
-  title: 'dev/Components/BillingForm',
-  component: 'justifi-billing-form',
-  parameters: {},
-};
-const Template = (args) => {
-  return `
-    <div>
-      <style>
-        :root {
-          ${args['css-variables'] || ''}
-        }
-        </style>
-      <justifi-billing-form
-        data-testid="billing-form-iframe"
-        legend="${args['legend'] || ''}"
-      />
-    </div>
-  `;
-};
-export const Basic = Template.bind({});
-Basic.args = {
-  legend: 'Billing Form',
-};
-export const Styled = Template.bind({});
-Styled.args = {
-  'legend': 'Styled Billing Form',
-  'css-variables': `
-    --jfi-layout-padding: 0;
-    --jfi-layout-form-control-spacing-x: .5rem;
-    --jfi-layout-form-control-spacing-y: 1rem;
-    --jfi-form-label-font-weight: 700;
-    --jfi-form-label-font-family: sans-serif;
-    --jfi-form-label-margin: 0 0 .5rem 0;
-    --jfi-form-control-background-color: #F4F4F6;
-    --jfi-form-control-background-color-hover: #EEEEF5;
-    --jfi-form-control-border-color: rgba(0, 0, 0, 0.42);
-    --jfi-form-control-border-color-hover: rgba(0, 0, 0, 0.62);
-    --jfi-form-control-border-color-focus: #fccc32;
-    --jfi-form-control-border-color-error: #C12727;
-    --jfi-form-control-border-top-width: 0;
-    --jfi-form-control-border-left-width: 0;
-    --jfi-form-control-border-bottom-width: 1px;
-    --jfi-form-control-border-right-width: 0;
-    --jfi-form-control-border-radius: 4px 4px 0 0;
-    --jfi-form-control-border-style: solid;
-    --jfi-form-control-box-shadow-focus: none;
-    --jfi-form-control-box-shadow-error-focus: none;
-    --jfi-form-control-border-style: solid;
-    --jfi-form-control-color: #212529;
-    --jfi-form-control-font-size: 1rem;
-    --jfi-form-control-font-weight: 400;
-    --jfi-form-control-line-height: 2;
-    --jfi-form-control-margin: 0;
-    --jfi-form-control-padding: .5rem .875rem;
-    --jfi-error-message-color: #C12727;
-    --jfi-error-message-margin: .25rem 0 0 0;
-    --jfi-error-message-font-size: .875rem;
-  `,
-};

package/dist/collection/components/billing-form/example.js DELETED Viewed

@@ -1,26 +0,0 @@
-import { head } from '../../../storybook-pages/example-parts';
-export default `<!DOCTYPE html>
-<html dir="ltr" lang="en">
-${head('justifi-billing-form')}
-<body>
-  <justifi-billing-form></justifi-billing-form>
-  <button id="justifi-billing-form-submit">Submit</button>
-</body>
-<script>
-  (async () => {
-    await customElements.whenDefined('justifi-billing-form');
-    // Billing form component
-    var billingForm = document.querySelector('justifi-billing-form');
-    var billingFormSubmitButton = document.querySelector('#justifi-billing-form-submit');
-    billingFormSubmitButton.addEventListener('click', async (event) => {
-      const billingFormValidation = await billingForm.validate();
-    });
-  })();
-</script>
-</html>`;

package/dist/collection/components/business-details/business-details.stories.js DELETED Viewed

@@ -1,23 +0,0 @@
-import { config } from "../../../config";
-export default {
-  title: 'Components/BusinessDetails',
-  component: 'justifi-business-details',
-  parameters: {},
-};
-class BusinessDetailsArgs {
-  constructor(args) {
-    this['businessId'] = args['businessId'] || config.exampleBusinessId;
-    this['authToken'] = args['authToken'] || config.proxyAuthToken;
-  }
-}
-;
-const Template = (args) => {
-  return `
-    <justifi-business-details
-      business-id="${args['businessId']}"
-      auth-token="${args['authToken']}"
-    />
-  `;
-};
-export const Basic = Template.bind({});
-Basic.args = new BusinessDetailsArgs({});

package/dist/collection/components/business-form/business-form-example.js DELETED Viewed

@@ -1,12 +0,0 @@
-import { head } from '../../../storybook-pages/example-parts';
-export default `<!DOCTYPE html>
-<html dir="ltr" lang="en">
-${head('justifi-business-form')}
-<body>
-  <justifi-business-form></justifi-business-form>
-</body>
-</html>`;

package/dist/collection/components/business-form/business-form-stepped-example.js DELETED Viewed

@@ -1,12 +0,0 @@
-import { head } from '../../../storybook-pages/example-parts';
-export default `<!DOCTYPE html>
-<html dir="ltr" lang="en">
-${head('justifi-business-form-stepped')}
-<body>
-  <justifi-business-form-stepped></justifi-business-form-stepped>
-</body>
-</html>`;

package/dist/collection/components/business-form/business-form-stepped.stories.js DELETED Viewed

@@ -1,132 +0,0 @@
-import { config } from "../../../config";
-class BusinessFormSteppedStoryArgs {
-  constructor(args) {
-    this['auth-token'] = args['auth-token'] || config.proxyAuthToken;
-    this['business-id'] = args['business-id'] || '';
-    this['account-id'] = args['account-id'] || config.exampleAccountId;
-    this['css-variables'] = args['css-variables'] || '';
-  }
-}
-export default {
-  title: 'Components/BusinessFormStepped',
-  component: 'justifi-business-form',
-  argTypes: {
-    'auth-token': {
-      control: 'text',
-      table: {
-        category: 'props',
-      },
-    },
-    'account-id': {
-      control: 'text',
-      table: {
-        category: 'props',
-      },
-    },
-    'business-id': {
-      control: 'text',
-      table: {
-        category: 'props',
-      },
-    }
-  },
-};
-const Template = (args) => {
-  const authToken = args['auth-token'];
-  const businessId = args['business-id'];
-  const accountId = args['account-id'] || config.exampleAccountId;
-  // The <div> here should be replaced by a `display` property in the cardForm potentially
-  return `
-    <div>
-      <justifi-business-form-stepped
-        auth-token="${authToken}"
-        business-id="${businessId}"
-        account-id="${accountId}"
-        test-mode="true"
-      />
-    </div>
-    <style>
-      :root {
-        ${args['css-variables']}
-      }
-    </style>
-  `;
-};
-export const Basic = Template.bind({});
-Basic.args = new BusinessFormSteppedStoryArgs({});
-export const Styled = Template.bind({});
-Styled.args = new BusinessFormSteppedStoryArgs({
-  'auth-token': '',
-  'business-id': '',
-  'account-id': '',
-  'cssVariables': `
-  --jfi-primary-color: #212529;
-  --jfi-load-google-font: 'Roboto Mono:wght@200;400;700;900';
-  --jfi-layout-font-family: Roboto Mono, Calibri, sans-serif;
-  --jfi-layout-padding: 4px;
-  --jfi-layout-form-control-spacing-x: .5rem;
-  --jfi-layout-form-control-spacing-y: 1rem;
-  --jfi-form-label-font-weight: 700;
-  --jfi-form-label-font-family: Calibri, sans-serif;
-  --jfi-form-label-margin: 0 0 .5rem 0;
-  --jfi-form-control-background-color: #F4F4F6;
-  --jfi-form-control-background-color-hover: #EEEEF5;
-  --jfi-form-control-border-color: rgba(0, 0, 0, 0.42);
-  --jfi-form-control-border-color-hover: rgba(0, 0, 0, 0.62);
-  --jfi-form-control-border-color-focus: #fccc32;
-  --jfi-form-control-border-color-error: #C12727;
-  --jfi-form-control-border-top-width: 0;
-  --jfi-form-control-border-left-width: 0;
-  --jfi-form-control-border-bottom-width: 1px;
-  --jfi-form-control-border-right-width: 0;
-  --jfi-form-control-border-radius: 4px 4px 0 0;
-  --jfi-form-control-border-style: solid;
-  --jfi-form-control-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
-  --jfi-form-control-box-shadow-focus: none;
-  --jfi-form-control-box-shadow-error-focus: none;
-  --jfi-form-control-border-style: solid;
-  --jfi-form-control-color: #212529;
-  --jfi-form-control-font-size: 1rem;
-  --jfi-form-control-font-weight: 400;
-  --jfi-form-control-line-height: 2;
-  --jfi-form-control-margin: 0;
-  --jfi-form-control-padding: .5rem .875rem;
-  --jfi-error-message-color: #C12727;
-  --jfi-error-message-margin: .25rem 0 0 0;
-  --jfi-error-message-font-size: .875rem;
-  --jfi-submit-button-color: white;
-  --jfi-submit-button-background-color: #3F3F47;
-  --jfi-submit-button-border-color: var(--jfi-primary-color);
-  --jfi-submit-button-padding: 0.375rem 0.75rem;
-  --jfi-submit-button-font-size: 1rem;
-  --jfi-submit-button-border-radius: 1px;
-  --jfi-submit-button-color-hover: white;
-  --jfi-submit-button-background-color-hover: var(--jfi-primary-color);
-  --jfi-submit-button-border-color-hover: var(--jfi-primary-color);
-  --jfi-submit-button-color-focus: white;
-  --jfi-submit-button-background-color-focus: var(--jfi-primary-color);
-  --jfi-submit-button-border-color-focus: var(--jfi-primary-color);
-  --jfi-submit-button-color-active: white;
-  --jfi-submit-button-background-color-active: var(--jfi-primary-color);
-  --jfi-submit-button-border-color-active: var(--jfi-primary-color);
-  --jfi-submit-button-width: 100%;
-  --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;
-  --jfi-radio-button-color: var(--jfi-primary-color);
-  --jfi-radio-button-background-color: transparent;
-  --jfi-radio-button-color-selected: white;
-  --jfi-radio-button-background-color-selected: var(--jfi-primary-color);
-  --jfi-radio-button-border-color: var(--jfi-primary-color);
-  --jfi-radio-button-border-color-selected: var(--jfi-primary-color);
-  --jfi-radio-button-padding: 0.375rem 0.75rem;
-  --jfi-radio-button-font-size: 1rem;
-  --jfi-radio-button-color-hover: var(--jfi-primary-color);
-  --jfi-radio-button-color-selected-hover: white;
-  --jfi-radio-button-background-color-hover: transparent;
-  --jfi-radio-button-background-color-selected-hover: var(--jfi-primary-color);
-  --jfi-radio-button-border-color-selected-hover: var(--jfi-primary-color);
-  --jfi-radio-button-border-color-hover: var(--jfi-primary-color);
-  --jfi-radio-button-group-width: 100%;
-  `,
-});

package/dist/collection/components/business-form/business-form.stories.js DELETED Viewed

@@ -1,127 +0,0 @@
-import { config } from "../../../config";
-class BusinessFormStoryArgs {
-  constructor(args) {
-    this['auth-token'] = args['auth-token'] || '';
-    this['business-id'] = args['business-id'] || '';
-    this['account-id'] = args['account-id'] || config.exampleAccountId;
-    this['cssVariables'] = args['cssVariables'] || '';
-  }
-}
-export default {
-  title: 'Components/BusinessForm',
-  component: 'justifi-business-form',
-  argTypes: {
-    'auth-token': {
-      control: 'text',
-      table: {
-        category: 'props',
-      },
-    },
-    'account-id': {
-      control: 'text',
-      table: {
-        category: 'props',
-      },
-    },
-    'business-id': {
-      control: 'text',
-      table: {
-        category: 'props',
-      },
-    },
-  },
-};
-const Template = (args) => {
-  // The <div> here should be replaced by a `display` property in the cardForm potentially
-  return `
-    <div>
-      <justifi-business-form
-        auth-token="${args['auth-token']}"
-        account-id="${args['account-id']}"
-        business-id="${args['business-id']}"
-      />
-    </div>
-    <style>
-      :root {
-        ${args.cssVariables}
-      }
-    </style>
-  `;
-};
-export const Basic = Template.bind({});
-Basic.args = new BusinessFormStoryArgs({});
-export const Styled = Template.bind({});
-Styled.args = new BusinessFormStoryArgs({
-  'auth-token': '',
-  'business-id': '',
-  cssVariables: `
-  --jfi-primary-color: #212529;
-  --jfi-load-google-font: 'Roboto Mono:wght@200;400;700;900';
-  --jfi-layout-font-family: Roboto Mono, Calibri, sans-serif;
-  --jfi-layout-padding: 4px;
-  --jfi-layout-form-control-spacing-x: .5rem;
-  --jfi-layout-form-control-spacing-y: 1rem;
-  --jfi-form-label-font-weight: 700;
-  --jfi-form-label-font-family: Calibri, sans-serif;
-  --jfi-form-label-margin: 0 0 .5rem 0;
-  --jfi-form-control-background-color: #F4F4F6;
-  --jfi-form-control-background-color-hover: #EEEEF5;
-  --jfi-form-control-border-color: rgba(0, 0, 0, 0.42);
-  --jfi-form-control-border-color-hover: rgba(0, 0, 0, 0.62);
-  --jfi-form-control-border-color-focus: #fccc32;
-  --jfi-form-control-border-color-error: #C12727;
-  --jfi-form-control-border-top-width: 0;
-  --jfi-form-control-border-left-width: 0;
-  --jfi-form-control-border-bottom-width: 1px;
-  --jfi-form-control-border-right-width: 0;
-  --jfi-form-control-border-radius: 4px 4px 0 0;
-  --jfi-form-control-border-style: solid;
-  --jfi-form-control-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
-  --jfi-form-control-box-shadow-focus: none;
-  --jfi-form-control-box-shadow-error-focus: none;
-  --jfi-form-control-border-style: solid;
-  --jfi-form-control-color: #212529;
-  --jfi-form-control-font-size: 1rem;
-  --jfi-form-control-font-weight: 400;
-  --jfi-form-control-line-height: 2;
-  --jfi-form-control-margin: 0;
-  --jfi-form-control-padding: .5rem .875rem;
-  --jfi-error-message-color: #C12727;
-  --jfi-error-message-margin: .25rem 0 0 0;
-  --jfi-error-message-font-size: .875rem;
-  --jfi-submit-button-color: white;
-  --jfi-submit-button-background-color: #3F3F47;
-  --jfi-submit-button-border-color: var(--jfi-primary-color);
-  --jfi-submit-button-padding: 0.375rem 0.75rem;
-  --jfi-submit-button-font-size: 1rem;
-  --jfi-submit-button-border-radius: 1px;
-  --jfi-submit-button-color-hover: white;
-  --jfi-submit-button-background-color-hover: var(--jfi-primary-color);
-  --jfi-submit-button-border-color-hover: var(--jfi-primary-color);
-  --jfi-submit-button-color-focus: white;
-  --jfi-submit-button-background-color-focus: var(--jfi-primary-color);
-  --jfi-submit-button-border-color-focus: var(--jfi-primary-color);
-  --jfi-submit-button-color-active: white;
-  --jfi-submit-button-background-color-active: var(--jfi-primary-color);
-  --jfi-submit-button-border-color-active: var(--jfi-primary-color);
-  --jfi-submit-button-width: 100%;
-  --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;
-  --jfi-radio-button-color: var(--jfi-primary-color);
-  --jfi-radio-button-background-color: transparent;
-  --jfi-radio-button-color-selected: white;
-  --jfi-radio-button-background-color-selected: var(--jfi-primary-color);
-  --jfi-radio-button-border-color: var(--jfi-primary-color);
-  --jfi-radio-button-border-color-selected: var(--jfi-primary-color);
-  --jfi-radio-button-padding: 0.375rem 0.75rem;
-  --jfi-radio-button-font-size: 1rem;
-  --jfi-radio-button-color-hover: var(--jfi-primary-color);
-  --jfi-radio-button-color-selected-hover: white;
-  --jfi-radio-button-background-color-hover: transparent;
-  --jfi-radio-button-background-color-selected-hover: var(--jfi-primary-color);
-  --jfi-radio-button-border-color-selected-hover: var(--jfi-primary-color);
-  --jfi-radio-button-border-color-hover: var(--jfi-primary-color);
-  --jfi-radio-button-group-width: 100%;
-  `,
-});

package/dist/collection/components/card-form/card-form.stories.js DELETED Viewed

@@ -1,137 +0,0 @@
-import { config } from "../../../config";
-export default {
-  title: 'Components/CardForm',
-  component: 'justifi-card-form',
-  argTypes: {
-    'resize': {
-      description: 'Deprecated: This method will be removed in future releases.',
-      table: {
-        category: 'methods',
-      },
-    },
-  },
-  decorators: [
-    story => `
-      <!-- Deprecated Notice -->
-      <p style="color: red; font-family: 'Roboto Mono', monospace;">Note: The 'resize' method is deprecated and will be removed in future releases.</p>
-      ${story()}
-      <script>${addEvents()}</script>
-    `,
-  ],
-};
-const handleValidateClick = async (cardForm) => {
-  const valid = await cardForm.validate();
-  console.log(valid);
-};
-const handleTokenizeClick = async (cardForm, paymentMethodData) => {
-  const tokenizeResponse = await cardForm.tokenize('CLIENT_ID', paymentMethodData);
-  console.log(tokenizeResponse);
-};
-const handleResizeClick = async (cardForm) => {
-  await cardForm.resize();
-};
-const handleReady = () => {
-  console.log('card form is ready');
-  const cardForm = document.querySelector('justifi-card-form');
-  const validateBtn = document.querySelector('#validate-btn');
-  const tokenizeBtn = document.querySelector('#tokenize-btn');
-  const resizeBtn = document.querySelector('#resize-btn');
-  validateBtn === null || validateBtn === void 0 ? void 0 : validateBtn.addEventListener('click', () => {
-    handleValidateClick(cardForm);
-  });
-  tokenizeBtn === null || tokenizeBtn === void 0 ? void 0 : tokenizeBtn.addEventListener('click', () => {
-    handleTokenizeClick(cardForm, {});
-  });
-  resizeBtn === null || resizeBtn === void 0 ? void 0 : resizeBtn.addEventListener('click', () => {
-    handleResizeClick(cardForm);
-  });
-};
-const addEvents = () => {
-  addEventListener('cardFormReady', handleReady);
-};
-const FormButtons = `
-  <style>
-    .button-bar {
-      display: flex;
-      aligin-items: center;
-      padding: 10px;
-    }
-    .button-bar button {
-      margin-right: 10px;
-      border-radius: 3px;
-      border: 1px solid black;
-    }
-  </style>
-  <div class="button-bar">
-    <button id="validate-btn">Validate</button>
-    <button id="tokenize-btn">Tokenize</button>
-    <button id="resize-btn">Resize</button>
-  </div>`;
-const Template = (args) => {
-  const includeButtons = true;
-  return `
-    <div>
-      <style>
-      :root {
-        ${args['css-variables'] || ''}
-      }
-      </style>
-      <justifi-card-form
-        data-testid="card-form-iframe"
-        validation-mode='${args['validation-mode'] || 'onSubmit'}'
-        iframe-origin='${config.iframeOrigin}'
-        single-line='${args['single-line']}'
-      />
-    </div>
-    ${includeButtons ? FormButtons : ''}
-  `;
-};
-export const Basic = Template.bind({});
-Basic.args = {
-  'validation-mode': 'onSubmit',
-  'single-line': false,
-};
-export const SingleLine = Template.bind({});
-SingleLine.args = {
-  'single-line': true,
-};
-const styledVariables = `
-  --jfi-load-google-font: 'Inter:wght@200;400;700;900&family=Agdasima';
-  --jfi-layout-font-family: Agdasima;
-  --jfi-layout-padding: 4px;
-  --jfi-layout-form-control-spacing-x: .5rem;
-  --jfi-layout-form-control-spacing-y: 1rem;
-  --jfi-form-label-font-weight: 100;
-  --jfi-form-label-font-family: Inter;
-  --jfi-form-label-margin: 0 0 .5rem 0;
-  --jfi-form-control-background-color: #F4F4F6;
-  --jfi-form-control-background-color-hover: #EEEEF5;
-  --jfi-form-control-border-color: rgba(0, 0, 0, 0.42);
-  --jfi-form-control-border-color-hover: rgba(0, 0, 0, 0.62);
-  --jfi-form-control-border-color-focus: #fccc32;
-  --jfi-form-control-border-color-error: #C12727;
-  --jfi-form-control-border-top-width: 0;
-  --jfi-form-control-border-left-width: 0;
-  --jfi-form-control-border-bottom-width: 1px;
-  --jfi-form-control-border-right-width: 0;
-  --jfi-form-control-border-radius: 4px 4px 0 0;
-  --jfi-form-control-border-style: solid;
-  --jfi-form-control-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
-  --jfi-form-control-box-shadow-focus: none;
-  --jfi-form-control-box-shadow-error-focus: none;
-  --jfi-form-control-border-style: solid;
-  --jfi-form-control-color: #212529;
-  --jfi-form-control-font-size: 1rem;
-  --jfi-form-control-font-weight: 400;
-  --jfi-form-control-line-height: 2;
-  --jfi-form-control-margin: 0;
-  --jfi-form-control-padding: .5rem .875rem;
-  --jfi-error-message-color: #C12727;
-  --jfi-error-message-margin: .25rem 0 0 0;
-  --jfi-error-message-font-size: .875rem;
-`;
-export const Styled = Template.bind({});
-Styled.args = {
-  'single-line': false,
-  'css-variables': styledVariables,
-};

package/dist/collection/components/card-form/example.js DELETED Viewed

@@ -1,59 +0,0 @@
-import { head } from '../../../storybook-pages/example-parts';
-export default `<!DOCTYPE html>
-<html dir="ltr" lang="en">
-${head('justifi-card-form')}
-<body>
-  <justifi-card-form></justifi-card-form>
-  <button type="submit" id="card-submit-button">Tokenize</button>
-  <button type="submit" id="card-validate-button">Validate</button>
-</body>
-<script>
-  (function () {
-    // Card form component
-    var cardForm = document.querySelector('justifi-card-form');
-    var cardSubmitButton = document.querySelector('#card-submit-button');
-    var cardValidateButton = document.querySelector('#card-validate-button');
-    cardForm.addEventListener('cardFormReady', function () {
-      console.log('justifi-card-form ready');
-    });
-    cardSubmitButton.addEventListener('click', (event) => {
-      console.log('card form tokenize button clicked');
-      // All of this information would come from your form instead of being hard coded
-      // Card number, expiration and cvv are collected on our iframe
-      const paymentMethodData = {
-        name: 'John Doe',
-        address_line1: '123 Broadway', // optional
-        address_line2: '', // optional
-        address_city: 'Minneapolis', // optional
-        address_state: 'MN', // optional
-        address_postal_code: '55413',
-        address_country: 'US', // optional
-        metadata: { something: "somevalue" } // optional
-      };
-      // ACCOUNT_ID is optional, currently required for platforms
-      // ACCOUNT_ID is the seller account for which you are tokenizing
-      cardForm.tokenize('CLIENT_ID', paymentMethodData, 'ACCOUNT_ID')
-        .then((data) => {
-          // This is where you can submit the form and use the payment method token
-          // on your backend
-          console.log('justifi-card-form tokenized: ', data);
-        });
-    });
-    cardValidateButton.addEventListener('click', (event) => {
-      console.log('card validate button clicked');
-      cardForm.validate()
-        .then((data) => {
-          console.log('justifi-card-form validated. Is valid? ', data.isValid);
-        });
-    });
-  })();
-</script>
-</html>`;

package/dist/collection/components/gross-payment-chart/example.js DELETED Viewed

@@ -1,12 +0,0 @@
-import { head } from '../../../storybook-pages/example-parts';
-export default `<DOCTYPE html>
-<html dir="ltr" lang="en">
-${head('justifi-gross-payment-chart')}
-<body>
-  <justifi-gross-payment-chart></justifi-gross-payment-chart>
-</body>
-</html>`;

package/dist/collection/components/gross-payment-chart/gross-payment-chart.stories.js DELETED Viewed

@@ -1,22 +0,0 @@
-import { config } from "../../../config";
-export default {
-  title: 'Components/GrossPaymentChart',
-  component: 'justifi-gross-payment-chart',
-  parameters: {}
-};
-class GrossChartArgs {
-  constructor(args) {
-    this['auth-token'] = args['auth-token'] || config.proxyAuthToken;
-    this['account-id'] = args['account-id'] || config.exampleAccountId;
-  }
-}
-const Template = (args) => {
-  return (`
-    <justifi-gross-payment-chart
-      auth-token="${args['auth-token']}"
-      account-id="${args['account-id']}"
-    />
-  `);
-};
-export const Basic = Template.bind({});
-Basic.args = new GrossChartArgs({});

package/dist/collection/components/payment-details/example.js DELETED Viewed

@@ -1,12 +0,0 @@
-import { head } from '../../../storybook-pages/example-parts';
-export default `<!DOCTYPE html>
-<html dir="ltr" lang="en">
-${head('justifi-payment-details')}
-<body>
-  <justifi-payment-details></justifi-payment-details>
-</body>
-</html>`;