@justifi/webcomponents 4.6.3 → 4.7.0-rc.0

package/dist/{esm/utils-ad0bbe03.js → components/utils2.js}

@@ -3848,64 +3848,132 @@ function formatCurrency(amount, withSymbol = true) {
   }
   return amount < 0 ? `(${format(-amount)})` : format(amount);
 }
+function formatPercentage(amount) {
+  if (!amount)
+    amount = 0;
+  function format(amount) {
+    const number = amount / 100;
+    return number.toFixed(2).toString() + '%';
+  }
+  return format(amount);
+}
 function formatDate(dateString) {
   if (!dateString)
     return '';
   const date = new Date(dateString);
   return format(date, 'MMM d, yyyy');
 }
+// eg. Oct 9, 2023
+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';
+    }
+  }
+  else {
+    return 'Invalid input';
+  }
+  const options = {
+    year: 'numeric',
+    month: 'short',
+    day: 'numeric',
+  };
+  return input.toLocaleDateString('en-US', options);
+}
 function formatTime(dateString) {
   if (!dateString)
     return '';
   const date = new Date(dateString);
   return format(date, 'h:mmaaa');
 }
+function formatLegalAddress(address) {
+  return `${address.address_line1}, ${address.address_city}, ${address.address_state}, ${address.address_postal_code}`;
+}
 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;
+  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);
 }
 const MapPaymentStatusToBadge = (status) => {
   switch (status) {
-    case "authorized":
+    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":
+    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":
+    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":
+    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":
+    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":
+    case 'partially_refunded':
       return "<span class='badge bg-primary' title='A portion of this payment has been refunded'>Partially Refunded</span>";
-    case "pending":
+    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":
+    case 'succeeded':
       return "<span class='badge bg-success' title='This payment was successfully captured'>Successful</span>";
   }
 };
 const MapPayoutStatusToBadge = (status) => {
   switch (status) {
-    case "canceled":
+    case 'canceled':
       return "<span class='badge bg-danger' title='Transfer to your bank account failed'>Canceled</span>";
-    case "failed":
+    case 'failed':
       return "<span class='badge bg-danger' title='Transfer to your bank account failed'>Failed</span>";
-    case "forwarded":
+    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":
+    case 'in_transit':
       return "<span class='badge bg-primary' title='Transfer to your bank account has been initiated'>In Transit</span>";
-    case "paid":
+    case 'paid':
       return "<span class='badge bg-success' title='Successfully deposited into your bank account'>Paid</span>";
-    case "pending":
+    case 'pending':
       return "<span class='badge bg-primary' title='Batched and scheduled to be transferred'>Pending</span>";
-    case "scheduled":
+    case 'scheduled':
       return "<span class='badge bg-primary' title='Batched and scheduled to be transferred'>Scheduled</span>";
-    case "withdrawn":
+    case 'withdrawn':
       return "<span class='badge bg-success' title='Negative payout balance successfully withdrawn from your bank account'>Withdrawn</span>";
   }
 };
+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>";
+  }
+};
+/**
+ * Converts a snake_case string to a human-readable format by replacing underscores with spaces and capitalizing the first letter of each word.
+ *
+ * @param snakeCaseStr - The string in snake_case format.
+ * @returns The string transformed into a human-readable format.
+ *
+ * @example
+ * const readable = toReadableString('sole_proprietorship');
+ * console.log(readable); // Outputs: "Sole Proprietorship"
+ */
+function snakeCaseToHumanReadable(snakeCaseStr) {
+  return snakeCaseStr
+    .split('_')
+    .map(word => word.charAt(0).toUpperCase() + word.slice(1))
+    .join(' ');
+}
 
-export { MapPaymentStatusToBadge as M, formatCurrency as a, formatTime as b, MapPayoutStatusToBadge as c, extractComputedFontsToLoad as e, formatDate as f };
+export { MapPaymentStatusToBadge as M, formatDate as a, formatTime as b, formatCurrency as c, MapPayoutStatusToBadge as d, extractComputedFontsToLoad as e, formatMediumDate as f, MapSubAccountStatusToBadge as g, formatPercentage as h, formatLegalAddress as i, snakeCaseToHumanReadable as s };
 
-//# sourceMappingURL=utils-ad0bbe03.js.map
+//# sourceMappingURL=utils2.js.map