@justifi/webcomponents 4.6.4 → 4.7.0-rc.1

package/dist/collection/api/mockData/MockSubAccount.js

@@ -0,0 +1,103 @@
+import { AccountType, SubAccount, SubAccountStatusType } from "../SubAccount";
+const mockApplicationFeeRates = [
+  {
+    id: 'afr_4UEFuq5nmOiYzalV6RgOWR',
+    transaction_fee: 125,
+    currency: 'usd',
+    basis_point_rate: 450,
+    rate_type: 'cc',
+    created_at: '2022-08-04T20:39:48.422Z',
+    updated_at: '2022-08-04T20:39:48.422Z'
+  },
+  {
+    id: 'afr_4UEFuq5nmOiYzalV6RgOWR',
+    transaction_fee: 65,
+    currency: 'usd',
+    basis_point_rate: 0,
+    rate_type: 'ach',
+    created_at: '2022-08-04T20:39:48.422Z',
+    updated_at: '2022-08-04T20:39:48.422Z'
+  }
+];
+const mockSubAccounts = [
+  new SubAccount({
+    account_type: AccountType.test,
+    application_fee_rates: mockApplicationFeeRates,
+    created_at: '2022-08-04T20:39:48.422Z',
+    currency: 'usd',
+    id: 'acc_597EUDlyPqYRaEQiwVuMaB',
+    name: 'SubAccount for Automation Partner Platform',
+    payout_ready: true,
+    platform_account_id: 'acc_4RpG4m5z1gOjti3VecMqfe',
+    processing_ready: false,
+    status: SubAccountStatusType.enabled,
+    updated_at: '2022-08-04T20:39:48.422Z'
+  }),
+  new SubAccount({
+    account_type: AccountType.test,
+    application_fee_rates: mockApplicationFeeRates,
+    created_at: '2022-07-04T20:39:21.422Z',
+    currency: 'usd',
+    id: 'acc_597EUDlyPqYRaEQiwVullC',
+    name: 'An Awesome SubAccount',
+    payout_ready: false,
+    platform_account_id: 'acc_4RpG4m5z1gOjti3VecMqfe',
+    processing_ready: true,
+    status: SubAccountStatusType.disabled,
+    updated_at: '2022-07-04T20:39:21.422Z'
+  }),
+  new SubAccount({
+    account_type: AccountType.test,
+    application_fee_rates: mockApplicationFeeRates,
+    created_at: '2022-07-04T20:39:21.422Z',
+    currency: 'usd',
+    id: 'acc_597EUDlyPqYRaEQiwFfffpp',
+    name: 'Better SubAccount',
+    payout_ready: false,
+    platform_account_id: 'acc_4RpG4m5z1gOjti3VecMqfe',
+    processing_ready: true,
+    status: SubAccountStatusType.submitted,
+    updated_at: '2022-06-04T20:39:21.422Z'
+  }),
+  new SubAccount({
+    account_type: AccountType.test,
+    application_fee_rates: mockApplicationFeeRates,
+    created_at: '2022-07-04T20:39:21.422Z',
+    currency: 'usd',
+    id: 'acc_597EUDlyPqYRaEQiwYucci',
+    name: 'Other seller',
+    payout_ready: false,
+    platform_account_id: 'acc_4RpG4m5z1gOjti3VecMqfe',
+    processing_ready: true,
+    status: SubAccountStatusType.rejected,
+    updated_at: '2022-05-04T20:39:21.422Z'
+  }),
+  new SubAccount({
+    account_type: AccountType.test,
+    application_fee_rates: mockApplicationFeeRates,
+    created_at: '2022-07-04T20:39:21.422Z',
+    currency: 'usd',
+    id: 'acc_597EUDlyPqYRaEQiwVullD',
+    name: 'Zebra SubAccount',
+    payout_ready: false,
+    platform_account_id: 'acc_4RpG4m5z1gOjti3VecMqfe',
+    processing_ready: true,
+    status: SubAccountStatusType.information_needed,
+    updated_at: '2022-04-04T20:39:21.422Z'
+  }),
+  new SubAccount({
+    account_type: AccountType.test,
+    application_fee_rates: mockApplicationFeeRates,
+    created_at: '2022-07-04T20:39:21.422Z',
+    currency: 'usd',
+    id: 'acc_597EUDlyPqYRaEQiwVullE',
+    name: 'Cellar SubAccount',
+    payout_ready: false,
+    platform_account_id: 'acc_4RpG4m5z1gOjti3VecMqfe',
+    processing_ready: true,
+    status: SubAccountStatusType.created,
+    updated_at: '2022-03-04T20:39:21.422Z'
+  })
+];
+export default mockSubAccounts;
+//# sourceMappingURL=MockSubAccount.js.map

