@justifi/webcomponents 4.7.4 → 4.7.6

package/dist/cjs/business-form-schema-fe831c30.js

@@ -1,148 +0,0 @@
-'use strict';
-
-const index_esm = require('./index.esm-91ec051e.js');
-
-const legalAddressSchema = index_esm.create$3({
-  line1: index_esm.create$6().required('Enter street address'),
-  line2: index_esm.create$6(),
-  city: index_esm.create$6().required('Enter city'),
-  state: index_esm.create$6().required('Select state'),
-  postal_code: index_esm.create$6().required('Enter postal code'),
-  country: index_esm.create$6().required('Select country'),
-});
-
-const BusinessTypeOptions = [
-  {
-    label: 'Choose business type',
-    value: '',
-  },
-  {
-    label: 'Individual',
-    value: 'individual',
-  },
-  {
-    label: 'For Profit',
-    value: 'for_profit',
-  },
-  {
-    label: 'Non Profit',
-    value: 'non_profit',
-  },
-  {
-    label: 'Government Entity',
-    value: 'government_entity',
-  },
-];
-const BusinessStructureOptions = [
-  {
-    label: 'Choose business structure',
-    value: '',
-  },
-  {
-    label: 'Sole Proprietorship',
-    value: 'sole_proprietorship',
-  },
-  {
-    label: 'LLC (Single)',
-    value: 'single_llc',
-  },
-  {
-    label: 'LLC (Multiple)',
-    value: 'multi_llc',
-  },
-  {
-    label: 'Private Partnership',
-    value: 'private_partnership',
-  },
-  {
-    label: 'Private Corporation',
-    value: 'private_corporation',
-  },
-  {
-    label: 'Unincorporated Association',
-    value: 'unincorporated_association',
-  },
-  {
-    label: 'Public Partnership',
-    value: 'public_partnership',
-  },
-  {
-    label: 'Public Corporation',
-    value: 'public_corporation',
-  },
-  {
-    label: 'Incorporated',
-    value: 'incorporated',
-  },
-  {
-    label: 'Unincorporated',
-    value: 'unincorporated',
-  },
-  {
-    label: 'Government Unit',
-    value: 'government_unit',
-  },
-  {
-    label: 'Government Instrumentality',
-    value: 'government_instrumentality',
-  },
-  {
-    label: 'Tax Exempt Government Instrumentality',
-    value: 'tax_exempt_government_instrumentality',
-  },
-];
-const businessGenericInfoSchema = index_esm.create$3({
-  legal_name: index_esm.create$6().required('Enter legal name'),
-  website_url: index_esm.create$6()
-    .url('Enter valid website url')
-    .required('Enter website url'),
-  email: index_esm.create$6().email('Enter valid email').required('Enter email'),
-  phone: index_esm.create$6().required('Enter phone number'),
-  doing_business_as: index_esm.create$6().required('Enter doing business as'),
-  business_type: index_esm.create$6().required('Select business type'),
-  business_structure: index_esm.create$6().required('Select business structure'),
-  industry: index_esm.create$6().required('Enter a business industry'),
-});
-const addressSchema = index_esm.create$3({
-  line1: index_esm.create$6().required('Enter street address'),
-  city: index_esm.create$6().required('Enter city'),
-  state: index_esm.create$6().required('Select state'),
-  postal_code: index_esm.create$6().required('Enter postal code'),
-});
-const representativeSchema = index_esm.create$3({
-  name: index_esm.create$6().required('Enter representative name'),
-  email: index_esm.create$6()
-    .email('Enter valid representative email')
-    .required('Enter representative email'),
-  phone: index_esm.create$6().required('Enter representative phone number'),
-  dob_day: index_esm.create$6().required('Enter representative birth day'),
-  dob_month: index_esm.create$6().required('Enter representative birth month'),
-  dob_year: index_esm.create$6().required('Enter representative birth year'),
-  identification_number: index_esm.create$6(),
-  address: addressSchema,
-});
-const ownerSchema = index_esm.create$3({
-  name: index_esm.create$6().required('Enter owner name'),
-  title: index_esm.create$6().required('Enter owner title'),
-  email: index_esm.create$6()
-    .email('Enter valid owner email')
-    .required('Enter owner email'),
-  phone: index_esm.create$6().required('Enter owner phone number'),
-  dob_day: index_esm.create$6().required('Enter owner birth day'),
-  dob_month: index_esm.create$6().required('Enter owner birth month'),
-  dob_year: index_esm.create$6().required('Enter owner birth year'),
-  identification_number: index_esm.create$6(),
-  is_owner: index_esm.create$7(),
-  address: addressSchema,
-});
-const additionQuestionsSchema = index_esm.create$3({
-  business_revenue: index_esm.create$6().required('Enter business revenue'),
-  business_payment_volume: index_esm.create$6().required('Enter business payment volume'),
-  business_dispute_volume: index_esm.create$6().required('Enter business dispute volume'),
-  business_receivable_volume: index_esm.create$6().required('Enter business receivable volume'),
-});
-const businessFormSchema = index_esm.create$3(Object.assign(Object.assign({}, businessGenericInfoSchema.fields), { legal_address: legalAddressSchema.required('Enater legal address'), additional_questions: additionQuestionsSchema.required('Enter additional questions'), representative: representativeSchema.required('Enter representative information'), owners: index_esm.create$2().of(ownerSchema).min(1, 'Enter at least 1 owners') }));
-
-exports.BusinessStructureOptions = BusinessStructureOptions;
-exports.BusinessTypeOptions = BusinessTypeOptions;
-exports.businessFormSchema = businessFormSchema;

