@kiva/kv-components 10.6.0 → 10.6.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (223) hide show
  1. package/dist/index.js +20 -20
  2. package/dist/vue/KvAccordionItem.js +1 -1
  3. package/dist/vue/KvActivityRow.js +1 -1
  4. package/dist/vue/KvAtbModal.js +1 -1
  5. package/dist/vue/KvBorrowerImage.js +1 -1
  6. package/dist/vue/KvButton.js +1 -1
  7. package/dist/vue/KvCardFrame.js +1 -1
  8. package/dist/vue/KvCarousel.js +1 -1
  9. package/dist/vue/KvCartModal.js +1 -1
  10. package/dist/vue/KvCartPill.js +1 -1
  11. package/dist/vue/KvCheckbox.js +1 -1
  12. package/dist/vue/KvCheckoutReceipt.js +1 -1
  13. package/dist/vue/KvChip.js +1 -1
  14. package/dist/vue/KvClassicLoanCard.js +252 -295
  15. package/dist/vue/KvClassicLoanCard.script.js +298 -0
  16. package/dist/vue/KvCommentsAdd.js +2 -2
  17. package/dist/vue/KvCommentsContainer.js +2 -2
  18. package/dist/vue/KvCommentsHeartButton.js +1 -1
  19. package/dist/vue/KvCommentsList.js +1 -1
  20. package/dist/vue/KvCommentsListItem.js +2 -2
  21. package/dist/vue/KvCommentsReplyButton.js +1 -1
  22. package/dist/vue/KvCompactLoanCard.js +416 -380
  23. package/dist/vue/KvCompactLoanCard.script.js +382 -0
  24. package/dist/vue/KvContentfulImg.js +1 -1
  25. package/dist/vue/KvCountdownTimer.js +1 -1
  26. package/dist/vue/KvDatePicker.js +1 -1
  27. package/dist/vue/KvExpandable.js +1 -1
  28. package/dist/vue/KvExpandableQuestion.js +1 -1
  29. package/dist/vue/KvFlag.js +1 -1
  30. package/dist/vue/KvFormAssemblyForm.js +2 -95
  31. package/dist/vue/KvFormAssemblyForm.script.js +97 -0
  32. package/dist/vue/KvGrid.js +1 -1
  33. package/dist/vue/KvIconBag.js +1 -1
  34. package/dist/vue/KvIconButton.js +2 -116
  35. package/dist/vue/KvIconButton.script.js +118 -0
  36. package/dist/vue/KvImageUpload.js +1 -1
  37. package/dist/vue/KvImpactVerticalSelector.js +1 -1
  38. package/dist/vue/KvInlineActivityCard.js +1 -1
  39. package/dist/vue/KvInlineActivityFeed.js +1 -1
  40. package/dist/vue/KvIntroductionLoanCard.js +247 -220
  41. package/dist/vue/KvIntroductionLoanCard.script.js +223 -0
  42. package/dist/vue/KvLendAmountButton.js +1 -1
  43. package/dist/vue/KvLendCta.js +355 -389
  44. package/dist/vue/KvLendCta.script.js +391 -0
  45. package/dist/vue/KvLightbox.js +1 -1
  46. package/dist/vue/KvLineGraph.js +1 -1
  47. package/dist/vue/KvLoadingSpinner.js +1 -1
  48. package/dist/vue/KvLoanActivities.js +75 -149
  49. package/dist/vue/KvLoanActivities.script.js +151 -0
  50. package/dist/vue/KvLoanBookmark.js +22 -33
  51. package/dist/vue/KvLoanBookmark.script.js +35 -0
  52. package/dist/vue/KvLoanCallouts.js +1 -1
  53. package/dist/vue/KvLoanInfoCard.js +2 -2
  54. package/dist/vue/KvLoanProgressGroup.js +1 -1
  55. package/dist/vue/KvLoanTag.js +44 -123
  56. package/dist/vue/KvLoanTag.script.js +125 -0
  57. package/dist/vue/KvLoanUse.js +14 -111
  58. package/dist/vue/KvLoanUse.script.js +113 -0
  59. package/dist/vue/KvMap.js +1 -1
  60. package/dist/vue/KvMaterialIcon.js +1 -1
  61. package/dist/vue/KvPageContainer.js +1 -1
  62. package/dist/vue/KvPagination.js +1 -1
  63. package/dist/vue/KvPieChart.js +1 -1
  64. package/dist/vue/KvPieChartV2.js +1 -1
  65. package/dist/vue/KvPill.js +1 -1
  66. package/dist/vue/KvPopper.js +1 -1
  67. package/dist/vue/KvProgressBar.js +1 -1
  68. package/dist/vue/KvProgressCircle.js +1 -1
  69. package/dist/vue/KvPulsingDot.js +1 -1
  70. package/dist/vue/KvRadio.js +1 -1
  71. package/dist/vue/KvSecondaryNav.js +1 -1
  72. package/dist/vue/KvSelect.js +1 -1
  73. package/dist/vue/KvSideSheet.js +1 -1
  74. package/dist/vue/KvSimpleMap.js +1 -1
  75. package/dist/vue/KvStackedBarGraph.js +1 -1
  76. package/dist/vue/KvSwitch.js +1 -1
  77. package/dist/vue/KvTab.js +1 -1
  78. package/dist/vue/KvTabPanel.js +1 -1
  79. package/dist/vue/KvTabs.js +1 -1
  80. package/dist/vue/KvTextInput.js +1 -1
  81. package/dist/vue/KvTextLink.js +1 -1
  82. package/dist/vue/KvThemeProvider.js +1 -1
  83. package/dist/vue/KvToast.js +1 -1
  84. package/dist/vue/KvTooltip.js +1 -1
  85. package/dist/vue/KvTreeMapChart.js +1 -1
  86. package/dist/vue/KvUserAvatar.js +1 -1
  87. package/dist/vue/KvUtilityMenu.js +1 -1
  88. package/dist/vue/KvVerticalCarousel.js +1 -1
  89. package/dist/vue/KvVotingCard.js +1 -1
  90. package/dist/vue/KvVotingCardV2.js +1 -1
  91. package/dist/vue/KvWideLoanCard.js +206 -232
  92. package/dist/vue/KvWideLoanCard.script.js +235 -0
  93. package/dist/vue/KvWwwHeader/KvHeaderAboutMenu.js +1 -1
  94. package/dist/vue/KvWwwHeader/KvHeaderDropdownLink.js +1 -1
  95. package/dist/vue/KvWwwHeader/KvHeaderLinkBar.js +1 -1
  96. package/dist/vue/KvWwwHeader/KvHeaderLogo.js +1 -1
  97. package/dist/vue/KvWwwHeader/KvHeaderMobileMenu.js +1 -1
  98. package/dist/vue/KvWwwHeader/KvHeaderMyKivaMenu.js +1 -1
  99. package/dist/vue/KvWwwHeader/KvHeaderTakeActionMenu.js +1 -1
  100. package/dist/vue/KvWwwHeader/LendMenu/KvLendListMenu.js +1 -1
  101. package/dist/vue/KvWwwHeader/LendMenu/KvLendMegaMenu.js +1 -1
  102. package/dist/vue/KvWwwHeader/LendMenu/KvLendMenu.js +1 -1
  103. package/dist/vue/KvWwwHeader/LendMenu/KvLendMenuCountryList.js +1 -1
  104. package/dist/vue/KvWwwHeader/LendMenu/KvLendMenuSearchList.js +1 -1
  105. package/dist/vue/KvWwwHeader.js +1 -1
  106. package/dist/vue/KvWwwHeaderBasic/AboutMenu.js +1 -1
  107. package/dist/vue/KvWwwHeaderBasic/HeaderMenuGroup.js +1 -1
  108. package/dist/vue/KvWwwHeaderBasic/KvWwwHeaderBasic.js +1 -1
  109. package/dist/vue/KvWwwHeaderBasic/LinkBar.js +1 -1
  110. package/dist/vue/KvWwwHeaderBasic/MobileLendMenu/CategoriesPanel.js +1 -1
  111. package/dist/vue/KvWwwHeaderBasic/MobileLendMenu/MobileLendMenu.js +1 -1
  112. package/dist/vue/KvWwwHeaderBasic/MobileLendMenu/MyKivaPanel.js +1 -1
  113. package/dist/vue/KvWwwHeaderBasic/MobileLendMenu/RegionsPanel.js +1 -1
  114. package/dist/vue/KvWwwHeaderBasic/MobileLendMenu/SearchPanel.js +1 -1
  115. package/dist/vue/KvWwwHeaderBasic/MobileMenu.js +1 -1
  116. package/dist/vue/KvWwwHeaderBasic/MyKivaMenu.js +1 -1
  117. package/dist/vue/KvWwwHeaderBasic/SearchBar.js +1 -1
  118. package/package.json +2 -2
  119. package/vite.config.ts +16 -13
  120. package/dist/vue/KvClassicLoanCard2.js +0 -255
  121. package/dist/vue/KvCompactLoanCard2.js +0 -418
  122. package/dist/vue/KvFormAssemblyForm2.js +0 -4
  123. package/dist/vue/KvIconButton2.js +0 -4
  124. package/dist/vue/KvIntroductionLoanCard2.js +0 -250
  125. package/dist/vue/KvLendCta2.js +0 -357
  126. package/dist/vue/KvLoanActivities2.js +0 -77
  127. package/dist/vue/KvLoanBookmark2.js +0 -24
  128. package/dist/vue/KvLoanTag2.js +0 -46
  129. package/dist/vue/KvLoanUse2.js +0 -16
  130. package/dist/vue/KvWideLoanCard2.js +0 -209
  131. /package/dist/vue/{KvAccordionItem2.js → KvAccordionItem.script.js} +0 -0
  132. /package/dist/vue/{KvActivityRow2.js → KvActivityRow.script.js} +0 -0
  133. /package/dist/vue/{KvAtbModal2.js → KvAtbModal.script.js} +0 -0
  134. /package/dist/vue/{KvBorrowerImage2.js → KvBorrowerImage.script.js} +0 -0
  135. /package/dist/vue/{KvButton2.js → KvButton.script.js} +0 -0
  136. /package/dist/vue/{KvCardFrame2.js → KvCardFrame.script.js} +0 -0
  137. /package/dist/vue/{KvCarousel2.js → KvCarousel.script.js} +0 -0
  138. /package/dist/vue/{KvCartModal2.js → KvCartModal.script.js} +0 -0
  139. /package/dist/vue/{KvCartPill2.js → KvCartPill.script.js} +0 -0
  140. /package/dist/vue/{KvCheckbox2.js → KvCheckbox.script.js} +0 -0
  141. /package/dist/vue/{KvCheckoutReceipt2.js → KvCheckoutReceipt.script.js} +0 -0
  142. /package/dist/vue/{KvChip2.js → KvChip.script.js} +0 -0
  143. /package/dist/vue/{KvCommentsAdd2.js → KvCommentsAdd.script.js} +0 -0
  144. /package/dist/vue/{KvCommentsContainer2.js → KvCommentsContainer.script.js} +0 -0
  145. /package/dist/vue/{KvCommentsHeartButton2.js → KvCommentsHeartButton.script.js} +0 -0
  146. /package/dist/vue/{KvCommentsList2.js → KvCommentsList.script.js} +0 -0
  147. /package/dist/vue/{KvCommentsListItem2.js → KvCommentsListItem.script.js} +0 -0
  148. /package/dist/vue/{KvCommentsReplyButton2.js → KvCommentsReplyButton.script.js} +0 -0
  149. /package/dist/vue/{KvContentfulImg2.js → KvContentfulImg.script.js} +0 -0
  150. /package/dist/vue/{KvCountdownTimer2.js → KvCountdownTimer.script.js} +0 -0
  151. /package/dist/vue/{KvDatePicker2.js → KvDatePicker.script.js} +0 -0
  152. /package/dist/vue/{KvExpandable2.js → KvExpandable.script.js} +0 -0
  153. /package/dist/vue/{KvExpandableQuestion2.js → KvExpandableQuestion.script.js} +0 -0
  154. /package/dist/vue/{KvFlag2.js → KvFlag.script.js} +0 -0
  155. /package/dist/vue/{KvGrid2.js → KvGrid.script.js} +0 -0
  156. /package/dist/vue/{KvIconBag2.js → KvIconBag.script.js} +0 -0
  157. /package/dist/vue/{KvImageUpload2.js → KvImageUpload.script.js} +0 -0
  158. /package/dist/vue/{KvImpactVerticalSelector2.js → KvImpactVerticalSelector.script.js} +0 -0
  159. /package/dist/vue/{KvInlineActivityCard2.js → KvInlineActivityCard.script.js} +0 -0
  160. /package/dist/vue/{KvInlineActivityFeed2.js → KvInlineActivityFeed.script.js} +0 -0
  161. /package/dist/vue/{KvLendAmountButton2.js → KvLendAmountButton.script.js} +0 -0
  162. /package/dist/vue/{KvLightbox2.js → KvLightbox.script.js} +0 -0
  163. /package/dist/vue/{KvLineGraph2.js → KvLineGraph.script.js} +0 -0
  164. /package/dist/vue/{KvLoadingSpinner2.js → KvLoadingSpinner.script.js} +0 -0
  165. /package/dist/vue/{KvLoanCallouts2.js → KvLoanCallouts.script.js} +0 -0
  166. /package/dist/vue/{KvLoanProgressGroup2.js → KvLoanProgressGroup.script.js} +0 -0
  167. /package/dist/vue/{KvMap2.js → KvMap.script.js} +0 -0
  168. /package/dist/vue/{KvMaterialIcon2.js → KvMaterialIcon.script.js} +0 -0
  169. /package/dist/vue/{KvPageContainer2.js → KvPageContainer.script.js} +0 -0
  170. /package/dist/vue/{KvPagination2.js → KvPagination.script.js} +0 -0
  171. /package/dist/vue/{KvPieChart2.js → KvPieChart.script.js} +0 -0
  172. /package/dist/vue/{KvPieChartV22.js → KvPieChartV2.script.js} +0 -0
  173. /package/dist/vue/{KvPill2.js → KvPill.script.js} +0 -0
  174. /package/dist/vue/{KvPopper2.js → KvPopper.script.js} +0 -0
  175. /package/dist/vue/{KvProgressBar2.js → KvProgressBar.script.js} +0 -0
  176. /package/dist/vue/{KvProgressCircle2.js → KvProgressCircle.script.js} +0 -0
  177. /package/dist/vue/{KvPulsingDot2.js → KvPulsingDot.script.js} +0 -0
  178. /package/dist/vue/{KvRadio2.js → KvRadio.script.js} +0 -0
  179. /package/dist/vue/{KvSecondaryNav2.js → KvSecondaryNav.script.js} +0 -0
  180. /package/dist/vue/{KvSelect2.js → KvSelect.script.js} +0 -0
  181. /package/dist/vue/{KvSideSheet2.js → KvSideSheet.script.js} +0 -0
  182. /package/dist/vue/{KvSimpleMap2.js → KvSimpleMap.script.js} +0 -0
  183. /package/dist/vue/{KvStackedBarGraph2.js → KvStackedBarGraph.script.js} +0 -0
  184. /package/dist/vue/{KvSwitch2.js → KvSwitch.script.js} +0 -0
  185. /package/dist/vue/{KvTab2.js → KvTab.script.js} +0 -0
  186. /package/dist/vue/{KvTabPanel2.js → KvTabPanel.script.js} +0 -0
  187. /package/dist/vue/{KvTabs2.js → KvTabs.script.js} +0 -0
  188. /package/dist/vue/{KvTextInput2.js → KvTextInput.script.js} +0 -0
  189. /package/dist/vue/{KvTextLink2.js → KvTextLink.script.js} +0 -0
  190. /package/dist/vue/{KvThemeProvider2.js → KvThemeProvider.script.js} +0 -0
  191. /package/dist/vue/{KvToast2.js → KvToast.script.js} +0 -0
  192. /package/dist/vue/{KvTooltip2.js → KvTooltip.script.js} +0 -0
  193. /package/dist/vue/{KvTreeMapChart2.js → KvTreeMapChart.script.js} +0 -0
  194. /package/dist/vue/{KvUserAvatar2.js → KvUserAvatar.script.js} +0 -0
  195. /package/dist/vue/{KvUtilityMenu2.js → KvUtilityMenu.script.js} +0 -0
  196. /package/dist/vue/{KvVerticalCarousel2.js → KvVerticalCarousel.script.js} +0 -0
  197. /package/dist/vue/{KvVotingCard2.js → KvVotingCard.script.js} +0 -0
  198. /package/dist/vue/{KvVotingCardV22.js → KvVotingCardV2.script.js} +0 -0
  199. /package/dist/vue/KvWwwHeader/{KvHeaderAboutMenu2.js → KvHeaderAboutMenu.script.js} +0 -0
  200. /package/dist/vue/KvWwwHeader/{KvHeaderDropdownLink2.js → KvHeaderDropdownLink.script.js} +0 -0
  201. /package/dist/vue/KvWwwHeader/{KvHeaderLinkBar2.js → KvHeaderLinkBar.script.js} +0 -0
  202. /package/dist/vue/KvWwwHeader/{KvHeaderLogo2.js → KvHeaderLogo.script.js} +0 -0
  203. /package/dist/vue/KvWwwHeader/{KvHeaderMobileMenu2.js → KvHeaderMobileMenu.script.js} +0 -0
  204. /package/dist/vue/KvWwwHeader/{KvHeaderMyKivaMenu2.js → KvHeaderMyKivaMenu.script.js} +0 -0
  205. /package/dist/vue/KvWwwHeader/{KvHeaderTakeActionMenu2.js → KvHeaderTakeActionMenu.script.js} +0 -0
  206. /package/dist/vue/KvWwwHeader/LendMenu/{KvLendListMenu2.js → KvLendListMenu.script.js} +0 -0
  207. /package/dist/vue/KvWwwHeader/LendMenu/{KvLendMegaMenu2.js → KvLendMegaMenu.script.js} +0 -0
  208. /package/dist/vue/KvWwwHeader/LendMenu/{KvLendMenu2.js → KvLendMenu.script.js} +0 -0
  209. /package/dist/vue/KvWwwHeader/LendMenu/{KvLendMenuCountryList2.js → KvLendMenuCountryList.script.js} +0 -0
  210. /package/dist/vue/KvWwwHeader/LendMenu/{KvLendMenuSearchList2.js → KvLendMenuSearchList.script.js} +0 -0
  211. /package/dist/vue/{KvWwwHeader2.js → KvWwwHeader.script.js} +0 -0
  212. /package/dist/vue/KvWwwHeaderBasic/{AboutMenu2.js → AboutMenu.script.js} +0 -0
  213. /package/dist/vue/KvWwwHeaderBasic/{HeaderMenuGroup2.js → HeaderMenuGroup.script.js} +0 -0
  214. /package/dist/vue/KvWwwHeaderBasic/{KvWwwHeaderBasic2.js → KvWwwHeaderBasic.script.js} +0 -0
  215. /package/dist/vue/KvWwwHeaderBasic/{LinkBar2.js → LinkBar.script.js} +0 -0
  216. /package/dist/vue/KvWwwHeaderBasic/MobileLendMenu/{CategoriesPanel2.js → CategoriesPanel.script.js} +0 -0
  217. /package/dist/vue/KvWwwHeaderBasic/MobileLendMenu/{MobileLendMenu2.js → MobileLendMenu.script.js} +0 -0
  218. /package/dist/vue/KvWwwHeaderBasic/MobileLendMenu/{MyKivaPanel2.js → MyKivaPanel.script.js} +0 -0
  219. /package/dist/vue/KvWwwHeaderBasic/MobileLendMenu/{RegionsPanel2.js → RegionsPanel.script.js} +0 -0
  220. /package/dist/vue/KvWwwHeaderBasic/MobileLendMenu/{SearchPanel2.js → SearchPanel.script.js} +0 -0
  221. /package/dist/vue/KvWwwHeaderBasic/{MobileMenu2.js → MobileMenu.script.js} +0 -0
  222. /package/dist/vue/KvWwwHeaderBasic/{MyKivaMenu2.js → MyKivaMenu.script.js} +0 -0
  223. /package/dist/vue/KvWwwHeaderBasic/{SearchBar2.js → SearchBar.script.js} +0 -0