package/dist/collection/api/mockData/MockSubAccount.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MockSubAccount.js","sourceRoot":"","sources":["../../../../src/api/mockData/MockSubAccount.ts"],"names":[],"mappings":"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","sourcesContent":["import { AccountType, ApplicationFeeRate, SubAccount, SubAccountStatusType } from \"../SubAccount\";\n\nconst mockApplicationFeeRates: ApplicationFeeRate[] = [\n  {\n    id: 'afr_4UEFuq5nmOiYzalV6RgOWR',\n    transaction_fee: 125,\n    currency: 'usd',\n    basis_point_rate: 450,\n    rate_type: 'cc',\n    created_at: '2022-08-04T20:39:48.422Z',\n    updated_at: '2022-08-04T20:39:48.422Z'\n  },\n  {\n    id: 'afr_4UEFuq5nmOiYzalV6RgOWR',\n    transaction_fee: 65,\n    currency: 'usd',\n    basis_point_rate: 0,\n    rate_type: 'ach',\n    created_at: '2022-08-04T20:39:48.422Z',\n    updated_at: '2022-08-04T20:39:48.422Z'\n  }\n];\n\nconst mockSubAccounts = [\n  new SubAccount({\n    account_type: AccountType.test,\n    application_fee_rates: mockApplicationFeeRates,\n    created_at: '2022-08-04T20:39:48.422Z',\n    currency: 'usd',\n    id: 'acc_597EUDlyPqYRaEQiwVuMaB',\n    name: 'SubAccount for Automation Partner Platform',\n    payout_ready: true,\n    platform_account_id: 'acc_4RpG4m5z1gOjti3VecMqfe',\n    processing_ready: false,\n    status: SubAccountStatusType.enabled,\n    updated_at: '2022-08-04T20:39:48.422Z'\n  }),\n  new SubAccount({\n    account_type: AccountType.test,\n    application_fee_rates: mockApplicationFeeRates,\n    created_at: '2022-07-04T20:39:21.422Z',\n    currency: 'usd',\n    id: 'acc_597EUDlyPqYRaEQiwVullC',\n    name: 'An Awesome SubAccount',\n    payout_ready: false,\n    platform_account_id: 'acc_4RpG4m5z1gOjti3VecMqfe',\n    processing_ready: true,\n    status: SubAccountStatusType.disabled,\n    updated_at: '2022-07-04T20:39:21.422Z'\n  }),\n  new SubAccount({\n    account_type: AccountType.test,\n    application_fee_rates: mockApplicationFeeRates,\n    created_at: '2022-07-04T20:39:21.422Z',\n    currency: 'usd',\n    id: 'acc_597EUDlyPqYRaEQiwFfffpp',\n    name: 'Better SubAccount',\n    payout_ready: false,\n    platform_account_id: 'acc_4RpG4m5z1gOjti3VecMqfe',\n    processing_ready: true,\n    status: SubAccountStatusType.submitted,\n    updated_at: '2022-06-04T20:39:21.422Z'\n  }),\n  new SubAccount({\n    account_type: AccountType.test,\n    application_fee_rates: mockApplicationFeeRates,\n    created_at: '2022-07-04T20:39:21.422Z',\n    currency: 'usd',\n    id: 'acc_597EUDlyPqYRaEQiwYucci',\n    name: 'Other seller',\n    payout_ready: false,\n    platform_account_id: 'acc_4RpG4m5z1gOjti3VecMqfe',\n    processing_ready: true,\n    status: SubAccountStatusType.rejected,\n    updated_at: '2022-05-04T20:39:21.422Z'\n  }),\n  new SubAccount({\n    account_type: AccountType.test,\n    application_fee_rates: mockApplicationFeeRates,\n    created_at: '2022-07-04T20:39:21.422Z',\n    currency: 'usd',\n    id: 'acc_597EUDlyPqYRaEQiwVullD',\n    name: 'Zebra SubAccount',\n    payout_ready: false,\n    platform_account_id: 'acc_4RpG4m5z1gOjti3VecMqfe',\n    processing_ready: true,\n    status: SubAccountStatusType.information_needed,\n    updated_at: '2022-04-04T20:39:21.422Z'\n  }),\n  new SubAccount({\n    account_type: AccountType.test,\n    application_fee_rates: mockApplicationFeeRates,\n    created_at: '2022-07-04T20:39:21.422Z',\n    currency: 'usd',\n    id: 'acc_597EUDlyPqYRaEQiwVullE',\n    name: 'Cellar SubAccount',\n    payout_ready: false,\n    platform_account_id: 'acc_4RpG4m5z1gOjti3VecMqfe',\n    processing_ready: true,\n    status: SubAccountStatusType.created,\n    updated_at: '2022-03-04T20:39:21.422Z'\n  })\n];\n\nexport default mockSubAccounts;"]}

package/dist/collection/api/mockData/mockGrossVolumeReport.js