package/dist/cjs/config-a156df17.js

@@ -1,15 +0,0 @@
-'use strict';
-
-const config = {
-  iframeOrigin: 'https://js.justifi.ai/v2',
-  proxyApiOrigin: 'https://wc-proxy.justifi.ai',
-  proxyAuthToken: 'eyJraWQiOiJqdXN0aWZpLWUyNDgyMmU3ODE1MmEzZjRkMjU1IiwidHlwIjoiSldUIiwiYWxnIjoiUlMyNTYifQ.eyJpc3MiOiJodHRwczovL2F1dGguanVzdGlmaS5haS8iLCJhenAiOiJvYXNfMmlsWHBqOHQ2WVlEQ0xWU0FiVFczMiIsInN1YiI6Im9hc18yaWxYcGo4dDZZWURDTFZTQWJUVzMyQHNlc3Npb25zIiwiYXVkIjoiaHR0cHM6Ly9hcGkuanVzdGlmaS5haS92MSIsImd0eSI6ImNsaWVudC1jcmVkZW50aWFscyIsInBlcm1pc3Npb25zIjpbeyJyb2xlIjoicmVhZDphY2NvdW50IiwicmVzb3VyY2VfaWQiOiJhY2NfNUV0OWlYclNTQVpSMktTb3VRR0FXaSJ9LHsicm9sZSI6InJlYWQ6YnVzaW5lc3MiLCJyZXNvdXJjZV9pZCI6ImJpel8zYmg2OWJxMXJrM2RtWE5vQUtWb251In1dLCJleHAiOjE3MTE1NTk0MTQsImlhdCI6MTcwMzc4MzQxNCwicGxhdGZvcm1fYWNjb3VudF9pZCI6ImFjY18zcmVOYjRhTll5MmlXRFpRVmN6bXg0In0.oPOoDYxzrnpE8PRUaz-FCU4KqnSuNbFTeDkl3AtMscjUkIctP1OIFh-ZGBjbH5eVH5noXCbaiin0j92dS7jx4gLpxuYT2Q8gpZbuIsT7fa58elvGeRkUUJ-AC5ueZxlv90yPWMm0OIbyrV7XZhuwYyKbV-ZczEbl2JpvBMe40CM-LdClQV66d_-Kw9a23SabBVfYgP5V-5OsagOIESvzZoO-27tGlNkV2a-hxqddDCOZv0HvRYAtp5S7EQrmRdEBu5gCNbf1eRFG424hxZUFVr2LdetYuKQLxJjDdUjf86ZwEUecrEaDSupiN1VC3CitdOwBVf6-R_N0VpN4VLVD5g',
-  exampleAccountId: 'acc_5Et9iXrSSAZR2KSouQGAWi',
-  exampleBusinessId: 'biz_3bh69bq1rk3dmXNoAKVonu',
-  examplePaymentId: 'py_1NNeEnf4FbelxDCQN2RHcE',
-  examplePayoutId: 'po_17745yESnHyEgWNeunmhmR',
-  privateApiOrigin: '',
-  privateAuthToken: '',
-};
-
-exports.config = config;

package/dist/cjs/helpers-c505d861.js

