@kiva/kv-components 6.33.0 → 6.35.0

package/dist/index.js

@@ -2,203 +2,207 @@ import { default as r } 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";
-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 p } from "./vue/KvCardFrame.js";
+import { default as x } from "./vue/KvCarousel.js";
+import { default as K } from "./vue/KvCartModal.js";
+import { default as A } from "./vue/KvCartPill.js";
+import { default as i } from "./vue/KvCheckbox.js";
+import { default as L } from "./vue/KvCheckoutReceipt.js";
+import { default as T } from "./vue/KvChip.js";
+import { KV_CLASSIC_LOAN_CARD_FRAGMENT as E, KV_CLASSIC_LOAN_CARD_USER_FRAGMET as R, default as O } from "./vue/KvClassicLoanCard.js";
+import { default as S } from "./vue/KvCommentsAdd.js";
+import { default as G } from "./vue/KvCommentsContainer.js";
+import { default as P } from "./vue/KvCommentsHeartButton.js";
+import { default as F } from "./vue/KvCommentsList.js";
+import { default as B } from "./vue/KvCommentsListItem.js";
+import { default as D } from "./vue/KvCommentsReplyButton.js";
+import { default as y } from "./vue/KvContentfulImg.js";
+import { default as w } from "./vue/KvCountdownTimer.js";
+import { default as H } from "./vue/KvExpandable.js";
+import { default as z } from "./vue/KvExpandableQuestion.js";
+import { default as q } from "./vue/KvFlag.js";
+import { default as X } from "./vue/KvGrid.js";
+import { default as Z } from "./vue/KvImpactDashboardHeader.js";
+import { default as ee } from "./vue/KvInlineActivityCard.js";
+import { default as re } from "./vue/KvInlineActivityFeed.js";
+import { KV_INTRODUCTION_LOAN_CARD_FRAGMENT as ae, KV_INTRODUCTION_LOAN_CARD_USER_FRAGMENT as fe, default as le } from "./vue/KvIntroductionLoanCard.js";
+import { default as de } from "./vue/KvLendAmountButton.js";
+import { KV_LEND_CTA_FRAGMENT as pe, KV_LEND_CTA_USER_FRAGMENT as ue, default as xe } from "./vue/KvLendCta.js";
+import { default as Ke } from "./vue/KvLightbox.js";
+import { default as Ae } from "./vue/KvLineGraph.js";
+import { KV_LOAN_ACTIVITIES_FRAGMENT as ie, default as _e } from "./vue/KvLoanActivities.js";
+import { KV_LOAN_BOOKMARK_FRAGMENT as Ne, default as Te } from "./vue/KvLoanBookmark.js";
+import { default as Ee } from "./vue/KvLoanCallouts.js";
+import { default as Oe } from "./vue/KvLoanProgressGroup.js";
+import { KV_LOAN_TAG_FRAGMENT as Se, default as Ie } from "./vue/KvLoanTag.js";
+import { default as ge } from "./vue/KvLoanTeamPick.js";
+import { KV_LOAN_USE_FRAGMENT as he, default as Fe } from "./vue/KvLoanUse.js";
+import { default as Be } from "./vue/KvLoadingPlaceholder.js";
+import { default as De } from "./vue/KvLoadingSpinner.js";
+import { default as ye } from "./vue/KvMap.js";
+import { default as we } from "./vue/KvMaterialIcon.js";
+import { default as He } from "./vue/KvPageContainer.js";
+import { default as ze } from "./vue/KvPagination.js";
+import { default as qe } from "./vue/KvPieChart.js";
+import { default as Xe } from "./vue/KvPopper.js";
+import { default as Ze } from "./vue/KvProgressBar.js";
+import { default as eo } from "./vue/KvRadio.js";
+import { default as ro } from "./vue/KvSelect.js";
+import { default as ao } from "./vue/KvSideSheet.js";
+import { default as lo } from "./vue/KvSwitch.js";
+import { default as mo } from "./vue/KvTab.js";
+import { default as uo } from "./vue/KvTabPanel.js";
+import { default as no } from "./vue/KvTabs.js";
+import { default as vo } from "./vue/KvTextInput.js";
+import { default as Co } from "./vue/KvTextLink.js";
+import { default as _o } from "./vue/KvThemeProvider.js";
+import { default as No } from "./vue/KvToast.js";
+import { default as co } from "./vue/KvTooltip.js";
+import { default as Ro } from "./vue/KvTreeMapChart.js";
+import { default as Mo } from "./vue/KvUserAvatar.js";
+import { default as Io } from "./vue/KvVerticalCarousel.js";
+import { default as go } from "./vue/KvVotingCard.js";
+import { default as ho } from "./vue/KvVotingCardV2.js";
+import { KV_WIDE_LOAN_CARD_FRAGMENT as Vo, KV_WIDE_LOAN_CARD_USER_FRAGMENT as Bo, default as ko } from "./vue/KvWideLoanCard.js";
+import { default as bo } from "./vue/KvAtbModal.js";
+import { default as Uo } from "./vue/KvSecondaryNav.js";
+import { default as Wo, Mash as Ho } from "./utils/Alea.js";
+import { useAttrs as zo } from "./utils/attrs.js";
+import { carouselUtil as qo } from "./utils/carousels.js";
+import { collapse as Xo, expand as Yo } from "./utils/expander.js";
+import { isLegacyPlaceholderAvatar as $o, randomizedUserAvatarClass as er } from "./utils/imageUtils.js";
+import { LOAN_CALLOUTS_FRAGMENT as rr, LOAN_GEOCODE_FRAGMENT as tr, LOAN_PROGRESS_FRAGMENT as ar, loanCardComputedProperties as fr, loanCardMethods as lr } from "./utils/loanCard.js";
+import { BALANCE_CAMPAIGN as dr, BASE_CAMPAIGN as mr, ERL_COOKIE_NAME as pr, NO_BALANCE_CAMPAIGN as ur, TOP_UP_CAMPAIGN as xr, getDropdownPriceArray as nr, getLendCtaSelectedOption as Kr, isBetween25And50 as vr, isLessThan25 as Ar } from "./utils/loanUtils.js";
+import { animationCoordinator as ir, generateMapMarkers as _r, getCoordinatesBetween as Lr, getCountryColor as Nr, getLoansIntervals as Tr } from "./utils/mapUtils.js";
+import { lockPrintSingleEl as Er, unlockPrintSingleEl as Rr } from "./utils/printing.js";
+import { lockScroll as Mr, lockScrollSmallOnly as Sr, unlockScroll as Ir, unlockScrollSmallOnly as Gr } from "./utils/scrollLock.js";
+import { buildTailwindClassName as Pr, headerNumberCase as hr, kebabCase as Fr, removeObjectProperty as Vr } from "./utils/themeUtils.js";
+import { throttle as kr } from "./utils/throttle.js";
+import { isTargetElement as br, offBodyTouchstart as yr, onBodyTouchstart as Ur } from "./utils/touchEvents.js";
+import { getTreemap as Wr } from "./utils/treemap.js";
+import { KvBlueskyIcon as jr } 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,
+  Wo as Alea,
+  dr as BALANCE_CAMPAIGN,
+  mr as BASE_CAMPAIGN,
+  pr as ERL_COOKIE_NAME,
+  E as KV_CLASSIC_LOAN_CARD_FRAGMENT,
+  R as KV_CLASSIC_LOAN_CARD_USER_FRAGMET,
+  ae as KV_INTRODUCTION_LOAN_CARD_FRAGMENT,
+  fe as KV_INTRODUCTION_LOAN_CARD_USER_FRAGMENT,
+  pe as KV_LEND_CTA_FRAGMENT,
+  ue as KV_LEND_CTA_USER_FRAGMENT,
+  ie as KV_LOAN_ACTIVITIES_FRAGMENT,
+  Ne as KV_LOAN_BOOKMARK_FRAGMENT,
+  Se as KV_LOAN_TAG_FRAGMENT,
+  he as KV_LOAN_USE_FRAGMENT,
+  Vo as KV_WIDE_LOAN_CARD_FRAGMENT,
+  Bo as KV_WIDE_LOAN_CARD_USER_FRAGMENT,
   r as KvAccordionItem,
   a as KvActivityRow,