@@ -1,235 +1,209 @@
1
- import o from "graphql-tag";
2
- import { LOAN_CALLOUTS_FRAGMENT as M, LOAN_GEOCODE_FRAGMENT as R, LOAN_PROGRESS_FRAGMENT as B, loanCardComputedProperties as S, loanCardMethods as k, useLocationTruncation as w } from "../utils/loanCard.js";
3
- import O from "./KvLoanUse2.js";
4
- import D from "./KvBorrowerImage.js";
5
- import F from "./KvLoanProgressGroup.js";
6
- import G from "./KvLoanCallouts.js";
7
- import b from "./KvLendCta2.js";
8
- import P from "./KvLoanBookmark2.js";
9
- import U from "./KvLoanTag2.js";
10
- import V from "./KvMaterialIcon.js";
11
- import W from "./KvLoadingPlaceholder.js";
12
- import $ from "./KvTooltip.js";
13
- import { KV_LEND_CTA_FRAGMENT as z, KV_LEND_CTA_USER_FRAGMENT as I } from "./KvLendCta.js";
14
- import { KV_LOAN_TAG_FRAGMENT as q } from "./KvLoanTag.js";
15
- import { KV_LOAN_USE_FRAGMENT as x } from "./KvLoanUse.js";
16
- import { KV_LOAN_BOOKMARK_FRAGMENT as H } from "./KvLoanBookmark.js";
17
- const me = o`
18
- fragment KvWideLoanCard on LoanBasic {
19
- id
20
- image {
21
- id
22
- hash # for imageHash
23
- }
24
- name # for borrowerName
25
- ...KvLendCta
26
- ...KvLoanTag
27
- ...KvLoanUse
28
- ...LoanCallouts
29
- ...LoanGeocode
30
- ...LoanProgress
31
- }
32
- ${z}
33
- ${q}
34
- ${x}
35
- ${M}
36
- ${R}
37
- ${B}
38
- `, ue = o`
39
- fragment KvWideLoanCardUser on LoanBasic {
40
- id
41
- ...KvLendCtaUser
42
- ...KvLoanBookmark
43
- }
44
- ${I}
45
- ${H}
46
- `, fe = {
47
- name: "KvWideLoanCard",
48
- components: {
49
- KvBorrowerImage: D,
50
- KvLoadingPlaceholder: W,
51
- KvLoanUse: O,
52
- KvLoanProgressGroup: F,
53
- KvMaterialIcon: V,
54
- KvLendCta: b,
55
- KvLoanTag: U,
56
- KvLoanCallouts: G,
57
- KvLoanBookmark: P,
58
- KvTooltip: $
59
- },
60
- props: {
61
- loanId: {
62
- type: Number,
63
- default: void 0
64
- },
65
- loan: {
66
- type: Object,
67
- default: null
68
- },
69
- customLoanDetails: {
70
- type: Boolean,
71
- default: !1
72
- },
73
- showTags: {
74
- type: Boolean,
75
- default: !1
76
- },
77
- categoryPageName: {
78
- type: String,
79
- default: ""
80
- },
81
- enableFiveDollarsNotes: {
82
- type: Boolean,
83
- default: !1
84
- },
85
- isAdding: {
86
- type: Boolean,
87
- default: !1
88
- },
89
- isVisitor: {
90
- type: Boolean,
91
- default: !0
92
- },
93
- basketItems: {
94
- type: Array,
95
- default: () => []
96
- },
97
- isBookmarked: {
98
- type: Boolean,
99
- default: !1
100
- },
101
- kvTrackFunction: {
102
- type: Function,
103
- required: !0
104
- },
105
- photoPath: {
106
- type: String,
107
- required: !0
108
- },
109
- showViewLoan: {
110
- type: Boolean,
111
- default: !1
112
- },
113
- externalLinks: {
114
- type: Boolean,
115
- default: !1
116
- },
117
- route: {
118
- type: Object,
119
- default: void 0
120
- },
121
- userBalance: {
122
- type: String,
123
- default: void 0
124
- },
125
- getCookie: {
126
- type: Function,
127
- default: void 0
128
- },
129
- setCookie: {
130
- type: Function,
131
- default: void 0
132
- },
133
- fiveDollarsSelected: {
134
- type: Boolean,
135
- default: !1
136
- },
137
- customCallouts: {
138
- type: Array,
139
- default: () => []
140
- },
141
- customHref: {
142
- type: String,
143
- default: ""
144
- },
145
- enableMultiMatching: {
146
- type: Boolean,
147
- default: !1
148
- }
149
- },
150
- emits: [
151
- "toggle-bookmark",
152
- "add-to-basket"
153
- ],
154
- setup(e, { emit: a }) {
155
- const {
156
- allDataLoaded: t,
157
- borrowerName: r,
158
- city: i,
159
- countryName: n,
160
- distributionModel: l,
161
- formattedLocation: d,
162
- fundraisingPercent: s,
163
- hasProgressData: m,
164
- imageHash: u,
165
- isLoading: f,
166
- loanAmount: p,
167
- loanBorrowerCount: c,
168
- loanCallouts: L,
169
- loanStatus: g,
170
- loanUse: v,
171
- mdiMapMarker: _,
172
- readMorePath: A,
173
- state: y,
174
- tag: K,
175
- unreservedAmount: N,
176
- sharesAvailable: h
177
- } = S(e), {
178
- clickReadMore: C
179
- } = k(e, a), {
180
- locationRef: T,
181
- isLocationTruncated: E
182
- } = w();
183
- return {
184
- allDataLoaded: t,
185
- borrowerName: r,
186
- city: i,
187
- countryName: n,
188
- distributionModel: l,
189
- formattedLocation: d,
190
- fundraisingPercent: s,
191
- hasProgressData: m,
192
- imageHash: u,
193
- isLoading: f,
194
- loanAmount: p,
195
- loanBorrowerCount: c,
196
- loanCallouts: L,
197
- loanStatus: g,
198
- loanUse: v,
199
- mdiMapMarker: _,
200
- readMorePath: A,
201
- state: y,
202
- tag: K,
203
- unreservedAmount: N,
204
- sharesAvailable: h,
205
- clickReadMore: C,
206
- locationRef: T,
207
- isLocationTruncated: E
208
- };
209
- },
210
- computed: {
211
- cardWidth() {
212
- return "374px";
213
- },
214
- imageAspectRatio() {
215
- return 1;
216
- },
217
- imageDefaultWidth() {
218
- return 320;
219
- },
220
- imageSizes() {
221
- return [
222
- { width: this.imageDefaultWidth, viewSize: 1024 },
223
- { width: this.imageDefaultWidth, viewSize: 768 },
224
- { width: 416, viewSize: 480 },
225
- { width: 374, viewSize: 414 },
226
- { width: 335, viewSize: 375 }
227
- ];
228
- }
229
- }
1
+ import D from "./KvWideLoanCard.script.js";
2
+ import { KV_WIDE_LOAN_CARD_FRAGMENT as ee, KV_WIDE_LOAN_CARD_USER_FRAGMENT as te } from "./KvWideLoanCard.script.js";
3
+ import { resolveComponent as i, openBlock as o, createElementBlock as r, normalizeClass as f, createElementVNode as s, createBlock as n, resolveDynamicComponent as k, withCtx as m, createVNode as d, toDisplayString as h, createTextVNode as N, createCommentVNode as w, Fragment as R, renderList as V } from "vue";
4
+ import "./KvWideLoanCard.css";
5
+ import B from "../_virtual/_plugin-vue_export-helper.js";
6
+ const T = { class: "loan-card-active-hover tw-flex-1 tw-min-w-[275px] md:tw-min-w-[320px] md:tw-max-w-[320px]" }, E = {
7
+ key: 1,
8
+ class: "tw-relative tw-w-full"
9
+ }, I = { key: 0 }, S = {
10
+ class: "tw-absolute tw-bottom-1 tw-left-1 tw-text-primary tw-bg-white tw-rounded tw-p-1 tw-mb-0 tw-text-label tw-flex tw-items-center tw-h-3",
11
+ style: { padding: "2px 6px", "text-transform": "capitalize", "max-width": "calc(100% - 1rem)" }
12
+ }, F = ["id"], W = { class: "tw-flex tw-flex-col tw-flex-1 tw-px-1" }, z = { class: "tw-hidden md:tw-inline-block tw-text-title" }, K = { class: "tw-pt-1" }, U = {
13
+ key: 0,
14
+ class: "tw-w-full",
15
+ style: { height: "5.5rem" }
16
+ }, G = { key: 1 }, O = { class: "tw-flex tw-flex-row tw-justify-between tw-gap-1 md:tw-gap-3" }, j = {
17
+ key: 0,
18
+ class: "tw-w-full tw-pt-1 tw-pr-1"
230
19
  };
20
+ function H(_, a, t, e, q, g) {
21
+ const c = i("kv-loading-placeholder"), v = i("kv-borrower-image"), u = i("kv-material-icon"), b = i("kv-tooltip"), x = i("kv-loan-bookmark"), y = i("kv-loan-tag"), L = i("kv-loan-use"), M = i("kv-loan-callouts"), C = i("kv-loan-progress-group"), A = i("kv-lend-cta");
22
+ return o(), r("div", {
23
+ class: f(["tw-flex tw-flex-row tw-flex-wrap tw-bg-white tw-rounded tw-w-full tw-pb-1 tw-p-1 tw-gap-1 tw-items-center", { "tw-pointer-events-none": e.isLoading }]),
24
+ "data-testid": "loan-card",
25
+ style: { "box-shadow": "0 4px 12px rgba(0, 0, 0, 0.08)" }
26
+ }, [
27
+ s("div", T, [
28
+ e.isLoading ? (o(), n(c, {
29
+ key: 0,
30
+ class: "tw-mb-1 tw-w-full tw-rounded",
31
+ style: { height: "15rem" }
32
+ })) : (o(), r("div", E, [
33
+ (o(), n(k(e.tag), {
34
+ to: e.readMorePath,
35
+ href: e.readMorePath,
36
+ class: "tw-flex",
37
+ "aria-label": "Borrower image",
38
+ onClick: a[0] || (a[0] = (l) => e.clickReadMore("Photo", l))
39
+ }, {
40
+ default: m(() => [
41
+ d(v, {
42
+ class: "tw-relative tw-w-full tw-bg-black tw-rounded-sm tw-bg-clip-content",
43
+ alt: `Photo of ${e.borrowerName}`,
44
+ "aspect-ratio": g.imageAspectRatio,
45
+ "default-image": { width: g.imageDefaultWidth },
46
+ hash: e.imageHash,
47
+ images: g.imageSizes,
48
+ "photo-path": t.photoPath
49
+ }, null, 8, ["alt", "aspect-ratio", "default-image", "hash", "images", "photo-path"]),
50
+ e.countryName ? (o(), r("div", I, [
51
+ s("p", S, [
52
+ d(u, {
53
+ class: "tw-h-2 tw-w-2 tw-flex-shrink-0",
54
+ icon: e.mdiMapMarker
55
+ }, null, 8, ["icon"]),
56
+ s("span", {
57
+ id: `loan-location-${t.loanId}`,
58
+ ref: "locationRef",
59
+ class: "tw-truncate tw-min-w-0",
60
+ style: { "margin-top": "0.125rem" }
61
+ }, h(e.formattedLocation), 9, F),
62
+ e.isLocationTruncated ? (o(), n(b, {
63
+ key: 0,
64
+ controller: `loan-location-${t.loanId}`,
65
+ "max-width": "250px"
66
+ }, {
67
+ default: m(() => [
68
+ N(h(e.formattedLocation), 1)
69
+ ]),
70
+ _: 1
71
+ }, 8, ["controller"])) : w("", !0)
72
+ ])
73
+ ])) : w("", !0)
74
+ ]),
75
+ _: 1
76
+ }, 8, ["to", "href"])),
77
+ t.isVisitor ? w("", !0) : (o(), n(x, {
78
+ key: 0,
79
+ "loan-id": t.loanId,
80
+ "is-bookmarked": t.isBookmarked,
81
+ class: "tw-absolute tw-right-1",
82
+ style: { top: "-6px" },
83
+ "data-testid": "loan-card-bookmark",
84
+ onToggleBookmark: a[1] || (a[1] = (l) => _.$emit("toggle-bookmark"))
85
+ }, null, 8, ["loan-id", "is-bookmarked"]))
86
+ ]))
87
+ ]),
88
+ s("div", W, [
89
+ s("h3", z, h(e.borrowerName), 1),
90
+ (o(), n(k(e.tag), {
91
+ to: e.readMorePath,
92
+ href: e.readMorePath,
93
+ class: "tw-flex tw-no-underline hover:tw-no-underline focus:tw-no-underline",
94
+ "aria-label": "Loan tag",
95
+ onClick: a[2] || (a[2] = (l) => e.clickReadMore("Tag", l))
96
+ }, {
97
+ default: m(() => [
98
+ t.showTags && !e.isLoading ? (o(), n(y, {
99
+ key: 0,
100
+ loan: t.loan,
101
+ "enable-multi-matching": t.enableMultiMatching
102
+ }, null, 8, ["loan", "enable-multi-matching"])) : w("", !0)
103
+ ]),
104
+ _: 1
105
+ }, 8, ["to", "href"])),
106
+ (o(), n(k(e.tag), {
107
+ to: e.readMorePath,
108
+ href: e.readMorePath,
109
+ class: "loan-card-use tw-no-underline tw-text-primary",
110
+ "aria-label": "Loan use",
111
+ onClick: a[3] || (a[3] = (l) => e.clickReadMore("Use", l))
112
+ }, {
113
+ default: m(() => [
114
+ s("div", K, [
115
+ e.isLoading ? (o(), r("div", U, [
116
+ (o(!0), r(R, null, V([...Array(4)], (l, P) => (o(), r("div", {
117
+ key: P,
118
+ class: "tw-h-2 tw-mb-1"
119
+ }, [
120
+ d(c)
121
+ ]))), 128))
122
+ ])) : (o(), r("div", G, [
123
+ d(L, {
124
+ use: e.loanUse,
125
+ "loan-amount": e.loanAmount,
126
+ status: e.loanStatus,
127
+ "borrower-count": e.loanBorrowerCount,
128
+ name: e.borrowerName,
129
+ "distribution-model": e.distributionModel
130
+ }, null, 8, ["use", "loan-amount", "status", "borrower-count", "name", "distribution-model"])
131
+ ]))
132
+ ])
133
+ ]),
134
+ _: 1
135
+ }, 8, ["to", "href"])),
136
+ e.isLoading || typeof e.loanCallouts > "u" ? (o(), n(c, {
137
+ key: 0,
138
+ class: "tw-mt-1.5 tw-mb-1",
139
+ style: { width: "60%", height: "1.75rem", "border-radius": "500rem" }
140
+ })) : (o(), n(M, {
141
+ key: 1,
142
+ callouts: e.loanCallouts,
143
+ class: "loan-callouts tw-my-1.5"
144
+ }, null, 8, ["callouts"])),
145
+ s("div", O, [
146
+ e.hasProgressData ? w("", !0) : (o(), r("div", j, [
147
+ d(c, {
148
+ class: "tw-mb-0.5",
149
+ style: { width: "70%", height: "1.3rem" }
150
+ }),
151
+ d(c, {
152
+ class: "tw-rounded",
153
+ style: { width: "70%", height: "0.5rem" }
154
+ })
155
+ ])),
156
+ e.sharesAvailable ? (o(), n(k(e.tag), {
157
+ key: 1,
158
+ to: e.readMorePath,
159
+ href: e.readMorePath,
160
+ class: "loan-card-progress tw-mt-1 tw-flex-grow",
161
+ "aria-label": "Loan progress",
162
+ onClick: a[4] || (a[4] = (l) => e.clickReadMore("Progress", l))
163
+ }, {
164
+ default: m(() => [
165
+ d(C, {
166
+ id: "loanProgress",
167
+ "money-left": e.unreservedAmount,
168
+ "progress-percent": e.fundraisingPercent,
169
+ class: "tw-text-black"
170
+ }, null, 8, ["money-left", "progress-percent"])
171
+ ]),
172
+ _: 1
173
+ }, 8, ["to", "href"])) : w("", !0),
174
+ e.allDataLoaded ? (o(), n(A, {
175
+ key: 3,
176
+ loan: t.loan,
177
+ "unreserved-amount": e.unreservedAmount,
178
+ "basket-items": t.basketItems,
179
+ "is-loading": e.isLoading,
180
+ "is-adding": t.isAdding,
181
+ "enable-five-dollars-notes": t.enableFiveDollarsNotes,
182
+ "five-dollars-selected": t.fiveDollarsSelected,
183
+ "kv-track-function": t.kvTrackFunction,
184
+ "show-view-loan": t.showViewLoan,
185
+ "custom-loan-details": t.customLoanDetails,
186
+ "external-links": t.externalLinks,
187
+ route: t.route,
188
+ "user-balance": t.userBalance,
189
+ "get-cookie": t.getCookie,
190
+ "set-cookie": t.setCookie,
191
+ "is-visitor": t.isVisitor,
192
+ class: f(["tw-mt-auto tw-self-end", { "tw-flex-grow": !e.sharesAvailable, "tw-flex-shrink-0": e.sharesAvailable }]),
193
+ onAddToBasket: a[5] || (a[5] = (l) => _.$emit("add-to-basket", l)),
194
+ onShowLoanDetails: a[6] || (a[6] = (l) => e.clickReadMore("ViewLoan", l))
195
+ }, null, 8, ["loan", "unreserved-amount", "basket-items", "is-loading", "is-adding", "enable-five-dollars-notes", "five-dollars-selected", "kv-track-function", "show-view-loan", "custom-loan-details", "external-links", "route", "user-balance", "get-cookie", "set-cookie", "is-visitor", "class"])) : (o(), n(c, {
196
+ key: 2,
197
+ class: "tw-rounded tw-self-start",
198
+ style: { width: "9rem", height: "3rem" }
199
+ }))
200
+ ])
201
+ ])
202
+ ], 2);
203
+ }
204
+ const Z = /* @__PURE__ */ B(D, [["render", H], ["__scopeId", "data-v-de4628d8"]]);
231
205
  export {
232
- me as KV_WIDE_LOAN_CARD_FRAGMENT,
233
- ue as KV_WIDE_LOAN_CARD_USER_FRAGMENT,
234
- fe as default
206
+ ee as KV_WIDE_LOAN_CARD_FRAGMENT,
207
+ te as KV_WIDE_LOAN_CARD_USER_FRAGMENT,
208
+ Z as default
235
209
  };
@@ -0,0 +1,235 @@
1
+ import o from "graphql-tag";
2
+ import { LOAN_CALLOUTS_FRAGMENT as M, LOAN_GEOCODE_FRAGMENT as R, LOAN_PROGRESS_FRAGMENT as B, loanCardComputedProperties as S, loanCardMethods as k, useLocationTruncation as w } from "../utils/loanCard.js";
3
+ import O from "./KvLoanUse.js";
4
+ import D from "./KvBorrowerImage.js";
5
+ import F from "./KvLoanProgressGroup.js";
6
+ import G from "./KvLoanCallouts.js";
7
+ import b from "./KvLendCta.js";
8
+ import P from "./KvLoanBookmark.js";
9
+ import U from "./KvLoanTag.js";
10
+ import V from "./KvMaterialIcon.js";
11
+ import W from "./KvLoadingPlaceholder.js";
12
+ import $ from "./KvTooltip.js";
13
+ import { KV_LEND_CTA_FRAGMENT as z, KV_LEND_CTA_USER_FRAGMENT as I } from "./KvLendCta.script.js";
14
+ import { KV_LOAN_TAG_FRAGMENT as q } from "./KvLoanTag.script.js";
15
+ import { KV_LOAN_USE_FRAGMENT as x } from "./KvLoanUse.script.js";
16
+ import { KV_LOAN_BOOKMARK_FRAGMENT as H } from "./KvLoanBookmark.script.js";
17
+ const me = o`
18
+ fragment KvWideLoanCard on LoanBasic {
19
+ id
20
+ image {
21
+ id
22
+ hash # for imageHash
23
+ }
24
+ name # for borrowerName
25
+ ...KvLendCta
26
+ ...KvLoanTag
27
+ ...KvLoanUse
28
+ ...LoanCallouts
29
+ ...LoanGeocode
30
+ ...LoanProgress
31
+ }
32
+ ${z}
33
+ ${q}
34
+ ${x}
35
+ ${M}
36
+ ${R}
37
+ ${B}
38
+ `, ue = o`
39
+ fragment KvWideLoanCardUser on LoanBasic {
40
+ id
41
+ ...KvLendCtaUser
42
+ ...KvLoanBookmark
43
+ }
44
+ ${I}
45
+ ${H}
46
+ `, fe = {
47
+ name: "KvWideLoanCard",
48
+ components: {
49
+ KvBorrowerImage: D,
50
+ KvLoadingPlaceholder: W,
51
+ KvLoanUse: O,
52
+ KvLoanProgressGroup: F,
53
+ KvMaterialIcon: V,
54
+ KvLendCta: b,
55
+ KvLoanTag: U,
56
+ KvLoanCallouts: G,
57
+ KvLoanBookmark: P,
58
+ KvTooltip: $
59
+ },
60
+ props: {
61
+ loanId: {
62
+ type: Number,
63
+ default: void 0
64
+ },
65
+ loan: {
66
+ type: Object,
67
+ default: null
68
+ },
69
+ customLoanDetails: {
70
+ type: Boolean,
71
+ default: !1
72
+ },
73
+ showTags: {
74
+ type: Boolean,
75
+ default: !1
76
+ },
77
+ categoryPageName: {
78
+ type: String,
79
+ default: ""
80
+ },
81
+ enableFiveDollarsNotes: {
82
+ type: Boolean,
83
+ default: !1
84
+ },
85
+ isAdding: {
86
+ type: Boolean,
87
+ default: !1
88
+ },
89
+ isVisitor: {
90
+ type: Boolean,
91
+ default: !0
92
+ },
93
+ basketItems: {
94
+ type: Array,
95
+ default: () => []
96
+ },
97
+ isBookmarked: {
98
+ type: Boolean,
99
+ default: !1
100
+ },
101
+ kvTrackFunction: {
102
+ type: Function,
103
+ required: !0
104
+ },
105
+ photoPath: {
106
+ type: String,
107
+ required: !0
108
+ },
109
+ showViewLoan: {
110
+ type: Boolean,
111
+ default: !1
112
+ },
113
+ externalLinks: {
114
+ type: Boolean,
115
+ default: !1
116
+ },
117
+ route: {
118
+ type: Object,
119
+ default: void 0
120
+ },
121
+ userBalance: {
122
+ type: String,
123
+ default: void 0
124
+ },
125
+ getCookie: {
126
+ type: Function,
127
+ default: void 0
128
+ },
129
+ setCookie: {
130
+ type: Function,
131
+ default: void 0
132
+ },
133
+ fiveDollarsSelected: {
134
+ type: Boolean,
135
+ default: !1
136
+ },
137
+ customCallouts: {
138
+ type: Array,
139
+ default: () => []
140
+ },
141
+ customHref: {
142
+ type: String,
143
+ default: ""
144
+ },
145
+ enableMultiMatching: {
146
+ type: Boolean,
147
+ default: !1
148
+ }
149
+ },
150
+ emits: [
151
+ "toggle-bookmark",
152
+ "add-to-basket"
153
+ ],
154
+ setup(e, { emit: a }) {
155
+ const {
156
+ allDataLoaded: t,
157
+ borrowerName: r,
158
+ city: i,
159
+ countryName: n,
160
+ distributionModel: l,
161
+ formattedLocation: d,
162
+ fundraisingPercent: s,
163
+ hasProgressData: m,
164
+ imageHash: u,
165
+ isLoading: f,
166
+ loanAmount: p,
167
+ loanBorrowerCount: c,
168
+ loanCallouts: L,
169
+ loanStatus: g,
170
+ loanUse: v,
171
+ mdiMapMarker: _,
172
+ readMorePath: A,
173
+ state: y,
174
+ tag: K,
175
+ unreservedAmount: N,
176
+ sharesAvailable: h
177
+ } = S(e), {
178
+ clickReadMore: C
179
+ } = k(e, a), {
180
+ locationRef: T,
181
+ isLocationTruncated: E
182
+ } = w();
183
+ return {
184
+ allDataLoaded: t,
185
+ borrowerName: r,
186
+ city: i,
187
+ countryName: n,
188
+ distributionModel: l,
189
+ formattedLocation: d,
190
+ fundraisingPercent: s,
191
+ hasProgressData: m,
192
+ imageHash: u,
193
+ isLoading: f,
194
+ loanAmount: p,
195
+ loanBorrowerCount: c,
196
+ loanCallouts: L,
197
+ loanStatus: g,
198
+ loanUse: v,
199
+ mdiMapMarker: _,
200
+ readMorePath: A,
201
+ state: y,
202
+ tag: K,
203
+ unreservedAmount: N,
204
+ sharesAvailable: h,
205
+ clickReadMore: C,
206
+ locationRef: T,
207
+ isLocationTruncated: E
208
+ };
209
+ },
210
+ computed: {
211
+ cardWidth() {
212
+ return "374px";
213
+ },
214
+ imageAspectRatio() {
215
+ return 1;
216
+ },
217
+ imageDefaultWidth() {
218
+ return 320;
219
+ },
220
+ imageSizes() {
221
+ return [
222
+ { width: this.imageDefaultWidth, viewSize: 1024 },
223
+ { width: this.imageDefaultWidth, viewSize: 768 },
224
+ { width: 416, viewSize: 480 },
225
+ { width: 374, viewSize: 414 },
226
+ { width: 335, viewSize: 375 }
227
+ ];
228
+ }
229
+ }
230
+ };
231
+ export {
232
+ me as KV_WIDE_LOAN_CARD_FRAGMENT,
233
+ ue as KV_WIDE_LOAN_CARD_USER_FRAGMENT,
234
+ fe as default
235
+ };
@@ -1,4 +1,4 @@
1
- import n from "./KvHeaderAboutMenu2.js";
1
+ import n from "./KvHeaderAboutMenu.script.js";
2
2
  import { resolveComponent as l, resolveDirective as p, openBlock as e, createElementBlock as f, withDirectives as i, createBlock as u, withCtx as a, createTextVNode as s } from "vue";
3
3
  import d from "../../_virtual/_plugin-vue_export-helper.js";
4
4
  const v = { class: "tw--mt-0.5 tw-pb-0.5 tw-flex tw-flex-col tw-items-start tw-font-medium tw-px-2.5" };
@@ -1,4 +1,4 @@
1
- import l from "./KvHeaderDropdownLink2.js";
1
+ import l from "./KvHeaderDropdownLink.script.js";
2
2
  import { resolveComponent as s, openBlock as c, createElementBlock as d, withModifiers as m, createElementVNode as w, normalizeClass as r, renderSlot as f, createVNode as u } from "vue";
3
3
  import h from "../../_virtual/_plugin-vue_export-helper.js";
4
4
  const v = ["href"];
@@ -1,4 +1,4 @@
1
- import D from "./KvHeaderLinkBar2.js";
1
+ import D from "./KvHeaderLinkBar.script.js";
2
2
  import { resolveComponent as s, resolveDirective as H, openBlock as a, createElementBlock as i, withDirectives as l, withModifiers as c, normalizeClass as v, createVNode as r, createBlock as g, withCtx as k, createTextVNode as m, createElementVNode as w, createCommentVNode as y, normalizeStyle as f, vShow as h, toDisplayString as L } from "vue";
3
3
  import "./KvHeaderLinkBar.css";
4
4
  import B from "../../_virtual/_plugin-vue_export-helper.js";
@@ -1,4 +1,4 @@
1
- import t from "./KvHeaderLogo2.js";
1
+ import t from "./KvHeaderLogo.script.js";
2
2
  import { resolveComponent as e, openBlock as r, createElementBlock as c, createVNode as n } from "vue";
3
3
  import s from "../../_virtual/_plugin-vue_export-helper.js";
4
4
  const a = { class: "tw-h-2 lg:tw-h-2.5" };