@@ -1,26 +0,0 @@
-'use strict';
-
-// These props should not be sent to the server
-const parseForPatching = (data) => {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
-  delete data.id;
-  delete data.documents;
-  delete data.bank_accounts;
-  delete data.product_categories;
-  delete data.created_at;
-  delete data.updated_at;
-  (_a = data.legal_address) === null || _a === void 0 ? true : delete _a.id;
-  (_b = data.legal_address) === null || _b === void 0 ? true : delete _b.created_at;
-  (_c = data.legal_address) === null || _c === void 0 ? true : delete _c.updated_at;
-  (_d = data.representative) === null || _d === void 0 ? true : delete _d.id;
-  (_e = data.representative) === null || _e === void 0 ? true : delete _e.documents;
-  (_f = data.representative) === null || _f === void 0 ? true : delete _f.created_at;
-  (_g = data.representative) === null || _g === void 0 ? true : delete _g.updated_at;
-  (_h = data.representative) === null || _h === void 0 ? true : delete _h.address.id;
-  (_j = data.representative) === null || _j === void 0 ? true : delete _j.address.created_at;
-  (_k = data.representative) === null || _k === void 0 ? true : delete _k.address.updated_at;
-  delete data.owners;
-  return data;
-};
-
-exports.parseForPatching = parseForPatching;

package/dist/cjs/state-options-83b52cd1.js

@@ -1,246 +0,0 @@
-'use strict';
-
-const StateOptions = [
-  {
-    label: 'Choose state',
-    value: '',
-  },
-  {
-    label: 'Alabama',
-    value: 'AL',
-  },
-  {
-    label: 'Alaska',
-    value: 'AK',
-  },
-  {
-    label: 'American Samoa',
-    value: 'AS',
-  },
-  {
-    label: 'Arizona',
-    value: 'AZ',
-  },
-  {
-    label: 'Arkansas',
-    value: 'AR',
-  },
-  {
-    label: 'California',
-    value: 'CA',
-  },
-  {
-    label: 'Colorado',
-    value: 'CO',
-  },
-  {
-    label: 'Connecticut',
-    value: 'CT',
-  },
-  {
-    label: 'Delaware',
-    value: 'DE',
-  },
-  {
-    label: 'District Of Columbia',
-    value: 'DC',
-  },
-  {
-    label: 'Federated States Of Micronesia',
-    value: 'FM',
-  },
-  {
-    label: 'Florida',
-    value: 'FL',
-  },
-  {
-    label: 'Georgia',
-    value: 'GA',
-  },
-  {
-    label: 'Guam',
-    value: 'GU',
-  },
-  {
-    label: 'Hawaii',
-    value: 'HI',
-  },
-  {
-    label: 'Idaho',
-    value: 'ID',
-  },
-  {
-    label: 'Illinois',
-    value: 'IL',
-  },
-  {
-    label: 'Indiana',
-    value: 'IN',
-  },
-  {
-    label: 'Iowa',
-    value: 'IA',
-  },
-  {
-    label: 'Kansas',
-    value: 'KS',
-  },
-  {
-    label: 'Kentucky',
-    value: 'KY',
-  },
-  {
-    label: 'Louisiana',
-    value: 'LA',
-  },
-  {
-    label: 'Maine',
-    value: 'ME',
-  },
-  {
-    label: 'Marshall Islands',
-    value: 'MH',
-  },
-  {
-    label: 'Maryland',
-    value: 'MD',
-  },
-  {
-    label: 'Massachusetts',
-    value: 'MA',
-  },
-  {
-    label: 'Michigan',
-    value: 'MI',
-  },
-  {
-    label: 'Minnesota',
-    value: 'MN',
-  },
-  {
-    label: 'Mississippi',
-    value: 'MS',
-  },
-  {
-    label: 'Missouri',
-    value: 'MO',
-  },
-  {
-    label: 'Montana',
-    value: 'MT',
-  },
-  {
-    label: 'Nebraska',
-    value: 'NE',
-  },
-  {
-    label: 'Nevada',
-    value: 'NV',
-  },
-  {
-    label: 'New Hampshire',
-    value: 'NH',
-  },
-  {
-    label: 'New Jersey',
-    value: 'NJ',
-  },
-  {
-    label: 'New Mexico',
-    value: 'NM',
-  },
-  {
-    label: 'New York',
-    value: 'NY',
-  },
-  {
-    label: 'North Carolina',
-    value: 'NC',
-  },
-  {
-    label: 'North Dakota',
-    value: 'ND',
-  },
-  {
-    label: 'Northern Mariana Islands',
-    value: 'MP',
-  },
-  {
-    label: 'Ohio',
-    value: 'OH',
-  },
-  {
-    label: 'Oklahoma',
-    value: 'OK',
-  },
-  {
-    label: 'Oregon',
-    value: 'OR',
-  },
-  {
-    label: 'Palau',
-    value: 'PW',
-  },
-  {
-    label: 'Pennsylvania',
-    value: 'PA',
-  },
-  {
-    label: 'Puerto Rico',
-    value: 'PR',
-  },
-  {
-    label: 'Rhode Island',
-    value: 'RI',
-  },
-  {
-    label: 'South Carolina',
-    value: 'SC',
-  },
-  {
-    label: 'South Dakota',
-    value: 'SD',
-  },
-  {
-    label: 'Tennessee',
-    value: 'TN',
-  },
-  {
-    label: 'Texas',
-    value: 'TX',
-  },
-  {
-    label: 'Utah',
-    value: 'UT',
-  },
-  {
-    label: 'Vermont',
-    value: 'VT',
-  },
-  {
-    label: 'Virgin Islands',
-    value: 'VI',
-  },
-  {
-    label: 'Virginia',
-    value: 'VA',
-  },
-  {
-    label: 'Washington',
-    value: 'WA',
-  },
-  {
-    label: 'West Virginia',
-    value: 'WV',
-  },
-  {
-    label: 'Wisconsin',
-    value: 'WI',
-  },
-  {
-    label: 'Wyoming',
-    value: 'WY',
-  },
-];
-
-exports.StateOptions = StateOptions;