@@ -0,0 +1,126 @@
+export const mockGrossVolumeReport = {
+  total: 238534158,
+  dates: [
+    {
+      date: "2023-12-13",
+      value: 14716057
+    },
+    {
+      date: "2023-12-12",
+      value: 5115042
+    },
+    {
+      date: "2023-12-11",
+      value: 5230555
+    },
+    {
+      date: "2023-12-10",
+      value: 3037618
+    },
+    {
+      date: "2023-12-09",
+      value: 3788553
+    },
+    {
+      date: "2023-12-08",
+      value: 8315442
+    },
+    {
+      date: "2023-12-07",
+      value: 13121572
+    },
+    {
+      date: "2023-12-06",
+      value: 13627049
+    },
+    {
+      date: "2023-12-05",
+      value: 8943872
+    },
+    {
+      date: "2023-12-04",
+      value: 16492904
+    },
+    {
+      date: "2023-12-03",
+      value: 3383167
+    },
+    {
+      date: "2023-12-02",
+      value: 3552343
+    },
+    {
+      date: "2023-12-01",
+      value: 5013040
+    },
+    {
+      date: "2023-11-30",
+      value: 15019397
+    },
+    {
+      date: "2023-11-29",
+      value: 11843948
+    },
+    {
+      date: "2023-11-28",
+      value: 5197866
+    },
+    {
+      date: "2023-11-27",
+      value: 8391006
+    },
+    {
+      date: "2023-11-26",
+      value: 3681388
+    },
+    {
+      date: "2023-11-25",
+      value: 3307336
+    },
+    {
+      date: "2023-11-24",
+      value: 11746683
+    },
+    {
+      date: "2023-11-23",
+      value: 6762045
+    },
+    {
+      date: "2023-11-22",
+      value: 4848777
+    },
+    {
+      date: "2023-11-21",
+      value: 6594568
+    },
+    {
+      date: "2023-11-20",
+      value: 16594458
+    },
+    {
+      date: "2023-11-19",
+      value: 3444383
+    },
+    {
+      date: "2023-11-18",
+      value: 3606620
+    },
+    {
+      date: "2023-11-17",
+      value: 4817040
+    },
+    {
+      date: "2023-11-16",
+      value: 14775453
+    },
+    {
+      date: "2023-11-15",
+      value: 6694476
+    },
+    {
+      date: "2023-11-14",
+      value: 6871500
+    }
+  ]
+};
+//# sourceMappingURL=mockGrossVolumeReport.js.map

