@justifi/webcomponents 4.7.4 → 4.7.5

package/dist/collection/utils/utils.js

@@ -1,138 +1,138 @@
 import { format } from "date-fns";
 import Dinero from "dinero.js";
 export function formatCurrency(amount, withSymbol = true) {
-  if (!amount)
-    amount = 0;
-  function format(amount) {
-    const formattedString = withSymbol ? '$0,0.00' : '0,0.00';
-    return Dinero({ amount: amount, currency: 'USD' }).toFormat(formattedString);
-  }
-  return amount < 0 ? `(${format(-amount)})` : format(amount);
+    if (!amount)
+        amount = 0;
+    function format(amount) {
+        const formattedString = withSymbol ? '$0,0.00' : '0,0.00';
+        return Dinero({ amount: amount, currency: 'USD' }).toFormat(formattedString);
+    }
+    return amount < 0 ? `(${format(-amount)})` : format(amount);
 }
 export function formatPercentage(amount) {
-  if (!amount)
-    amount = 0;
-  function format(amount) {
-    const number = amount / 100;
-    return number.toFixed(2).toString() + '%';
-  }
-  return format(amount);
+    if (!amount)
+        amount = 0;
+    function format(amount) {
+        const number = amount / 100;
+        return number.toFixed(2).toString() + '%';
+    }
+    return format(amount);
 }
 ;
 export function formatDate(dateString) {
-  if (!dateString)
-    return '';
-  const date = new Date(dateString);
-  return format(date, 'MMM d, yyyy');
+    if (!dateString)
+        return '';
+    const date = new Date(dateString);
+    return format(date, 'MMM d, yyyy');
 }
 // eg. Oct 9, 2023
 export function formatMediumDate(input) {
-  // Check if input is a string and convert to Date object
-  if (typeof input === 'string') {
-    input = new Date(input);
-  }
-  // Check if input is a valid date
-  if (Object.prototype.toString.call(input) === '[object Date]') {
-    if (isNaN(input.getTime())) {
-      return 'Invalid date';
+    // Check if input is a string and convert to Date object
+    if (typeof input === 'string') {
+        input = new Date(input);
+    }
+    // Check if input is a valid date
+    if (Object.prototype.toString.call(input) === '[object Date]') {
+        if (isNaN(input.getTime())) {
+            return 'Invalid date';
+        }
+    }
+    else {
+        return 'Invalid input';
     }
-  }
-  else {
-    return 'Invalid input';
-  }
-  const options = {
-    year: 'numeric',
-    month: 'short',
-    day: 'numeric',
-  };
-  return input.toLocaleDateString('en-US', options);
+    const options = {
+        year: 'numeric',
+        month: 'short',
+        day: 'numeric',
+    };
+    return input.toLocaleDateString('en-US', options);
 }
 export function formatDisplayDate(value, endDate) {
-  const isEndingDate = value === endDate;
-  return (isEndingDate) ? 'Today' : format(new Date(value.replace(/-/g, '/')), 'MMM d');
+    const isEndingDate = value === endDate;
+    return (isEndingDate) ? 'Today' : format(new Date(value.replace(/-/g, '/')), 'MMM d');
 }
 export function formatTime(dateString) {
-  if (!dateString)
-    return '';
-  const date = new Date(dateString);
-  return format(date, 'h:mmaaa');
+    if (!dateString)
+        return '';
+    const date = new Date(dateString);
+    return format(date, 'h:mmaaa');
 }
 export function formatTimeSeconds(dateString) {
-  if (!dateString)
-    return '';
-  const date = new Date(dateString);
-  return format(date, 'h:mm:ssaaa');
+    if (!dateString)
+        return '';
+    const date = new Date(dateString);
+    return format(date, 'h:mm:ssaaa');
 }
 // Receives an Address as input and return a formatted string
 // eg. 123 Main St, Scranton, PA 11111
 export function formatAddress(address) {
-  return `${address.line1}, ${address.city}, ${address.state} ${address.postal_code}`;
+    return `${address.line1}, ${address.city}, ${address.state} ${address.postal_code}`;
 }
 export function formatLegalAddress(address) {
-  return `${address.address_line1}, ${address.address_city}, ${address.address_state}, ${address.address_postal_code}`;
+    return `${address.address_line1}, ${address.address_city}, ${address.address_state}, ${address.address_postal_code}`;
 }
 export function extractComputedFontsToLoad() {
-  var _a;
-  const computedStyles = getComputedStyle(document.body);
-  return (((_a = computedStyles === null || computedStyles === void 0 ? void 0 : computedStyles.getPropertyValue('--jfi-load-google-font')) === null || _a === void 0 ? void 0 : _a.trim().replace(/'|"/g, '').replace(' ', '+')) || null);
+    var _a;
+    const computedStyles = getComputedStyle(document.body);
+    return (((_a = computedStyles === null || computedStyles === void 0 ? void 0 : computedStyles.getPropertyValue('--jfi-load-google-font')) === null || _a === void 0 ? void 0 : _a.trim().replace(/'|"/g, '').replace(' ', '+')) || null);
 }
 export const MapPaymentStatusToBadge = (status) => {
-  switch (status) {
-    case 'authorized':
-      return "<span class='badge bg-primary' title='This card payment was authorized, but not captured. It could still succeed or fail.'>Authorized</span>";
-    case 'disputed':
-      return "<span class='badge bg-primary' title='The account holder disputed this payment. The amount has been returned and a fee assessed.'>Disputed</span>";
-    case 'achFailed':
-      return "<span class='badge bg-danger' title='The funds couldn't be collected for this ACH payment (in addition to the original payment, an ACH return and fee will appear in a payout)'>Failed</span>";
-    case 'failed':
-      return "<span class='badge bg-danger' title='This card payment didn't go through (it won't appear in a payout)'>Failed</span>";
-    case 'fully_refunded':
-      return "<span class='badge bg-primary' title='The full amount of this payment has been refunded'>Fully Refunded</span>";
-    case 'partially_refunded':
-      return "<span class='badge bg-primary' title='A portion of this payment has been refunded'>Partially Refunded</span>";
-    case 'pending':
-      return "<span class='badge bg-secondary' title='This ACH payment was processed, but the funds haven't settled. It could still succeed or fail.'>Pending</span>";
-    case 'succeeded':
-      return "<span class='badge bg-success' title='This payment was successfully captured'>Successful</span>";
-  }
+    switch (status) {
+        case 'authorized':
+            return "<span class='badge bg-primary' title='This card payment was authorized, but not captured. It could still succeed or fail.'>Authorized</span>";
+        case 'disputed':
+            return "<span class='badge bg-primary' title='The account holder disputed this payment. The amount has been returned and a fee assessed.'>Disputed</span>";
+        case 'achFailed':
+            return "<span class='badge bg-danger' title='The funds couldn't be collected for this ACH payment (in addition to the original payment, an ACH return and fee will appear in a payout)'>Failed</span>";
+        case 'failed':
+            return "<span class='badge bg-danger' title='This card payment didn't go through (it won't appear in a payout)'>Failed</span>";
+        case 'fully_refunded':
+            return "<span class='badge bg-primary' title='The full amount of this payment has been refunded'>Fully Refunded</span>";
+        case 'partially_refunded':
+            return "<span class='badge bg-primary' title='A portion of this payment has been refunded'>Partially Refunded</span>";
+        case 'pending':
+            return "<span class='badge bg-secondary' title='This ACH payment was processed, but the funds haven't settled. It could still succeed or fail.'>Pending</span>";
+        case 'succeeded':
+            return "<span class='badge bg-success' title='This payment was successfully captured'>Successful</span>";
+    }
 };
 export const MapPayoutStatusToBadge = (status) => {
-  switch (status) {
-    case 'canceled':
-      return "<span class='badge bg-danger' title='Transfer to your bank account failed'>Canceled</span>";
-    case 'failed':
-      return "<span class='badge bg-danger' title='Transfer to your bank account failed'>Failed</span>";
-    case 'forwarded':
-      return "<span class='badge bg-secondary' title='This payout initially failed; the funds have been forwarded to your next successful payout'>Forwarded</span>";
-    case 'in_transit':
-      return "<span class='badge bg-primary' title='Transfer to your bank account has been initiated'>In Transit</span>";
-    case 'paid':
-      return "<span class='badge bg-success' title='Successfully deposited into your bank account'>Paid</span>";
-    case 'pending':
-      return "<span class='badge bg-primary' title='Batched and scheduled to be transferred'>Pending</span>";
-    case 'scheduled':
-      return "<span class='badge bg-primary' title='Batched and scheduled to be transferred'>Scheduled</span>";
-    case 'withdrawn':
-      return "<span class='badge bg-success' title='Negative payout balance successfully withdrawn from your bank account'>Withdrawn</span>";
-  }
+    switch (status) {
+        case 'canceled':
+            return "<span class='badge bg-danger' title='Transfer to your bank account failed'>Canceled</span>";
+        case 'failed':
+            return "<span class='badge bg-danger' title='Transfer to your bank account failed'>Failed</span>";
+        case 'forwarded':
+            return "<span class='badge bg-secondary' title='This payout initially failed; the funds have been forwarded to your next successful payout'>Forwarded</span>";
+        case 'in_transit':
+            return "<span class='badge bg-primary' title='Transfer to your bank account has been initiated'>In Transit</span>";
+        case 'paid':
+            return "<span class='badge bg-success' title='Successfully deposited into your bank account'>Paid</span>";
+        case 'pending':
+            return "<span class='badge bg-primary' title='Batched and scheduled to be transferred'>Pending</span>";
+        case 'scheduled':
+            return "<span class='badge bg-primary' title='Batched and scheduled to be transferred'>Scheduled</span>";
+        case 'withdrawn':
+            return "<span class='badge bg-success' title='Negative payout balance successfully withdrawn from your bank account'>Withdrawn</span>";
+    }
 };
 export const MapSubAccountStatusToBadge = (status) => {
-  switch (status) {
-    case 'created':
-      return "<span class='badge bg-primary' title='This sub account has been created, but we haven't received their onboarding yet'>Canceled</span>";
-    case 'submitted':
-      return "<span class='badge bg-info' title='We've received this sub account's onboarding and we're reviewing their information'>Submitted</span>";
-    case 'information_needed':
-      return "<span class='badge bg-warning' title='We've reviewed this sub account's onboarding information and found an issue'>Information Needed</span>";
-    case 'enabled':
-      return "<span class='badge bg-success' title='This sub account is approved to process payments'>Enabled</span>";
-    case 'disabled':
-      return "<span class='badge bg-danger' title='This sub account was previously approved, but has since become ineligible to process payments'>Disabled</span>";
-    case 'rejected':
-      return "<span class='badge bg-danger' title='This sub account didn't pass approval, so they won't be able to process payments'>Rejected</span>";
-    case 'archived':
-      return "<span class='badge bg-primary' title='This sub account has been archived. They won't be able to process payments unless they are restored'>Archived</span>";
-  }
+    switch (status) {
+        case 'created':
+            return "<span class='badge bg-primary' title='This sub account has been created, but we haven't received their onboarding yet'>Canceled</span>";
+        case 'submitted':
+            return "<span class='badge bg-info' title='We've received this sub account's onboarding and we're reviewing their information'>Submitted</span>";
+        case 'information_needed':
+            return "<span class='badge bg-warning' title='We've reviewed this sub account's onboarding information and found an issue'>Information Needed</span>";
+        case 'enabled':
+            return "<span class='badge bg-success' title='This sub account is approved to process payments'>Enabled</span>";
+        case 'disabled':
+            return "<span class='badge bg-danger' title='This sub account was previously approved, but has since become ineligible to process payments'>Disabled</span>";
+        case 'rejected':
+            return "<span class='badge bg-danger' title='This sub account didn't pass approval, so they won't be able to process payments'>Rejected</span>";
+        case 'archived':
+            return "<span class='badge bg-primary' title='This sub account has been archived. They won't be able to process payments unless they are restored'>Archived</span>";
+    }
 };
 /**
  * Converts a snake_case string to a human-readable format by replacing underscores with spaces and capitalizing the first letter of each word.
@@ -145,8 +145,8 @@ export const MapSubAccountStatusToBadge = (status) => {
  * console.log(readable); // Outputs: "Sole Proprietorship"
  */
 export function snakeCaseToHumanReadable(snakeCaseStr) {
-  return snakeCaseStr
-    .split('_')
-    .map(word => word.charAt(0).toUpperCase() + word.slice(1))
-    .join(' ');
+    return snakeCaseStr
+        .split('_')
+        .map(word => word.charAt(0).toUpperCase() + word.slice(1))
+        .join(' ');
 }

package/dist/config.js

@@ -1,11 +1,11 @@
 export 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: '',
+    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: '',
 };