-  Vo as KvAtbModal,
-  Ur as KvBlueskyIcon,
+  bo as KvAtbModal,
+  jr 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
+  p as KvCardFrame,
+  x as KvCarousel,
+  K as KvCartModal,
+  A as KvCartPill,
+  i as KvCheckbox,
+  L as KvCheckoutReceipt,
+  T as KvChip,
+  O as KvClassicLoanCard,
+  S as KvCommentsAdd,
+  G as KvCommentsContainer,
+  P as KvCommentsHeartButton,
+  F as KvCommentsList,
+  B as KvCommentsListItem,
+  D as KvCommentsReplyButton,
+  y as KvContentfulImg,
+  w as KvCountdownTimer,
+  H as KvExpandable,
+  z as KvExpandableQuestion,
+  q as KvFlag,
+  X as KvGrid,
+  Z as KvImpactDashboardHeader,
+  ee as KvInlineActivityCard,
+  re as KvInlineActivityFeed,
+  le as KvIntroductionLoanCard,
+  de as KvLendAmountButton,
+  xe as KvLendCta,
+  Ke as KvLightbox,
+  Ae as KvLineGraph,
+  Be as KvLoadingPlaceholder,
+  De as KvLoadingSpinner,
+  _e as KvLoanActivities,
+  Te as KvLoanBookmark,
+  Ee as KvLoanCallouts,
+  Oe as KvLoanProgressGroup,
+  Ie as KvLoanTag,
+  ge as KvLoanTeamPick,
+  Fe as KvLoanUse,
+  ye as KvMap,
+  we as KvMaterialIcon,
+  He as KvPageContainer,
+  ze as KvPagination,
+  qe as KvPieChart,
+  Xe as KvPopper,
+  Ze as KvProgressBar,
+  eo as KvRadio,
+  Uo as KvSecondaryNav,
+  ro as KvSelect,
+  ao as KvSideSheet,
+  lo as KvSwitch,
+  mo as KvTab,
+  uo as KvTabPanel,
+  no as KvTabs,
+  vo as KvTextInput,
+  Co as KvTextLink,
+  _o as KvThemeProvider,
+  No as KvToast,
+  co as KvTooltip,
+  Ro as KvTreeMapChart,
+  Mo as KvUserAvatar,
+  Io as KvVerticalCarousel,
+  go as KvVotingCard,
+  ho as KvVotingCardV2,
+  ko as KvWideLoanCard,
+  rr as LOAN_CALLOUTS_FRAGMENT,
+  tr as LOAN_GEOCODE_FRAGMENT,
+  ar as LOAN_PROGRESS_FRAGMENT,
+  Ho as Mash,
+  ur as NO_BALANCE_CAMPAIGN,
+  xr as TOP_UP_CAMPAIGN,
+  ir as animationCoordinator,
+  Pr as buildTailwindClassName,
+  qo as carouselUtil,
+  Xo as collapse,
+  Yo as expand,
+  _r as generateMapMarkers,
+  Lr as getCoordinatesBetween,
+  Nr as getCountryColor,
+  nr as getDropdownPriceArray,
+  Kr as getLendCtaSelectedOption,
+  Tr as getLoansIntervals,
+  Wr as getTreemap,
+  hr as headerNumberCase,
+  vr as isBetween25And50,
+  $o as isLegacyPlaceholderAvatar,
+  Ar as isLessThan25,
+  br as isTargetElement,
+  Fr as kebabCase,
+  fr as loanCardComputedProperties,
+  lr as loanCardMethods,
+  Er as lockPrintSingleEl,
+  Mr as lockScroll,
+  Sr as lockScrollSmallOnly,
+  yr as offBodyTouchstart,
+  Ur as onBodyTouchstart,
+  er as randomizedUserAvatarClass,
+  Vr as removeObjectProperty,
+  kr as throttle,
+  Rr as unlockPrintSingleEl,
+  Ir as unlockScroll,
+  Gr as unlockScrollSmallOnly,
+  zo as useAttrs
 };