package/dist/collection/api/mockData/mockGrossVolumeReport.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mockGrossVolumeReport.js","sourceRoot":"","sources":["../../../../src/api/mockData/mockGrossVolumeReport.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,qBAAqB,GAAG;EACnC,KAAK,EAAE,SAAS;EAChB,KAAK,EAAE;IACL;MACE,IAAI,EAAE,YAAY;MAClB,KAAK,EAAE,QAAQ;KAChB;IACD;MACE,IAAI,EAAE,YAAY;MAClB,KAAK,EAAE,OAAO;KACf;IACD;MACE,IAAI,EAAE,YAAY;MAClB,KAAK,EAAE,OAAO;KACf;IACD;MACE,IAAI,EAAE,YAAY;MAClB,KAAK,EAAE,OAAO;KACf;IACD;MACE,IAAI,EAAE,YAAY;MAClB,KAAK,EAAE,OAAO;KACf;IACD;MACE,IAAI,EAAE,YAAY;MAClB,KAAK,EAAE,OAAO;KACf;IACD;MACE,IAAI,EAAE,YAAY;MAClB,KAAK,EAAE,QAAQ;KAChB;IACD;MACE,IAAI,EAAE,YAAY;MAClB,KAAK,EAAE,QAAQ;KAChB;IACD;MACE,IAAI,EAAE,YAAY;MAClB,KAAK,EAAE,OAAO;KACf;IACD;MACE,IAAI,EAAE,YAAY;MAClB,KAAK,EAAE,QAAQ;KAChB;IACD;MACE,IAAI,EAAE,YAAY;MAClB,KAAK,EAAE,OAAO;KACf;IACD;MACE,IAAI,EAAE,YAAY;MAClB,KAAK,EAAE,OAAO;KACf;IACD;MACE,IAAI,EAAE,YAAY;MAClB,KAAK,EAAE,OAAO;KACf;IACD;MACE,IAAI,EAAE,YAAY;MAClB,KAAK,EAAE,QAAQ;KAChB;IACD;MACE,IAAI,EAAE,YAAY;MAClB,KAAK,EAAE,QAAQ;KAChB;IACD;MACE,IAAI,EAAE,YAAY;MAClB,KAAK,EAAE,OAAO;KACf;IACD;MACE,IAAI,EAAE,YAAY;MAClB,KAAK,EAAE,OAAO;KACf;IACD;MACE,IAAI,EAAE,YAAY;MAClB,KAAK,EAAE,OAAO;KACf;IACD;MACE,IAAI,EAAE,YAAY;MAClB,KAAK,EAAE,OAAO;KACf;IACD;MACE,IAAI,EAAE,YAAY;MAClB,KAAK,EAAE,QAAQ;KAChB;IACD;MACE,IAAI,EAAE,YAAY;MAClB,KAAK,EAAE,OAAO;KACf;IACD;MACE,IAAI,EAAE,YAAY;MAClB,KAAK,EAAE,OAAO;KACf;IACD;MACE,IAAI,EAAE,YAAY;MAClB,KAAK,EAAE,OAAO;KACf;IACD;MACE,IAAI,EAAE,YAAY;MAClB,KAAK,EAAE,QAAQ;KAChB;IACD;MACE,IAAI,EAAE,YAAY;MAClB,KAAK,EAAE,OAAO;KACf;IACD;MACE,IAAI,EAAE,YAAY;MAClB,KAAK,EAAE,OAAO;KACf;IACD;MACE,IAAI,EAAE,YAAY;MAClB,KAAK,EAAE,OAAO;KACf;IACD;MACE,IAAI,EAAE,YAAY;MAClB,KAAK,EAAE,QAAQ;KAChB;IACD;MACE,IAAI,EAAE,YAAY;MAClB,KAAK,EAAE,OAAO;KACf;IACD;MACE,IAAI,EAAE,YAAY;MAClB,KAAK,EAAE,OAAO;KACf;GACF;CACF,CAAA","sourcesContent":["export const mockGrossVolumeReport = {\n  total: 238534158,\n  dates: [\n    {\n      date: \"2023-12-13\",\n      value: 14716057\n    },\n    {\n      date: \"2023-12-12\",\n      value: 5115042\n    },\n    {\n      date: \"2023-12-11\",\n      value: 5230555\n    },\n    {\n      date: \"2023-12-10\",\n      value: 3037618\n    },\n    {\n      date: \"2023-12-09\",\n      value: 3788553\n    },\n    {\n      date: \"2023-12-08\",\n      value: 8315442\n    },\n    {\n      date: \"2023-12-07\",\n      value: 13121572\n    },\n    {\n      date: \"2023-12-06\",\n      value: 13627049\n    },\n    {\n      date: \"2023-12-05\",\n      value: 8943872\n    },\n    {\n      date: \"2023-12-04\",\n      value: 16492904\n    },\n    {\n      date: \"2023-12-03\",\n      value: 3383167\n    },\n    {\n      date: \"2023-12-02\",\n      value: 3552343\n    },\n    {\n      date: \"2023-12-01\",\n      value: 5013040\n    },\n    {\n      date: \"2023-11-30\",\n      value: 15019397\n    },\n    {\n      date: \"2023-11-29\",\n      value: 11843948\n    },\n    {\n      date: \"2023-11-28\",\n      value: 5197866\n    },\n    {\n      date: \"2023-11-27\",\n      value: 8391006\n    },\n    {\n      date: \"2023-11-26\",\n      value: 3681388\n    },\n    {\n      date: \"2023-11-25\",\n      value: 3307336\n    },\n    {\n      date: \"2023-11-24\",\n      value: 11746683\n    },\n    {\n      date: \"2023-11-23\",\n      value: 6762045\n    },\n    {\n      date: \"2023-11-22\",\n      value: 4848777\n    },\n    {\n      date: \"2023-11-21\",\n      value: 6594568\n    },\n    {\n      date: \"2023-11-20\",\n      value: 16594458\n    },\n    {\n      date: \"2023-11-19\",\n      value: 3444383\n    },\n    {\n      date: \"2023-11-18\",\n      value: 3606620\n    },\n    {\n      date: \"2023-11-17\",\n      value: 4817040\n    },\n    {\n      date: \"2023-11-16\",\n      value: 14775453\n    },\n    {\n      date: \"2023-11-15\",\n      value: 6694476\n    },\n    {\n      date: \"2023-11-14\",\n      value: 6871500\n    }\n  ]\n}"]}

package/dist/collection/assets/info-icon.svg

@@ -0,0 +1,5 @@
+<svg width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
+  <circle cx="8" cy="8" r="7.5" fill="none" stroke="black" stroke-width="1"/>
+  <path d="M7.5,5 L8.5,5 L8.5,11 L7.5,11 Z" fill="black"/>
+  <circle cx="8" cy="4" r="0.5" fill="black"/>
+</svg>

package/dist/collection/collection-manifest.json

@@ -3,12 +3,20 @@
     "components/bank-account-form/bank-account-form.js",
     "components/payment-method-form/payment-method-form.js",
     "components/billing-form/billing-form.js",
+    "components/business-details/business-details.js",
+    "components/business-details/additional-questions-details/additional-questions-details.js",
+    "components/business-details/generic-info-details/generic-info-details.js",
+    "components/business-details/legal-address-details/legal-address-details.js",
+    "components/business-details/owner-details/owner-details.js",
+    "components/business-details/representative-details/representative-details.js",
+    "components/business-form/business-form-stepped.js",
     "components/business-form/business-form.js",
     "components/business-form/additional-questions/additional-questions.js",
     "components/business-form/business-address/business-address-form.js",
     "components/business-form/business-generic-info/business-generic-info.js",
     "components/business-form/business-owners/business-owners.js",
     "components/business-form/business-representative/business-representative.js",
+    "components/business-form/legal-address-form/legal-address-form.js",
     "components/business-list/business-list.js",
     "components/card-form/card-form.js",
     "components/details/details.js",
@@ -18,7 +26,9 @@
     "components/form/form-control-number.js",
     "components/form/form-control-select.js",
     "components/form/form-control-text.js",
-    "components/legal-address-form/legal-address-form.js",
+    "components/gross-payment-chart/gross-payment-chart.js",
+    "components/pagination-menu/pagination-menu.js",
+    "components/payment-balance-transactions/payment-balance-transactions.js",
     "components/payment-details/payment-details.js",
     "components/payment-form/payment-form.js",
     "components/payment-form/payment-method-selector.js",
@@ -26,7 +36,16 @@
     "components/payout-details/payout-details.js",
     "components/payouts-list/payouts-list.js",
     "components/proceeds-list/proceeds-list.js",
+    "components/refund-form/refund-form.js",
     "components/select-input/select-input.js",
+    "components/subaccount-details/subaccount-details.js",
+    "components/subaccount-details/subaccount-account-details/subaccount-account-details.js",
+    "components/subaccount-details/subaccount-bank-details/subaccount-bank-details.js",
+    "components/subaccount-details/subaccount-merchant-details/subaccount-merchant-details.js",
+    "components/subaccount-details/subaccount-owners-details/subaccount-owners-details.js",
+    "components/subaccount-details/subaccount-representative-details/subaccount-representative-details.js",
+    "components/subaccount-details/subaccount-terms-details/subaccount-terms-details.js",
+    "components/subaccounts-list/subaccounts-list.js",
     "components/table/table.js",
     "components/text-input/text-input.js"
   ],

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

