@kiva/kv-components 6.32.0 → 6.34.0

package/dist/index.js

@@ -1,4 +1,4 @@
-import { default as r } from "./vue/KvAccordionItem.js";
+import { default as t } from "./vue/KvAccordionItem.js";
 import { default as a } from "./vue/KvActivityRow.js";
 import { default as l } from "./vue/KvBorrowerImage.js";
 import { default as d } from "./vue/KvButton.js";
@@ -6,199 +6,201 @@ import { default as p } from "./vue/KvCarousel.js";
 import { default as x } from "./vue/KvCartModal.js";
 import { default as K } from "./vue/KvCartPill.js";
 import { default as A } from "./vue/KvCheckbox.js";
-import { default as C } from "./vue/KvChip.js";
-import { KV_CLASSIC_LOAN_CARD_FRAGMENT as L, KV_CLASSIC_LOAN_CARD_USER_FRAGMET as N, default as T } from "./vue/KvClassicLoanCard.js";
-import { default as c } from "./vue/KvCommentsAdd.js";
-import { default as O } from "./vue/KvCommentsContainer.js";
-import { default as S } from "./vue/KvCommentsHeartButton.js";
-import { default as G } from "./vue/KvCommentsList.js";
-import { default as P } from "./vue/KvCommentsListItem.js";
-import { default as F } from "./vue/KvCommentsReplyButton.js";
-import { default as B } from "./vue/KvContentfulImg.js";
-import { default as b } from "./vue/KvCountdownTimer.js";
-import { default as y } from "./vue/KvExpandable.js";
-import { default as w } from "./vue/KvExpandableQuestion.js";
-import { default as H } from "./vue/KvFlag.js";
-import { default as z } from "./vue/KvGrid.js";
-import { default as q } from "./vue/KvImpactDashboardHeader.js";
-import { default as X } from "./vue/KvInlineActivityCard.js";
-import { default as Z } from "./vue/KvInlineActivityFeed.js";
-import { KV_INTRODUCTION_LOAN_CARD_FRAGMENT as ee, KV_INTRODUCTION_LOAN_CARD_USER_FRAGMENT as oe, default as re } from "./vue/KvIntroductionLoanCard.js";
-import { default as ae } from "./vue/KvLendAmountButton.js";
-import { KV_LEND_CTA_FRAGMENT as le, KV_LEND_CTA_USER_FRAGMENT as se, default as de } from "./vue/KvLendCta.js";
-import { default as pe } from "./vue/KvLightbox.js";
-import { default as xe } from "./vue/KvLineGraph.js";
-import { KV_LOAN_ACTIVITIES_FRAGMENT as Ke, default as ve } from "./vue/KvLoanActivities.js";
-import { KV_LOAN_BOOKMARK_FRAGMENT as ie, default as Ce } from "./vue/KvLoanBookmark.js";
-import { default as Le } from "./vue/KvLoanCallouts.js";
-import { default as Te } from "./vue/KvLoanProgressGroup.js";
-import { KV_LOAN_TAG_FRAGMENT as ce, default as Re } from "./vue/KvLoanTag.js";
-import { default as Me } from "./vue/KvLoanTeamPick.js";
-import { KV_LOAN_USE_FRAGMENT as Ie, default as Ge } from "./vue/KvLoanUse.js";
-import { default as Pe } from "./vue/KvLoadingPlaceholder.js";
-import { default as Fe } from "./vue/KvLoadingSpinner.js";
-import { default as Be } from "./vue/KvMap.js";
-import { default as be } from "./vue/KvMaterialIcon.js";
-import { default as ye } from "./vue/KvPageContainer.js";
-import { default as we } from "./vue/KvPagination.js";
-import { default as He } from "./vue/KvPieChart.js";
-import { default as ze } from "./vue/KvPopper.js";
-import { default as qe } from "./vue/KvProgressBar.js";
-import { default as Xe } from "./vue/KvRadio.js";
-import { default as Ze } from "./vue/KvSelect.js";
-import { default as eo } from "./vue/KvSideSheet.js";
-import { default as ro } from "./vue/KvSwitch.js";
-import { default as ao } from "./vue/KvTab.js";
-import { default as lo } from "./vue/KvTabPanel.js";
-import { default as mo } from "./vue/KvTabs.js";
-import { default as uo } from "./vue/KvTextInput.js";
-import { default as no } from "./vue/KvTextLink.js";
-import { default as vo } from "./vue/KvThemeProvider.js";
-import { default as io } from "./vue/KvToast.js";
-import { default as _o } from "./vue/KvTooltip.js";
-import { default as No } from "./vue/KvTreeMapChart.js";
-import { default as Eo } from "./vue/KvUserAvatar.js";
-import { default as Ro } from "./vue/KvVerticalCarousel.js";
-import { default as Mo } from "./vue/KvVotingCard.js";
-import { default as Io } from "./vue/KvVotingCardV2.js";
-import { KV_WIDE_LOAN_CARD_FRAGMENT as go, KV_WIDE_LOAN_CARD_USER_FRAGMENT as Po, default as ho } from "./vue/KvWideLoanCard.js";
-import { default as Vo } from "./vue/KvAtbModal.js";
-import { default as Do } from "./vue/KvSecondaryNav.js";
-import { default as ko, Mash as yo } from "./utils/Alea.js";
-import { useAttrs as wo } from "./utils/attrs.js";
-import { carouselUtil as Ho } from "./utils/carousels.js";
-import { collapse as zo, expand as Qo } from "./utils/expander.js";
-import { isLegacyPlaceholderAvatar as Jo, randomizedUserAvatarClass as Xo } from "./utils/imageUtils.js";
-import { LOAN_CALLOUTS_FRAGMENT as Zo, LOAN_GEOCODE_FRAGMENT as $o, LOAN_PROGRESS_FRAGMENT as er, loanCardComputedProperties as or, loanCardMethods as rr } from "./utils/loanCard.js";
-import { BALANCE_CAMPAIGN as ar, BASE_CAMPAIGN as fr, ERL_COOKIE_NAME as lr, NO_BALANCE_CAMPAIGN as sr, TOP_UP_CAMPAIGN as dr, getDropdownPriceArray as mr, getLendCtaSelectedOption as pr, isBetween25And50 as ur, isLessThan25 as xr } from "./utils/loanUtils.js";
-import { animationCoordinator as Kr, generateMapMarkers as vr, getCoordinatesBetween as Ar, getCountryColor as ir, getLoansIntervals as Cr } from "./utils/mapUtils.js";
-import { lockPrintSingleEl as Lr, unlockPrintSingleEl as Nr } from "./utils/printing.js";
-import { lockScroll as Er, lockScrollSmallOnly as cr, unlockScroll as Rr, unlockScrollSmallOnly as Or } from "./utils/scrollLock.js";
-import { buildTailwindClassName as Sr, headerNumberCase as Ir, kebabCase as Gr, removeObjectProperty as gr } from "./utils/themeUtils.js";
-import { throttle as hr } from "./utils/throttle.js";
-import { isTargetElement as Vr, offBodyTouchstart as Br, onBodyTouchstart as Dr } from "./utils/touchEvents.js";
-import { getTreemap as kr } from "./utils/treemap.js";
-import { KvBlueskyIcon as Ur } from "./assets/icons/bluesky.js";
+import { default as C } from "./vue/KvCheckoutReceipt.js";
+import { default as L } from "./vue/KvChip.js";
+import { KV_CLASSIC_LOAN_CARD_FRAGMENT as T, KV_CLASSIC_LOAN_CARD_USER_FRAGMET as c, default as E } from "./vue/KvClassicLoanCard.js";
+import { default as O } from "./vue/KvCommentsAdd.js";
+import { default as S } from "./vue/KvCommentsContainer.js";
+import { default as G } from "./vue/KvCommentsHeartButton.js";
+import { default as P } from "./vue/KvCommentsList.js";
+import { default as F } from "./vue/KvCommentsListItem.js";
+import { default as B } from "./vue/KvCommentsReplyButton.js";
+import { default as D } from "./vue/KvContentfulImg.js";
+import { default as y } from "./vue/KvCountdownTimer.js";
+import { default as w } from "./vue/KvExpandable.js";
+import { default as H } from "./vue/KvExpandableQuestion.js";
+import { default as z } from "./vue/KvFlag.js";
+import { default as q } from "./vue/KvGrid.js";
+import { default as X } from "./vue/KvImpactDashboardHeader.js";
+import { default as Z } from "./vue/KvInlineActivityCard.js";
+import { default as ee } from "./vue/KvInlineActivityFeed.js";
+import { KV_INTRODUCTION_LOAN_CARD_FRAGMENT as te, KV_INTRODUCTION_LOAN_CARD_USER_FRAGMENT as re, default as ae } from "./vue/KvIntroductionLoanCard.js";
+import { default as le } from "./vue/KvLendAmountButton.js";
+import { KV_LEND_CTA_FRAGMENT as de, KV_LEND_CTA_USER_FRAGMENT as me, default as pe } from "./vue/KvLendCta.js";
+import { default as xe } from "./vue/KvLightbox.js";
+import { default as Ke } from "./vue/KvLineGraph.js";
+import { KV_LOAN_ACTIVITIES_FRAGMENT as Ae, default as ie } from "./vue/KvLoanActivities.js";
+import { KV_LOAN_BOOKMARK_FRAGMENT as _e, default as Le } from "./vue/KvLoanBookmark.js";
+import { default as Te } from "./vue/KvLoanCallouts.js";
+import { default as Ee } from "./vue/KvLoanProgressGroup.js";
+import { KV_LOAN_TAG_FRAGMENT as Oe, default as Me } from "./vue/KvLoanTag.js";
+import { default as Ie } from "./vue/KvLoanTeamPick.js";
+import { KV_LOAN_USE_FRAGMENT as ge, default as Pe } from "./vue/KvLoanUse.js";
+import { default as Fe } from "./vue/KvLoadingPlaceholder.js";
+import { default as Be } from "./vue/KvLoadingSpinner.js";
+import { default as De } from "./vue/KvMap.js";
+import { default as ye } from "./vue/KvMaterialIcon.js";
+import { default as we } from "./vue/KvPageContainer.js";
+import { default as He } from "./vue/KvPagination.js";
+import { default as ze } from "./vue/KvPieChart.js";
+import { default as qe } from "./vue/KvPopper.js";
+import { default as Xe } from "./vue/KvProgressBar.js";
+import { default as Ze } from "./vue/KvRadio.js";
+import { default as eo } from "./vue/KvSelect.js";
+import { default as to } from "./vue/KvSideSheet.js";
+import { default as ao } from "./vue/KvSwitch.js";
+import { default as lo } from "./vue/KvTab.js";
+import { default as mo } from "./vue/KvTabPanel.js";
+import { default as uo } from "./vue/KvTabs.js";
+import { default as no } from "./vue/KvTextInput.js";
+import { default as vo } from "./vue/KvTextLink.js";
+import { default as io } from "./vue/KvThemeProvider.js";
+import { default as _o } from "./vue/KvToast.js";
+import { default as No } from "./vue/KvTooltip.js";
+import { default as co } from "./vue/KvTreeMapChart.js";
+import { default as Ro } from "./vue/KvUserAvatar.js";
+import { default as Mo } from "./vue/KvVerticalCarousel.js";
+import { default as Io } from "./vue/KvVotingCard.js";
+import { default as go } from "./vue/KvVotingCardV2.js";
+import { KV_WIDE_LOAN_CARD_FRAGMENT as ho, KV_WIDE_LOAN_CARD_USER_FRAGMENT as Fo, default as Vo } from "./vue/KvWideLoanCard.js";
+import { default as ko } from "./vue/KvAtbModal.js";
+import { default as bo } from "./vue/KvSecondaryNav.js";
+import { default as Uo, Mash as wo } from "./utils/Alea.js";
+import { useAttrs as Ho } from "./utils/attrs.js";
+import { carouselUtil as zo } from "./utils/carousels.js";
+import { collapse as qo, expand as Jo } from "./utils/expander.js";
+import { isLegacyPlaceholderAvatar as Yo, randomizedUserAvatarClass as Zo } from "./utils/imageUtils.js";
+import { LOAN_CALLOUTS_FRAGMENT as et, LOAN_GEOCODE_FRAGMENT as ot, LOAN_PROGRESS_FRAGMENT as tt, loanCardComputedProperties as rt, loanCardMethods as at } from "./utils/loanCard.js";
+import { BALANCE_CAMPAIGN as lt, BASE_CAMPAIGN as st, ERL_COOKIE_NAME as dt, NO_BALANCE_CAMPAIGN as mt, TOP_UP_CAMPAIGN as pt, getDropdownPriceArray as ut, getLendCtaSelectedOption as xt, isBetween25And50 as nt, isLessThan25 as Kt } from "./utils/loanUtils.js";
+import { animationCoordinator as At, generateMapMarkers as it, getCoordinatesBetween as Ct, getCountryColor as _t, getLoansIntervals as Lt } from "./utils/mapUtils.js";
+import { lockPrintSingleEl as Tt, unlockPrintSingleEl as ct } from "./utils/printing.js";
+import { lockScroll as Rt, lockScrollSmallOnly as Ot, unlockScroll as Mt, unlockScrollSmallOnly as St } from "./utils/scrollLock.js";
+import { buildTailwindClassName as Gt, headerNumberCase as gt, kebabCase as Pt, removeObjectProperty as ht } from "./utils/themeUtils.js";
+import { throttle as Vt } from "./utils/throttle.js";
+import { isTargetElement as kt, offBodyTouchstart as Dt, onBodyTouchstart as bt } from "./utils/touchEvents.js";
+import { getTreemap as Ut } from "./utils/treemap.js";
+import { KvBlueskyIcon as Wt } from "./assets/icons/bluesky.js";
 export {
-  ko as Alea,
-  ar as BALANCE_CAMPAIGN,
-  fr as BASE_CAMPAIGN,
-  lr as ERL_COOKIE_NAME,
-  L as KV_CLASSIC_LOAN_CARD_FRAGMENT,
-  N as KV_CLASSIC_LOAN_CARD_USER_FRAGMET,
-  ee as KV_INTRODUCTION_LOAN_CARD_FRAGMENT,
-  oe as KV_INTRODUCTION_LOAN_CARD_USER_FRAGMENT,
-  le as KV_LEND_CTA_FRAGMENT,
-  se as KV_LEND_CTA_USER_FRAGMENT,
-  Ke as KV_LOAN_ACTIVITIES_FRAGMENT,
-  ie as KV_LOAN_BOOKMARK_FRAGMENT,
-  ce as KV_LOAN_TAG_FRAGMENT,
-  Ie as KV_LOAN_USE_FRAGMENT,
-  go as KV_WIDE_LOAN_CARD_FRAGMENT,
-  Po as KV_WIDE_LOAN_CARD_USER_FRAGMENT,
-  r as KvAccordionItem,
+  Uo as Alea,
+  lt as BALANCE_CAMPAIGN,
+  st as BASE_CAMPAIGN,
+  dt as ERL_COOKIE_NAME,
+  T as KV_CLASSIC_LOAN_CARD_FRAGMENT,
+  c as KV_CLASSIC_LOAN_CARD_USER_FRAGMET,
+  te as KV_INTRODUCTION_LOAN_CARD_FRAGMENT,
+  re as KV_INTRODUCTION_LOAN_CARD_USER_FRAGMENT,
+  de as KV_LEND_CTA_FRAGMENT,
+  me as KV_LEND_CTA_USER_FRAGMENT,
+  Ae as KV_LOAN_ACTIVITIES_FRAGMENT,
+  _e as KV_LOAN_BOOKMARK_FRAGMENT,
+  Oe as KV_LOAN_TAG_FRAGMENT,
+  ge as KV_LOAN_USE_FRAGMENT,
+  ho as KV_WIDE_LOAN_CARD_FRAGMENT,
+  Fo as KV_WIDE_LOAN_CARD_USER_FRAGMENT,
+  t as KvAccordionItem,
   a as KvActivityRow,
-  Vo as KvAtbModal,
-  Ur as KvBlueskyIcon,
+  ko as KvAtbModal,
+  Wt as KvBlueskyIcon,
   l as KvBorrowerImage,
   d as KvButton,
   p as KvCarousel,
   x as KvCartModal,
   K as KvCartPill,
   A as KvCheckbox,
-  C as KvChip,
-  T as KvClassicLoanCard,
-  c as KvCommentsAdd,
-  O as KvCommentsContainer,
-  S as KvCommentsHeartButton,
-  G as KvCommentsList,
-  P as KvCommentsListItem,
-  F as KvCommentsReplyButton,
-  B as KvContentfulImg,
-  b as KvCountdownTimer,
-  y as KvExpandable,
-  w as KvExpandableQuestion,
-  H as KvFlag,
-  z as KvGrid,
-  q as KvImpactDashboardHeader,
-  X as KvInlineActivityCard,
-  Z as KvInlineActivityFeed,
-  re as KvIntroductionLoanCard,
-  ae as KvLendAmountButton,
-  de as KvLendCta,
-  pe as KvLightbox,
-  xe as KvLineGraph,
-  Pe as KvLoadingPlaceholder,
-  Fe as KvLoadingSpinner,
-  ve as KvLoanActivities,
-  Ce as KvLoanBookmark,
-  Le as KvLoanCallouts,
-  Te as KvLoanProgressGroup,
-  Re as KvLoanTag,
-  Me as KvLoanTeamPick,
-  Ge as KvLoanUse,
-  Be as KvMap,
-  be as KvMaterialIcon,
-  ye as KvPageContainer,
-  we as KvPagination,
-  He as KvPieChart,
-  ze as KvPopper,
-  qe as KvProgressBar,
-  Xe as KvRadio,
-  Do as KvSecondaryNav,
-  Ze as KvSelect,
-  eo as KvSideSheet,
-  ro as KvSwitch,
-  ao as KvTab,
-  lo as KvTabPanel,
-  mo as KvTabs,
-  uo as KvTextInput,
-  no as KvTextLink,
-  vo as KvThemeProvider,
-  io as KvToast,
-  _o as KvTooltip,
-  No as KvTreeMapChart,
-  Eo as KvUserAvatar,
-  Ro as KvVerticalCarousel,
-  Mo as KvVotingCard,
-  Io as KvVotingCardV2,
-  ho as KvWideLoanCard,
-  Zo as LOAN_CALLOUTS_FRAGMENT,
-  $o as LOAN_GEOCODE_FRAGMENT,
-  er as LOAN_PROGRESS_FRAGMENT,
-  yo as Mash,
-  sr as NO_BALANCE_CAMPAIGN,
-  dr as TOP_UP_CAMPAIGN,
-  Kr as animationCoordinator,
-  Sr as buildTailwindClassName,
-  Ho as carouselUtil,
-  zo as collapse,
-  Qo as expand,
-  vr as generateMapMarkers,
-  Ar as getCoordinatesBetween,
-  ir as getCountryColor,
-  mr as getDropdownPriceArray,
-  pr as getLendCtaSelectedOption,
-  Cr as getLoansIntervals,
-  kr as getTreemap,
-  Ir as headerNumberCase,
-  ur as isBetween25And50,
-  Jo as isLegacyPlaceholderAvatar,
-  xr as isLessThan25,
-  Vr as isTargetElement,
-  Gr as kebabCase,
-  or as loanCardComputedProperties,
-  rr as loanCardMethods,
-  Lr as lockPrintSingleEl,
-  Er as lockScroll,
-  cr as lockScrollSmallOnly,
-  Br as offBodyTouchstart,
-  Dr as onBodyTouchstart,
-  Xo as randomizedUserAvatarClass,
-  gr as removeObjectProperty,
-  hr as throttle,
-  Nr as unlockPrintSingleEl,
-  Rr as unlockScroll,
-  Or as unlockScrollSmallOnly,
-  wo as useAttrs
+  C as KvCheckoutReceipt,
+  L as KvChip,
+  E as KvClassicLoanCard,
+  O as KvCommentsAdd,
+  S as KvCommentsContainer,
+  G as KvCommentsHeartButton,
+  P as KvCommentsList,
+  F as KvCommentsListItem,
+  B as KvCommentsReplyButton,
+  D as KvContentfulImg,
+  y as KvCountdownTimer,
+  w as KvExpandable,
+  H as KvExpandableQuestion,
+  z as KvFlag,
+  q as KvGrid,
+  X as KvImpactDashboardHeader,
+  Z as KvInlineActivityCard,
+  ee as KvInlineActivityFeed,
+  ae as KvIntroductionLoanCard,
+  le as KvLendAmountButton,
+  pe as KvLendCta,
+  xe as KvLightbox,
+  Ke as KvLineGraph,
+  Fe as KvLoadingPlaceholder,
+  Be as KvLoadingSpinner,
+  ie as KvLoanActivities,
+  Le as KvLoanBookmark,
+  Te as KvLoanCallouts,
+  Ee as KvLoanProgressGroup,
+  Me as KvLoanTag,
+  Ie as KvLoanTeamPick,
+  Pe as KvLoanUse,
+  De as KvMap,
+  ye as KvMaterialIcon,
+  we as KvPageContainer,
+  He as KvPagination,
+  ze as KvPieChart,
+  qe as KvPopper,
+  Xe as KvProgressBar,
+  Ze as KvRadio,
+  bo as KvSecondaryNav,
+  eo as KvSelect,
+  to as KvSideSheet,
+  ao as KvSwitch,
+  lo as KvTab,
+  mo as KvTabPanel,
+  uo as KvTabs,
+  no as KvTextInput,
+  vo as KvTextLink,
+  io as KvThemeProvider,
+  _o as KvToast,
+  No as KvTooltip,
+  co as KvTreeMapChart,
+  Ro as KvUserAvatar,
+  Mo as KvVerticalCarousel,
+  Io as KvVotingCard,
+  go as KvVotingCardV2,
+  Vo as KvWideLoanCard,
+  et as LOAN_CALLOUTS_FRAGMENT,
+  ot as LOAN_GEOCODE_FRAGMENT,
+  tt as LOAN_PROGRESS_FRAGMENT,
+  wo as Mash,
+  mt as NO_BALANCE_CAMPAIGN,
+  pt as TOP_UP_CAMPAIGN,
+  At as animationCoordinator,
+  Gt as buildTailwindClassName,
+  zo as carouselUtil,
+  qo as collapse,
+  Jo as expand,
+  it as generateMapMarkers,
+  Ct as getCoordinatesBetween,
+  _t as getCountryColor,
+  ut as getDropdownPriceArray,
+  xt as getLendCtaSelectedOption,
+  Lt as getLoansIntervals,
+  Ut as getTreemap,
+  gt as headerNumberCase,
+  nt as isBetween25And50,
+  Yo as isLegacyPlaceholderAvatar,
+  Kt as isLessThan25,
+  kt as isTargetElement,
+  Pt as kebabCase,
+  rt as loanCardComputedProperties,
+  at as loanCardMethods,
+  Tt as lockPrintSingleEl,
+  Rt as lockScroll,
+  Ot as lockScrollSmallOnly,
+  Dt as offBodyTouchstart,
+  bt as onBodyTouchstart,
+  Zo as randomizedUserAvatarClass,
+  ht as removeObjectProperty,
+  Vt as throttle,
+  ct as unlockPrintSingleEl,
+  Mt as unlockScroll,
+  St as unlockScrollSmallOnly,
+  Ho as useAttrs
 };