package/dist/cjs/utils-a47b2e73.js

@@ -1,35 +0,0 @@
-'use strict';
-
-const index = require('./index-c5ace247.js');
-
-const LoadingState = (index.h("main", { part: "detail-loading-state", class: "p-4 d-flex justify-content-center text-center", style: { fontSize: '1.2rem' } },
-  index.h("div", { part: "detail-loading-spinner", class: "spinner-border spinner-border-sm", role: "status" },
-    index.h("span", { class: "visually-hidden" }, "Loading..."))));
-const ErrorState = (errorMessage) => (index.h("main", { part: "detail-empty-state", class: "p-4 d-flex justify-content-center text-center", style: { fontSize: '1.2rem' } },
-  index.h("div", null, errorMessage)));
-const DetailSection = ({ sectionTitle }, children) => (index.h("div", { part: "detail-section", class: "mt-4" },
-  index.h("h5", { part: "detail-section-title" }, sectionTitle),
-  index.h("hr", null),
-  index.h("div", { class: "d-table gap-2 w-100" }, children)));
-const DetailItem = ({ title, value, }) => title && value ? (index.h("div", { class: "d-table-row gap-2" },
-  index.h("span", { part: "detail-section-item-title", class: "fw-bold d-table-cell px-2" }, title),
-  index.h("span", { part: "detail-section-item-data", class: "flex-1 d-table-cell px-2 text-wrap", innerHTML: value }))) : null;
-const EntityHeadInfoItem = ({ title, value, classes, }) => (index.h("div", { part: "detail-head-info-item", class: `d-flex flex-column ${classes}` },
-  index.h("span", { part: "detail-head-info-item-title", class: "fw-bold border-1 border-bottom ps-2 pe-2" }, title),
-  index.h("span", { part: "detail-head-info-item-data", class: "pt-2 ps-2 pe-2" }, value)));
-const EntityHeadInfo = ({ title, slot, badge }, children) => (index.h("div", { slot: slot, part: "detail-head", class: "p-2" },
-  index.h("div", { class: "d-flex flex-row align-items-center gap-2 mb-2" },
-    index.h("h1", { class: "m-0", part: "detail-title" }, title),
-    badge),
-  index.h("div", { part: "detail-head-info", class: "d-flex flex-row align-items-top" }, children)));
-const CodeBlock = ({ metadata }) => metadata && Object.keys(metadata).length ? (index.h("div", { class: 'mt-4' },
-  index.h("pre", { part: "detail-metadata", class: "p-2", "aria-label": "metadata content" },
-    index.h("code", null, JSON.stringify(metadata, null, 2))))) : null;
-
-exports.CodeBlock = CodeBlock;
-exports.DetailItem = DetailItem;
-exports.DetailSection = DetailSection;
-exports.EntityHeadInfo = EntityHeadInfo;
-exports.EntityHeadInfoItem = EntityHeadInfoItem;
-exports.ErrorState = ErrorState;
-exports.LoadingState = LoadingState;