@@ -1,4 +1,4 @@
-const isDev = process.env.NODE_ENV === 'development';
+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;
@@ -38,13 +38,6 @@ export default {
   title: 'Components/BankAccountForm',
   component: 'justifi-bank-account-form',
   argTypes: {
-    'iframe-origin': {
-      control: 'text',
-      table: {
-        disable: isDev ? false : true,
-        category: 'props',
-      },
-    },
     'css-variables': {
       control: 'text',
       table: {
@@ -126,7 +119,7 @@ const Template = (args) => {
       <justifi-bank-account-form
         data-testid="bank-account-form-iframe"
         validation-mode='${args['validation-mode'] || 'onSubmit'}'
-        iframe-origin='${args['iframe-origin'] || ''}'
+        iframe-origin='${config.iframeOrigin}'
       />
     </div>
     ${FormButtons}

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

@@ -1 +1 @@
-{"version":3,"file":"bank-account-form.stories.js","sourceRoot":"","sources":["../../../../src/components/bank-account-form/bank-account-form.stories.ts"],"names":[],"mappings":"AAAA,MAAM,KAAK,GAAG,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,aAAa,CAAC;AACrD,MAAM,OAAO,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkCf,CAAC;AAEF,eAAe;EACb,KAAK,EAAE,4BAA4B;EACnC,SAAS,EAAE,2BAA2B;EACtC,QAAQ,EAAE;IACR,eAAe,EAAE;MACf,OAAO,EAAE,MAAM;MACf,KAAK,EAAE;QACL,OAAO,EAAE,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI;QAC7B,QAAQ,EAAE,OAAO;OAClB;KACF;IACD,eAAe,EAAE;MACf,OAAO,EAAE,MAAM;MACf,KAAK,EAAE;QACL,QAAQ,EAAE,OAAO;QACjB,YAAY,EAAE,OAAO;OACtB;KACF;IACD,QAAQ,EAAE;MACR,WAAW,EAAE,6DAA6D;MAC1E,KAAK,EAAE;QACL,QAAQ,EAAE,SAAS;OACpB;KACF;GACF;EACD,UAAU,EAAE;IACV,KAAK,CAAC,EAAE,CAAC;;;QAGL,KAAK,EAAE;gBACC,SAAS,EAAE;KACtB;GACF;CACF,CAAC;AAEF,MAAM,mBAAmB,GAAG,KAAK,EAAE,QAA2C,EAAE,EAAE;EAChF,MAAM,KAAK,GAAG,MAAM,QAAQ,CAAC,QAAQ,EAAE,CAAC;EACxC,OAAO,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC;AACrB,CAAC,CAAC;AACF,MAAM,mBAAmB,GAAG,KAAK,EAAE,QAA2C,EAAE,iBAAsB,EAAE,EAAE;EACxG,MAAM,gBAAgB,GAAG,MAAM,QAAQ,CAAC,QAAQ,CAAC,WAAW,EAAE,iBAAiB,CAAC,CAAC;EACjF,OAAO,CAAC,GAAG,CAAC,gBAAgB,CAAC,CAAC;AAChC,CAAC,CAAC;AACF,MAAM,iBAAiB,GAAG,KAAK,EAAE,QAA2C,EAAE,EAAE;EAC9E,MAAM,QAAQ,CAAC,MAAM,EAAE,CAAC;AAC1B,CAAC,CAAC;AACF,MAAM,WAAW,GAAG,GAAG,EAAE;EACvB,OAAO,CAAC,GAAG,CAAC,4BAA4B,CAAC,CAAC;EAC1C,MAAM,QAAQ,GAAG,QAAQ,CAAC,aAAa,CAAC,2BAA2B,CAAsC,CAAC;EAC1G,MAAM,WAAW,GAAG,QAAQ,CAAC,aAAa,CAAC,eAAe,CAAC,CAAC;EAC5D,MAAM,WAAW,GAAG,QAAQ,CAAC,aAAa,CAAC,eAAe,CAAC,CAAC;EAC5D,MAAM,SAAS,GAAG,QAAQ,CAAC,aAAa,CAAC,aAAa,CAAC,CAAC;EACxD,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,gBAAgB,CAAC,OAAO,EAAE,GAAG,EAAE;IAC1C,mBAAmB,CAAC,QAAQ,CAAC,CAAC;EAChC,CAAC,CAAC,CAAC;EACH,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,gBAAgB,CAAC,OAAO,EAAE,GAAG,EAAE;IAC1C,mBAAmB,CAAC,QAAQ,EAAE,EAAE,CAAC,CAAC;EACpC,CAAC,CAAC,CAAC;EACH,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,gBAAgB,CAAC,OAAO,EAAE,GAAG,EAAE;IACxC,iBAAiB,CAAC,QAAQ,CAAC,CAAC;EAC9B,CAAC,CAAC,CAAC;AACL,CAAC,CAAC;AAEF,MAAM,SAAS,GAAG,GAAG,EAAE;EACrB,gBAAgB,CAAC,sBAAsB,EAAE,WAAW,CAAC,CAAC;AACxD,CAAC,CAAC;AAEF,MAAM,WAAW,GAAG;;;;;;;;;;;;;;;;CAgBnB,CAAC;AAEF,MAAM,QAAQ,GAAG,CAAC,IAAS,EAAE,EAAE;EAC7B,OAAO;;;;UAIC,IAAI,CAAC,eAAe,CAAC,IAAI,EAAE;;;;;2BAKV,IAAI,CAAC,iBAAiB,CAAC,IAAI,UAAU;yBACvC,IAAI,CAAC,eAAe,CAAC,IAAI,EAAE;;;MAG9C,WAAW;GACd,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,KAAK,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAEvC,MAAM,CAAC,MAAM,MAAM,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACxC,MAAM,CAAC,IAAI,GAAG;EACZ,eAAe,EAAE,OAAO;CACzB,CAAC","sourcesContent":["const isDev = process.env.NODE_ENV === 'development';\nconst CSSVars = `\n--jfi-load-google-font: 'Roboto Mono:wght@200;400;700;900&family=Agdasima';\n--jfi-layout-font-family: Roboto Mono;\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: 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\nexport default {\n  title: 'Components/BankAccountForm',\n  component: 'justifi-bank-account-form',\n  argTypes: {\n    'iframe-origin': {\n      control: 'text',\n      table: {\n        disable: isDev ? false : true,\n        category: 'props',\n      },\n    },\n    'css-variables': {\n      control: 'text',\n      table: {\n        category: 'props',\n        defaultValue: CSSVars,\n      },\n    },\n    'resize': {\n      description: 'Deprecated: This method will be removed in future releases.',\n      table: {\n        category: 'methods',\n      },\n    },\n  },\n  decorators: [\n    story => `\n      <!-- Deprecated Notice -->\n      <p style=\"color: red; font-family: 'Roboto Mono', monospace;\">Note: The 'resize' method is deprecated and will be removed in future releases.</p>\n      ${story()}\n      <script>${addEvents()}</script>\n    `,\n  ],\n};\n\nconst handleValidateClick = async (bankForm: HTMLJustifiBankAccountFormElement) => {\n  const valid = await bankForm.validate();\n  console.log(valid);\n};\nconst handleTokenizeClick = async (bankForm: HTMLJustifiBankAccountFormElement, paymentMethodData: any) => {\n  const tokenizeResponse = await bankForm.tokenize('CLIENT_ID', paymentMethodData);\n  console.log(tokenizeResponse);\n};\nconst handleResizeClick = async (bankForm: HTMLJustifiBankAccountFormElement) => {\n  await bankForm.resize();\n};\nconst handleReady = () => {\n  console.log('bank account form is ready');\n  const bankForm = document.querySelector('justifi-bank-account-form') as HTMLJustifiBankAccountFormElement;\n  const validateBtn = document.querySelector('#validate-btn');\n  const tokenizeBtn = document.querySelector('#tokenize-btn');\n  const resizeBtn = document.querySelector('#resize-btn');\n  validateBtn?.addEventListener('click', () => {\n    handleValidateClick(bankForm);\n  });\n  tokenizeBtn?.addEventListener('click', () => {\n    handleTokenizeClick(bankForm, {});\n  });\n  resizeBtn?.addEventListener('click', () => {\n    handleResizeClick(bankForm);\n  });\n};\n\nconst addEvents = () => {\n  addEventListener('bankAccountFormReady', handleReady);\n};\n\nconst FormButtons = `\n  <style>\n    .button-bar {\n      display: flex;\n      aligin-items: center;\n      padding: 10px;\n    }\n    .button-bar button {\n      margin-right: 10px;\n    }\n  </style>\n  <div class=\"button-bar\">\n    <button id=\"validate-btn\">Validate</button>\n    <button id=\"tokenize-btn\">Tokenize</button>\n    <button id=\"resize-btn\">Resize</button>\n  </div>\n`;\n\nconst Template = (args: any) => {\n  return `\n    <div>\n      <style>\n      :root {\n        ${args['css-variables'] || ''}\n      }\n      </style>\n      <justifi-bank-account-form\n        data-testid=\"bank-account-form-iframe\"\n        validation-mode='${args['validation-mode'] || 'onSubmit'}'\n        iframe-origin='${args['iframe-origin'] || ''}'\n      />\n    </div>\n    ${FormButtons}\n  `;\n};\n\nexport const Basic = Template.bind({});\n\nexport const Styled = Template.bind({});\nStyled.args = {\n  'css-variables': CSSVars,\n};\n"]}
+{"version":3,"file":"bank-account-form.stories.js","sourceRoot":"","sources":["../../../../src/components/bank-account-form/bank-account-form.stories.ts"],"names":[],"mappings":"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","sourcesContent":["import { config } from '../../../config';\n\nconst CSSVars = `\n--jfi-load-google-font: 'Roboto Mono:wght@200;400;700;900&family=Agdasima';\n--jfi-layout-font-family: Roboto Mono;\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: 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\nexport default {\n  title: 'Components/BankAccountForm',\n  component: 'justifi-bank-account-form',\n  argTypes: {\n    'css-variables': {\n      control: 'text',\n      table: {\n        category: 'props',\n        defaultValue: CSSVars,\n      },\n    },\n    'resize': {\n      description: 'Deprecated: This method will be removed in future releases.',\n      table: {\n        category: 'methods',\n      },\n    },\n  },\n  decorators: [\n    story => `\n      <!-- Deprecated Notice -->\n      <p style=\"color: red; font-family: 'Roboto Mono', monospace;\">Note: The 'resize' method is deprecated and will be removed in future releases.</p>\n      ${story()}\n      <script>${addEvents()}</script>\n    `,\n  ],\n};\n\nconst handleValidateClick = async (bankForm: HTMLJustifiBankAccountFormElement) => {\n  const valid = await bankForm.validate();\n  console.log(valid);\n};\nconst handleTokenizeClick = async (bankForm: HTMLJustifiBankAccountFormElement, paymentMethodData: any) => {\n  const tokenizeResponse = await bankForm.tokenize('CLIENT_ID', paymentMethodData);\n  console.log(tokenizeResponse);\n};\nconst handleResizeClick = async (bankForm: HTMLJustifiBankAccountFormElement) => {\n  await bankForm.resize();\n};\nconst handleReady = () => {\n  console.log('bank account form is ready');\n  const bankForm = document.querySelector('justifi-bank-account-form') as HTMLJustifiBankAccountFormElement;\n  const validateBtn = document.querySelector('#validate-btn');\n  const tokenizeBtn = document.querySelector('#tokenize-btn');\n  const resizeBtn = document.querySelector('#resize-btn');\n  validateBtn?.addEventListener('click', () => {\n    handleValidateClick(bankForm);\n  });\n  tokenizeBtn?.addEventListener('click', () => {\n    handleTokenizeClick(bankForm, {});\n  });\n  resizeBtn?.addEventListener('click', () => {\n    handleResizeClick(bankForm);\n  });\n};\n\nconst addEvents = () => {\n  addEventListener('bankAccountFormReady', handleReady);\n};\n\nconst FormButtons = `\n  <style>\n    .button-bar {\n      display: flex;\n      aligin-items: center;\n      padding: 10px;\n    }\n    .button-bar button {\n      margin-right: 10px;\n    }\n  </style>\n  <div class=\"button-bar\">\n    <button id=\"validate-btn\">Validate</button>\n    <button id=\"tokenize-btn\">Tokenize</button>\n    <button id=\"resize-btn\">Resize</button>\n  </div>\n`;\n\nconst Template = (args: any) => {\n  return `\n    <div>\n      <style>\n      :root {\n        ${args['css-variables'] || ''}\n      }\n      </style>\n      <justifi-bank-account-form\n        data-testid=\"bank-account-form-iframe\"\n        validation-mode='${args['validation-mode'] || 'onSubmit'}'\n        iframe-origin='${config.iframeOrigin}'\n      />\n    </div>\n    ${FormButtons}\n  `;\n};\n\nexport const Basic = Template.bind({});\n\nexport const Styled = Template.bind({});\nStyled.args = {\n  'css-variables': CSSVars,\n};\n"]}

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

@@ -1,5 +1,5 @@
 export default {
-  title: 'Components/BillingForm',
+  title: 'dev/Components/BillingForm',
   component: 'justifi-billing-form',
   parameters: {},
 };

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

@@ -1 +1 @@
-{"version":3,"file":"billing-form.stories.js","sourceRoot":"","sources":["../../../../src/components/billing-form/billing-form.stories.ts"],"names":[],"mappings":"AAAA,eAAe;EACb,KAAK,EAAE,wBAAwB;EAC/B,SAAS,EAAE,sBAAsB;EACjC,UAAU,EAAE,EAAE;CACf,CAAC;AAOF,MAAM,QAAQ,GAAG,CAAC,IAAU,EAAE,EAAE;EAC9B,OAAO;;;;YAIG,IAAI,CAAC,eAAe,CAAC,IAAI,EAAE;;;;;kBAKrB,IAAI,CAAC,QAAQ,CAAC,IAAI,EAAE;;;;GAInC,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,KAAK,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACvC,KAAK,CAAC,IAAI,GAAG;EACX,MAAM,EAAE,cAAc;CACvB,CAAC;AAEF,MAAM,CAAC,MAAM,MAAM,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACxC,MAAM,CAAC,IAAI,GAAG;EACZ,QAAQ,EAAE,qBAAqB;EAC/B,eAAe,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+BhB;CACF,CAAC","sourcesContent":["export default {\n  title: 'Components/BillingForm',\n  component: 'justifi-billing-form',\n  parameters: {},\n};\n\ntype Args = {\n  'legend': string;\n  'css-variables'?: string;\n};\n\nconst Template = (args: Args) => {\n  return `\n    <div>\n      <style>\n        :root {\n          ${args['css-variables'] || ''}\n        }\n        </style>\n      <justifi-billing-form\n        data-testid=\"billing-form-iframe\"\n        legend=\"${args['legend'] || ''}\"\n\n      />\n    </div>\n  `;\n};\n\nexport const Basic = Template.bind({});\nBasic.args = {\n  legend: 'Billing Form',\n};\n\nexport const Styled = Template.bind({});\nStyled.args = {\n  'legend': 'Styled Billing Form',\n  'css-variables': `\n    --jfi-layout-padding: 0;\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: 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-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};\n"]}
+{"version":3,"file":"billing-form.stories.js","sourceRoot":"","sources":["../../../../src/components/billing-form/billing-form.stories.ts"],"names":[],"mappings":"AAAA,eAAe;EACb,KAAK,EAAE,4BAA4B;EACnC,SAAS,EAAE,sBAAsB;EACjC,UAAU,EAAE,EAAE;CACf,CAAC;AAOF,MAAM,QAAQ,GAAG,CAAC,IAAU,EAAE,EAAE;EAC9B,OAAO;;;;YAIG,IAAI,CAAC,eAAe,CAAC,IAAI,EAAE;;;;;kBAKrB,IAAI,CAAC,QAAQ,CAAC,IAAI,EAAE;;;;GAInC,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,KAAK,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACvC,KAAK,CAAC,IAAI,GAAG;EACX,MAAM,EAAE,cAAc;CACvB,CAAC;AAEF,MAAM,CAAC,MAAM,MAAM,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACxC,MAAM,CAAC,IAAI,GAAG;EACZ,QAAQ,EAAE,qBAAqB;EAC/B,eAAe,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+BhB;CACF,CAAC","sourcesContent":["export default {\n  title: 'dev/Components/BillingForm',\n  component: 'justifi-billing-form',\n  parameters: {},\n};\n\ntype Args = {\n  'legend': string;\n  'css-variables'?: string;\n};\n\nconst Template = (args: Args) => {\n  return `\n    <div>\n      <style>\n        :root {\n          ${args['css-variables'] || ''}\n        }\n        </style>\n      <justifi-billing-form\n        data-testid=\"billing-form-iframe\"\n        legend=\"${args['legend'] || ''}\"\n\n      />\n    </div>\n  `;\n};\n\nexport const Basic = Template.bind({});\nBasic.args = {\n  legend: 'Billing Form',\n};\n\nexport const Styled = Template.bind({});\nStyled.args = {\n  'legend': 'Styled Billing Form',\n  'css-variables': `\n    --jfi-layout-padding: 0;\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: 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-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};\n"]}