package/dist/vue/KvCheckoutReceipt.css

@@ -0,0 +1 @@
+.section[data-v-062ccdb1]{border-bottom-width:.0625rem;border-top-width:0px;--tw-border-opacity: 1;border-color:rgba(var(--border-tertiary),var(--tw-border-opacity, 1));padding:.5rem;display:block;overflow:hidden}@media print{.section[data-v-062ccdb1]{page-break-inside:avoid}}.section--lender-info[data-v-062ccdb1]{padding-top:0}.section--print[data-v-062ccdb1]{border-bottom:0}.checkout-receipt__headline[data-v-062ccdb1]{text-align:center;margin-bottom:1.5rem}.checkout-receipt__item-list[data-v-062ccdb1]{list-style:none;margin:0;width:100%}.loan__name[data-v-062ccdb1]{margin-bottom:.5rem}.loan__name--inline[data-v-062ccdb1]{display:inline-block}.loan__amount[data-v-062ccdb1]{text-align:right}.total[data-v-062ccdb1]{display:flex;align-items:baseline}.total__header[data-v-062ccdb1],.total__amount[data-v-062ccdb1]{text-align:right;flex:1}.total__amount[data-v-062ccdb1]{flex-grow:.33}.payments[data-v-062ccdb1]{border-bottom:none}.payments__type[data-v-062ccdb1]{display:flex;text-align:right}.payments__type-title[data-v-062ccdb1],.payments__type-amount[data-v-062ccdb1]{flex:1}.print[data-v-062ccdb1]{margin:0 auto}