package/dist/vue/KvCardFrame.js

@@ -0,0 +1,81 @@
+import { computed as n, resolveComponent as d, openBlock as l, createBlock as m, withCtx as i, createElementVNode as h, normalizeClass as u, renderSlot as c } from "vue";
+import { defaultTheme as r, stoneDarkTheme as g, stoneLightTheme as f, marigoldLightTheme as p, greenLightTheme as v, greenDarkTheme as C } from "@kiva/kv-tokens";
+import k from "./KvThemeProvider.js";
+import _ from "../_virtual/_plugin-vue_export-helper.js";
+const w = {
+  components: {
+    KvThemeProvider: k
+  },
+  props: {
+    bgColorClass: {
+      type: String,
+      default: "tw-bg-primary"
+    },
+    borderClass: {
+      type: String,
+      default: ""
+    },
+    radiusClass: {
+      type: String,
+      default: "tw-rounded"
+    },
+    shadowClass: {
+      type: String,
+      default: "tw-shadow-lg"
+    },
+    theme: {
+      type: String,
+      default: "default",
+      validator(e) {
+        return [
+          "default",
+          "greenLight",
+          "greenDark",
+          "marigoldLight",
+          "stoneLight",
+          "stoneDark"
+        ].includes(e);
+      }
+    }
+  },
+  setup(e) {
+    return { themeStyle: n(() => {
+      switch (e.theme) {
+        case "default":
+          return r;
+        case "greenDark":
+          return C;
+        case "greenLight":
+          return v;
+        case "marigoldLight":
+          return p;
+        case "stoneLight":
+          return f;
+        case "stoneDark":
+          return g;
+        default:
+          return r;
+      }
+    }) };
+  }
+};
+function y(e, a, t, o, L, S) {
+  const s = d("kv-theme-provider");
+  return l(), m(s, {
+    theme: o.themeStyle,
+    class: "kv-card-frame-theme-provider"
+  }, {
+    default: i(() => [
+      h("div", {
+        class: u(["kv-card-frame tw-overflow-hidden", t.bgColorClass, t.radiusClass, t.shadowClass, t.borderClass])
+      }, [
+        c(e.$slots, "default")
+      ], 2)
+    ]),
+    _: 3
+  }, 8, ["theme"]);
+}
+const B = /* @__PURE__ */ _(w, [["render", y]]);
+export {
+  B as default
+};

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.33.0",
+  "version": "6.35.0",
   "type": "module",
   "publishConfig": {
     "access": "public"
@@ -111,5 +111,5 @@
     "embla-carousel-fade",
     "popper.js"
   ],
-  "gitHead": "12db8839de9cf1577ae29e3dcd96443b533bc231"
+  "gitHead": "cb98ed3cd472ec7953b24de8da1ff9bc03495717"
 }