package/dist/collection/components/bank-account-form/bank-account-form.stories.js

@@ -1,132 +0,0 @@
-import { config } from "../../../config";
-const CSSVars = `
---jfi-load-google-font: 'Roboto Mono:wght@200;400;700;900&family=Agdasima';
---jfi-layout-font-family: Roboto Mono;
---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: 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;
-`;
-export default {
-  title: 'Components/BankAccountForm',
-  component: 'justifi-bank-account-form',
-  argTypes: {
-    'css-variables': {
-      control: 'text',
-      table: {
-        category: 'props',
-        defaultValue: CSSVars,
-      },
-    },
-    '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 (bankForm) => {
-  const valid = await bankForm.validate();
-  console.log(valid);
-};
-const handleTokenizeClick = async (bankForm, paymentMethodData) => {
-  const tokenizeResponse = await bankForm.tokenize('CLIENT_ID', paymentMethodData);
-  console.log(tokenizeResponse);
-};
-const handleResizeClick = async (bankForm) => {
-  await bankForm.resize();
-};
-const handleReady = () => {
-  console.log('bank account form is ready');
-  const bankForm = document.querySelector('justifi-bank-account-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(bankForm);
-  });
-  tokenizeBtn === null || tokenizeBtn === void 0 ? void 0 : tokenizeBtn.addEventListener('click', () => {
-    handleTokenizeClick(bankForm, {});
-  });
-  resizeBtn === null || resizeBtn === void 0 ? void 0 : resizeBtn.addEventListener('click', () => {
-    handleResizeClick(bankForm);
-  });
-};
-const addEvents = () => {
-  addEventListener('bankAccountFormReady', handleReady);
-};
-const FormButtons = `
-  <style>
-    .button-bar {
-      display: flex;
-      aligin-items: center;
-      padding: 10px;
-    }
-    .button-bar button {
-      margin-right: 10px;
-    }
-  </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) => {
-  return `
-    <div>
-      <style>
-      :root {
-        ${args['css-variables'] || ''}
-      }
-      </style>
-      <justifi-bank-account-form
-        data-testid="bank-account-form-iframe"
-        validation-mode='${args['validation-mode'] || 'onSubmit'}'
-        iframe-origin='${config.iframeOrigin}'
-      />
-    </div>
-    ${FormButtons}
-  `;
-};
-export const Basic = Template.bind({});
-export const Styled = Template.bind({});
-Styled.args = {
-  'css-variables': CSSVars,
-};

package/dist/collection/components/bank-account-form/example.js

@@ -1,54 +0,0 @@
-import { head } from '../../../storybook-pages/example-parts';
-
-export default `<!DOCTYPE html>
-<html dir="ltr" lang="en">
-
-${head('bank-account-form')}
-
-<body>
-  <justifi-bank-account-form></justifi-bank-account-form>
-  <button type="submit" id="bank-submit-button">Tokenize</button>
-  <button type="submit" id="bank-validate-button">Validate</button>
-</body>
-
-<script>
-  (function () {
-    // Bank account form component
-    var bankAccountForm = document.querySelector('justifi-bank-account-form');
-    var bankAccountSubmitButton = document.querySelector('#bank-submit-button');
-    var bankAccountValidateButton = document.querySelector('#bank-validate-button');
-
-    bankAccountForm.addEventListener('bankAccountFormReady', function () {
-      console.log('justifi-bank-account-form ready');
-    });
-
-    bankAccountSubmitButton.addEventListener('click', (event) => {
-      console.log('bank account form tokenize button clicked');
-      // All of this information would come from your form instead of being hard coded
-      // Account / routing number are collected on our iframe
-      const paymentMethodData = {
-        name: 'John Doe', // can also pass account_owner_name
-        account_type: 'checking', // checking or savings
-        account_owner_type: 'individual' // individual or company
-      };
-      // ACCOUNT_ID is optional, currently required for platforms
-      // ACCOUNT_ID is the seller account for which you are tokenizing
-      bankAccountForm.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-bank-account-form tokenized: ', data);
-        })
-    });
-
-    bankAccountValidateButton.addEventListener('click', (event) => {
-      console.log('bank account validate button clicked');
-      bankAccountForm.validate()
-        .then((data) => {
-          console.log('justifi-bank-account-form validated. Is valid? ', data.isValid);
-        });
-    });
-  })();
-</script>
-
-</html>`;