package/dist/vue/KvCheckoutReceipt.js

@@ -0,0 +1,385 @@
+import { format as b } from "date-fns";
+import { mdiInformation as T, mdiPrinter as g } from "@mdi/js";
+import { computed as v, resolveComponent as u, resolveDirective as x, openBlock as n, createElementBlock as s, createElementVNode as e, toDisplayString as i, createCommentVNode as r, Fragment as p, renderList as y, createTextVNode as l, createVNode as m, withCtx as h, withDirectives as K } from "vue";
+import j from "./KvButton.js";
+import O from "./KvTooltip.js";
+import I from "./KvMaterialIcon.js";
+import "./KvCheckoutReceipt.css";
+import D from "../_virtual/_plugin-vue_export-helper.js";
+const F = (d = Date.now()) => {
+  const t = new Date(d);
+  return new Date(
+    t.getUTCFullYear(),
+    t.getUTCMonth(),
+    t.getUTCDate(),
+    t.getUTCHours(),
+    t.getUTCMinutes(),
+    t.getUTCSeconds()
+  );
+}, A = {
+  name: "KvCheckoutReceipt",
+  components: {
+    KvButton: j,
+    KvTooltip: O,
+    KvMaterialIcon: I
+  },
+  props: {
+    lender: {
+      type: Object,
+      required: !0
+    },
+    receipt: {
+      type: Object,
+      required: !0
+    },
+    disableRedirects: {
+      type: Boolean,
+      default: !1
+    },
+    enableKivaCardTracking: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  setup() {
+    const d = v(() => T), t = v(() => g);
+    return {
+      infoIcon: d,
+      printIcon: t
+    };
+  },
+  computed: {
+    formattedTransactionTime() {
+      return `${b(F(this.receipt.transactionTime), "MMMM dd, yyyy h:mm a")} GMT`;
+    },
+    loans() {
+      return this.receiptValues.length ? this.receipt.items.values.filter((d) => d.basketItemType === "loan_reservation") : [];
+    },
+    kivaCards() {
+      return this.receiptValues.length ? this.receipt.items.values.filter((d) => d.basketItemType === "kiva_card") : [];
+    },
+    printableKivaCards() {
+      return this.kivaCards.length ? this.kivaCards.filter((d) => d.kivaCardObject.deliveryType === "print") : [];
+    },
+    donations() {
+      return this.receipt.items.values.filter((d) => d.basketItemType === "donation");
+    },
+    receiptValues() {
+      var d, t;
+      return ((t = (d = this.receipt) == null ? void 0 : d.items) == null ? void 0 : t.values) ?? [];
+    }
+  },
+  methods: {
+    printReceipt() {
+      typeof window < "u" && (this.enableKivaCardTracking && this.$kvTrackEvent("post-checkout", "click", "print-receipt-order-confirmation drawer"), window.print());
+    },
+    printDonationInformation() {
+      this.enableKivaCardTracking && this.$kvTrackEvent("post-checkout", "click", "print-donation-information drawer");
+    },
+    printKivaCard() {
+      this.enableKivaCardTracking && this.$kvTrackEvent("post-checkout", "click", "kiva-card-view-pdf-order-confirmation drawer");
+    }
+  }
+}, U = { class: "checkout-receipt" }, M = { class: "checkout-receipt__wrapper tw-bg-primary tw-p-4 tw-rounded-sm tw-border tw-border-tertiary" }, N = {
+  "data-testid": "lender-info",
+  class: "section section--lender-info"
+}, P = { class: "data-hj-suppress" }, R = { class: "data-hj-suppress" }, V = {
+  key: 0,
+  "data-testid": "print-kcard-msg",
+  class: "section tw-text-center print:!tw-hidden"
+}, E = { class: "checkout-receipt__item-list" }, B = {
+  "data-testid": "loan",
+  class: "loan"
+}, q = {
+  class: "loan__name data-hj-suppress",
+  "data-testid": "loan-name"
+}, S = ["href"], Y = { class: "tw-text-small" }, z = {
+  class: "tw-text-secondary",
+  "data-testid": "loan-country"
+}, G = {
+  key: 0,
+  "data-testid": "loan-use"
+}, H = {
+  class: "loan__amount tw-text-h3",
+  "data-testid": "loan-amount"
+}, L = {
+  "data-testid": "kcard",
+  class: "loan kcard"
+}, W = {
+  class: "loan__details data-hj-suppress",
+  "data-testid": "kcard-details"
+}, J = {
+  key: 0,
+  "data-testid": "kcard-details",
+  class: "loan__details data-hj-suppress"
+}, Q = {
+  class: "loan__details data-hj-suppress",
+  "data-testid": "kcard-details"
+}, X = {
+  class: "loan__amount tw-text-h3",
+  "data-testid": "kcard-amount"
+}, Z = {
+  key: 0,
+  "data-testid": "kcard-portfolio",
+  class: "section tw-text-center print:!tw-hidden"
+}, $ = { href: "/portfolio/kiva-cards" }, tt = { class: "checkout-receipt__item-list" }, et = { class: "section" }, at = {
+  class: "loan",
+  "data-testid": "donation"
+}, it = {
+  class: "loan__amount tw-text-h3",
+  "data-testid": "donation-amount"
+}, nt = {
+  "data-testid": "receipt-total",
+  class: "section total"
+}, st = {
+  class: "total__amount tw-text-h3",
+  "data-testid": "total-amount"
+}, ot = { class: "section payments" }, rt = { class: "payments__list" }, dt = {
+  key: 0,
+  "data-testid": "payment-type-kcard",
+  class: "total"
+}, lt = {
+  class: "total__amount tw-text-h3",
+  "data-testid": "kcard-payment-amount"
+}, ct = {
+  key: 1,
+  "data-testid": "payment-type-free-trial",
+  class: "total"
+}, pt = {
+  key: 2,
+  "data-testid": "payment-type-free-credit",
+  class: "total"
+}, mt = {
+  class: "total__amount tw-text-h3",
+  "data-testid": "free-credit-payment-amount"
+}, ut = {
+  key: 3,
+  "data-testid": "payment-type-kiva-credit-added",
+  class: "total"
+}, kt = {
+  class: "total__amount tw-text-h3",
+  "data-testid": "kiva-credit-added-payment-amount"
+}, _t = {
+  key: 4,
+  "data-testid": "payment-kiva-credit-used",
+  class: "total"
+}, vt = {
+  class: "total__amount tw-text-h3",
+  "data-testid": "kiva-credit-use-payment-amount"
+}, yt = {
+  key: 5,
+  "data-testid": "payment-type-amount-charged",
+  class: "total"
+}, ht = {
+  class: "total__amount tw-text-h3",
+  "data-testid": "amount-charged-payment-amount"
+}, ft = { class: "section section--print print:!tw-hidden" };
+function Ct(d, t, o, k, wt, c) {
+  const _ = u("kv-material-icon"), f = u("kv-tooltip"), C = u("kv-button"), w = x("kv-track-event");
+  return n(), s("div", U, [
+    t[25] || (t[25] = e("h2", { class: "checkout-receipt__headline" }, " Order Confirmation ", -1)),
+    e("div", M, [
+      e("section", N, [
+        e("div", null, i(c.formattedTransactionTime), 1),
+        e("div", P, i(o.lender.firstName) + " " + i(o.lender.lastName), 1),
+        e("div", R, i(o.lender.email), 1)
+      ]),
+      e("section", null, [
+        c.printableKivaCards.length > 0 ? (n(), s("div", V, [
+          e("h2", null, "Print your Kiva " + i(c.printableKivaCards.length > 1 ? "Cards" : "Card"), 1),
+          e("p", null, " The print-it-yourself Kiva " + i(c.printableKivaCards.length > 1 ? "Cards" : "Card") + " you ordered can be printed right now by clicking on the print " + i(c.printableKivaCards.length > 1 ? "buttons" : "button") + " in the receipt below. Or, you can print a copy anytime directly from your email receipt. ", 1)
+        ])) : r("", !0),
+        e("ul", E, [
+          (n(!0), s(p, null, y(c.loans, (a) => (n(), s("li", {
+            key: a.id,
+            "data-testid": "receipt-item-loan",
+            class: "section"
+          }, [
+            e("div", B, [
+              e("h3", q, [
+                o.disableRedirects ? (n(), s(p, { key: 0 }, [
+                  l(i(a.loan.name), 1)
+                ], 64)) : (n(), s("a", {
+                  key: 1,
+                  href: `/lend/${a.id}`
+                }, i(a.loan.name), 9, S))
+              ]),
+              e("div", Y, [
+                e("p", z, [
+                  a.loan.geocode && a.loan.geocode.city ? (n(), s(p, { key: 0 }, [
+                    l(i(a.loan.geocode.city) + ", ", 1)
+                  ], 64)) : r("", !0),
+                  a.loan.geocode && a.loan.geocode.country ? (n(), s(p, { key: 1 }, [
+                    l(i(a.loan.geocode.country.name), 1)
+                  ], 64)) : r("", !0)
+                ]),
+                a.loan.use ? (n(), s("p", G, " A loan helps " + i(a.loan.use), 1)) : r("", !0)
+              ]),
+              e("div", H, " $" + i(a.price), 1)
+            ])
+          ]))), 128)),
+          (n(!0), s(p, null, y(c.kivaCards, (a) => (n(), s("li", {
+            key: a.id,
+            "data-testid": "receipt-item-kcard",
+            class: "section"
+          }, [
+            e("div", L, [
+              a.kivaCardObject.deliveryType === "print" ? (n(), s(p, { key: 0 }, [
+                e("div", null, [
+                  t[3] || (t[3] = e("h3", {
+                    class: "loan__name loan__name--inline",
+                    "data-testid": "kcard-type-print"
+                  }, " Print-it-yourself Kiva Card ", -1)),
+                  m(_, {
+                    id: `print-card-${a.id}`,
+                    icon: k.infoIcon,
+                    "data-testid": "kcard-tool-tip-control",
+                    name: "question",
+                    class: "tw-fill-current tw-text-tertiary tw-h-2.5 tw-w-2.5 tw-ml-0.5"
+                  }, null, 8, ["id", "icon"]),
+                  m(f, {
+                    "data-testid": "kcard-tool-tip-text",
+                    controller: `print-card-${a.id}`,
+                    theme: "mint"
+                  }, {
+                    default: h(() => t[2] || (t[2] = [
+                      l(" You can print this card now. We'll also send it to you in an email so you can print it later. ")
+                    ])),
+                    _: 2
+                  }, 1032, ["controller"])
+                ]),
+                m(C, {
+                  "data-testid": "kcard-print-button",
+                  class: "tw-mb-2 print:!tw-hidden",
+                  target: "_blank",
+                  href: `/gifts/kiva-cards/print?giftCode=${a.kivaCardObject.redemptionCode}`,
+                  onClick: c.printKivaCard
+                }, {
+                  default: h(() => t[4] || (t[4] = [
+                    l(" Print Kiva Card ")
+                  ])),
+                  _: 2
+                }, 1032, ["href", "onClick"])
+              ], 64)) : a.kivaCardObject.deliveryType === "postal" ? (n(), s(p, { key: 1 }, [
+                t[8] || (t[8] = e("h3", {
+                  class: "loan__name",
+                  "data-testid": "kcard-type-postal"
+                }, " Postal delivery Kiva Card ", -1)),
+                e("div", W, [
+                  l(" For: " + i(a.kivaCardObject.mailingInfo.firstName) + " " + i(a.kivaCardObject.mailingInfo.lastName), 1),
+                  t[6] || (t[6] = e("br", null, null, -1)),
+                  l(" " + i(a.kivaCardObject.mailingInfo.address), 1),
+                  t[7] || (t[7] = e("br", null, null, -1)),
+                  a.kivaCardObject.mailingInfo.address2 ? (n(), s(p, { key: 0 }, [
+                    l(i(a.kivaCardObject.mailingInfo.address2), 1),
+                    t[5] || (t[5] = e("br", null, null, -1))
+                  ], 64)) : r("", !0),
+                  l(" " + i(a.kivaCardObject.mailingInfo.city) + ", " + i(a.kivaCardObject.mailingInfo.state) + " " + i(a.kivaCardObject.mailingInfo.zip), 1)
+                ])
+              ], 64)) : a.kivaCardObject.deliveryType === "lender" ? (n(), s(p, { key: 2 }, [
+                t[9] || (t[9] = e("h3", {
+                  class: "loan__name",
+                  "data-testid": "kcard-type-lender"
+                }, " Kiva Card ", -1)),
+                a.kivaCardObject.recipient.name ? (n(), s("div", J, " For: " + i(a.kivaCardObject.recipient.name), 1)) : r("", !0)
+              ], 64)) : a.kivaCardObject.deliveryType === "email" ? (n(), s(p, { key: 3 }, [
+                t[11] || (t[11] = e("h3", {
+                  class: "loan__name",
+                  "data-testid": "kcard-type-email"
+                }, " Email delivery Kiva Card ", -1)),
+                e("div", Q, [
+                  t[10] || (t[10] = l(" For: ")),
+                  a.kivaCardObject.recipient.name ? (n(), s(p, { key: 0 }, [
+                    l(i(a.kivaCardObject.recipient.name) + " – ", 1)
+                  ], 64)) : r("", !0),
+                  l(" " + i(a.kivaCardObject.recipient.email), 1)
+                ])
+              ], 64)) : r("", !0),
+              e("div", X, " $" + i(a.price), 1)
+            ])
+          ]))), 128)),
+          c.kivaCards.length > 0 ? (n(), s("li", Z, [
+            t[13] || (t[13] = l(" For more details about all your Kiva Card purchases, please visit your ")),
+            K((n(), s("a", $, t[12] || (t[12] = [
+              l(" Kiva portfolio ")
+            ]))), [
+              [w, ["Thanks", "click", "kiva-card-portfolio"]]
+            ]),
+            t[14] || (t[14] = l(". "))
+          ])) : r("", !0)
+        ])
+      ]),
+      e("section", null, [
+        e("ul", tt, [
+          e("li", et, [
+            e("div", at, [
+              t[15] || (t[15] = e("h3", { class: "loan__name" }, " Donation to Kiva ", -1)),
+              o.receipt.totals.donationTotal > 0 ? (n(), s("a", {
+                key: 0,
+                "data-testid": "print-donation-information",
+                class: "smallest print:tw-hidden",
+                href: "/portfolio/donations",
+                onClick: t[0] || (t[0] = (...a) => c.printDonationInformation && c.printDonationInformation(...a))
+              }, " Print Donation Information ")) : r("", !0),
+              e("div", it, " $" + i(o.receipt.totals.donationTotal), 1)
+            ])
+          ]),
+          e("li", nt, [
+            t[16] || (t[16] = e("h3", { class: "total__header tw-text-h3" }, " Total: ", -1)),
+            e("span", st, "$" + i(o.receipt.totals.itemTotal), 1)
+          ])
+        ])
+      ]),
+      e("section", ot, [
+        t[23] || (t[23] = e("h3", { class: "tw-text-secondary" }, " Payments ", -1)),
+        e("ul", rt, [
+          o.receipt.totals.redemptionCodeAppliedTotal > 0 ? (n(), s("li", dt, [
+            t[17] || (t[17] = e("span", { class: "total__header tw-text-h3" }, "Kiva Card:", -1)),
+            e("span", lt, " $" + i(o.receipt.totals.redemptionCodeAppliedTotal), 1)
+          ])) : r("", !0),
+          o.receipt.totals.freeTrialAppliedTotal > 0 ? (n(), s("li", ct, t[18] || (t[18] = [
+            e("span", { class: "total__header tw-text-h3" }, "Free Trial:", -1),
+            e("span", {
+              class: "total__amount tw-text-h3",
+              "data-testid": "free-trial-payment-amount"
+            }, "Free!", -1)
+          ]))) : r("", !0),
+          o.receipt.totals.bonusAppliedTotal > 0 ? (n(), s("li", pt, [
+            t[19] || (t[19] = e("span", { class: "total__header tw-text-h3" }, "Free credit:", -1)),
+            e("span", mt, i(o.receipt.totals.bonusAppliedTotal), 1)
+          ])) : r("", !0),
+          o.receipt.totals.depositTotals.kivaCreditAdded > 0 ? (n(), s("li", ut, [
+            t[20] || (t[20] = e("span", { class: "total__header tw-text-h3" }, "Kiva credit added:", -1)),
+            e("span", kt, " $" + i(o.receipt.totals.depositTotals.kivaCreditAdded), 1)
+          ])) : r("", !0),
+          o.receipt.totals.depositTotals.kivaCreditUsed > 0 ? (n(), s("li", _t, [
+            t[21] || (t[21] = e("span", { class: "total__header tw-text-h3" }, "Kiva credit:", -1)),
+            e("span", vt, " $" + i(o.receipt.totals.depositTotals.kivaCreditUsed), 1)
+          ])) : r("", !0),
+          parseFloat(o.receipt.totals.depositTotals.depositTotal) > 0 ? (n(), s("li", yt, [
+            t[22] || (t[22] = e("span", { class: "total__header tw-text-h3" }, "Amount charged:", -1)),
+            e("span", ht, " $" + i(o.receipt.totals.depositTotals.depositTotal), 1)
+          ])) : r("", !0)
+        ])
+      ]),
+      e("section", ft, [
+        e("button", {
+          "data-testid": "print-receipt",
+          class: "print tw-text-link tw-flex tw-items-center tw-gap-1",
+          onClick: t[1] || (t[1] = (...a) => c.printReceipt && c.printReceipt(...a))
+        }, [
+          m(_, {
+            icon: k.printIcon,
+            name: "print",
+            class: "tw-h-2.5 tw-w-2.5 tw-ml-0.5"
+          }, null, 8, ["icon"]),
+          t[24] || (t[24] = e("span", null, "Print this receipt", -1))
+        ])
+      ])
+    ])
+  ]);
+}
+const Dt = /* @__PURE__ */ D(A, [["render", Ct], ["__scopeId", "data-v-062ccdb1"]]);
+export {
+  Dt as default
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kiva/kv-components",
-  "version": "6.32.0",
+  "version": "6.34.0",
   "type": "module",
   "publishConfig": {
     "access": "public"
@@ -111,5 +111,5 @@
     "embla-carousel-fade",
     "popper.js"
   ],
-  "gitHead": "a524c8cc658713bc8cff3796011b5751fe87f01a"
+  "gitHead": "cc3ce2bd8be698962222f76cbbef145f2c628fa9"
 }