diff --git a/.storybook/stories/KvActivityRow.stories.js b/.storybook/stories/KvActivityRow.stories.js deleted file mode 100644 index 992653b6ab..0000000000 --- a/.storybook/stories/KvActivityRow.stories.js +++ /dev/null @@ -1,26 +0,0 @@ -import KvActivityRow from '#src/components/Kv/KvActivityRow.vue'; - -export default { - title: 'Kv/KvActivityRow', - component: KvActivityRow, -}; - -const activity = { - lenderName: 'Stephanie', - lenderImage: 'https://www.development.kiva.org/img/s100/26e15431f51b540f31cd9f011cc54f31.jpg', - text: 'Stephanie lent $25', -}; - -const story = (args) => { - const template = (_args, { argTypes }) => ({ - props: Object.keys(argTypes), - components: { KvActivityRow }, - setup() { return args; }, - template: ``, - }) - template.args = args; - return template; -}; - -export const Default = story({ activity }); diff --git a/.storybook/stories/KvLoanActivities.stories.js b/.storybook/stories/KvLoanActivities.stories.js deleted file mode 100644 index e9a068dee5..0000000000 --- a/.storybook/stories/KvLoanActivities.stories.js +++ /dev/null @@ -1,67 +0,0 @@ -import KvLoanActivities from '#src/components/Kv/KvLoanActivities.vue'; -import cookieStoreStoryMixin from '../mixins/cookie-store-story-mixin'; -import activities from '../mock-data/activity-feed-data-mock'; - -export default { - title: 'Kv/KvLoanActivities', - component: KvLoanActivities, -}; - -const loan = { - id: 1998250, - distributionModel: 'partner', // direct, partner, both - geocode: { - city: "Cranston", - state: "RI", - country: { - name: "Malawi", - isoCode: "MW" - } - }, - image: { - hash: "d5ad26cd7acc24317edc1c04c6250074" - }, - name: "Microloan Foundation Malawi", - sector: { - name: "Services" - }, - whySpecial: "It helps Lending Partners withstand negative economic impacts of the COVID-19 pandemic.", - userProperties: { - lentTo: null - }, - use: "this Lending Partner provide loans to women in rural Malawi during the COVID-19 crisis.", - status: "fundraising", - loanAmount: "250000.00", - borrowerCount: 1, - anonymizationLevel: "none", - fullLoanUse: "A loan of $250,000 helps this Lending Partner provide loans to women in rural Malawi during the COVID-19 crisis.", - fundraisingPercent: 0.75, - unreservedAmount: '600', - loanFundraisingInfo: { - fundedAmount: "218950.00", - reservedAmount: "0.00", - isExpiringSoon: false - }, - plannedExpirationDate: "2020-09-10T19:30:13Z", - matchingText: "LISC", - matchRatio: 2, -}; - -const story = (args) => { - const template = (_args, { argTypes }) => ({ - mixins: [cookieStoreStoryMixin()], - props: Object.keys(argTypes), - components: { KvLoanActivities }, - setup() { return args; }, - template: ` -
- -
`, - }) - template.args = args; - return template; -}; - -export const Default = story({ loan, activities }); diff --git a/package-lock.json b/package-lock.json index 3ce97b6f1b..bc5e67383f 100644 --- a/package-lock.json +++ b/package-lock.json @@ -16,10 +16,10 @@ "@godaddy/terminus": "^4.11.0", "@graphql-tools/load": "^7.7.0", "@graphql-tools/url-loader": "^7.17.18", - "@kiva/kv-components": "^3.109.1", + "@kiva/kv-components": "^3.109.3", "@kiva/kv-shop": "^1.12.65", "@kiva/kv-tokens": "^2.15.0", - "@mdi/js": "^7", + "@mdi/js": "^7.4.47", "@opentelemetry/api": "^1.7.0", "@opentelemetry/auto-instrumentations-node": "^0.40.2", "@opentelemetry/exporter-metrics-otlp-proto": "^0.46.0", @@ -5448,12 +5448,12 @@ "integrity": "sha512-1lNM7toQpiHWWdKrBmoXPudNLgFscU8rnk4nyBQQhbnlhSLzbjbsCcWWnA+IqXkgOCVysSpI7yEi7fuU6uLMYg==" }, "node_modules/@kiva/kv-components": { - "version": "3.109.1", - "resolved": "https://registry.npmjs.org/@kiva/kv-components/-/kv-components-3.109.1.tgz", - "integrity": "sha512-z/Me8Kdp0RrpUdG1ilodSbPQBtczth8XgISC7apSR/tojiHYZREynkhHo9rdPn17SAJxfFATFSocM9bInEdyYw==", + "version": "3.109.3", + "resolved": "https://registry.npmjs.org/@kiva/kv-components/-/kv-components-3.109.3.tgz", + "integrity": "sha512-zFjzCIVAf2mq7hRiu5+zVsnOlxL5cWsDdeC3vNUehgqwTcFUqf1Ij2MQ8IwqLHxeCVluR3UVRwBoDH8RDcm5OA==", "dependencies": { - "@kiva/kv-tokens": "^2.15.0", - "@mdi/js": "^5.9.55", + "@kiva/kv-tokens": "^2.16.0", + "@mdi/js": "^7.4.47", "@vueuse/integrations": "^7.6.0", "aria-hidden": "^1.1.3", "change-case": "^4.1.2", @@ -5477,11 +5477,6 @@ } } }, - "node_modules/@kiva/kv-components/node_modules/@mdi/js": { - "version": "5.9.55", - "resolved": "https://registry.npmjs.org/@mdi/js/-/js-5.9.55.tgz", - "integrity": "sha512-BbeHMgeK2/vjdJIRnx12wvQ6s8xAYfvMmEAVsUx9b+7GiQGQ9Za8jpwp17dMKr9CgKRvemlAM4S7S3QOtEbp4A==" - }, "node_modules/@kiva/kv-components/node_modules/vue-demi": { "version": "0.14.7", "resolved": "https://registry.npmjs.org/vue-demi/-/vue-demi-0.14.7.tgz", @@ -5556,9 +5551,9 @@ } }, "node_modules/@kiva/kv-tokens": { - "version": "2.15.0", - "resolved": "https://registry.npmjs.org/@kiva/kv-tokens/-/kv-tokens-2.15.0.tgz", - "integrity": "sha512-V+XSN/V/Qs1HPcRtXmyKVywGWf999pe+FvsZfZ1bSn/F9flav9bmC/WbiH+Bj2k6hOW7g8PotwziXt/8tcmLqA==", + "version": "2.16.0", + "resolved": "https://registry.npmjs.org/@kiva/kv-tokens/-/kv-tokens-2.16.0.tgz", + "integrity": "sha512-ebxNuJAPcb83G408a0Rh5Y89ArGTlnjDyjQYumUmbM9awqI2z+eOeAP8a2XLapaE58rg90nJbAyLtIp9U6uV0g==", "dependencies": { "@tailwindcss/typography": "^0.5.1", "tailwindcss": "^3.4.3" @@ -5620,9 +5615,10 @@ } }, "node_modules/@mdi/js": { - "version": "7.0.96", - "resolved": "https://registry.npmjs.org/@mdi/js/-/js-7.0.96.tgz", - "integrity": "sha512-lNqhkV3cpPfYb/Avh+vXLFukUTbHbyHoFo4Jdc7Oc9UvURGVhamFIpgOVvEf2bNA78zvjXTZeVWExUTR+DLBfQ==" + "version": "7.4.47", + "resolved": "https://registry.npmjs.org/@mdi/js/-/js-7.4.47.tgz", + "integrity": "sha512-KPnNOtm5i2pMabqZxpUz7iQf+mfrYZyKCZ8QNz85czgEt7cuHcGorWfdzUMWYA0SD+a6Hn4FmJ+YhzzzjkTZrQ==", + "license": "Apache-2.0" }, "node_modules/@mdx-js/react": { "version": "3.0.1", @@ -41219,12 +41215,12 @@ "integrity": "sha512-1lNM7toQpiHWWdKrBmoXPudNLgFscU8rnk4nyBQQhbnlhSLzbjbsCcWWnA+IqXkgOCVysSpI7yEi7fuU6uLMYg==" }, "@kiva/kv-components": { - "version": "3.109.1", - "resolved": "https://registry.npmjs.org/@kiva/kv-components/-/kv-components-3.109.1.tgz", - "integrity": "sha512-z/Me8Kdp0RrpUdG1ilodSbPQBtczth8XgISC7apSR/tojiHYZREynkhHo9rdPn17SAJxfFATFSocM9bInEdyYw==", + "version": "3.109.3", + "resolved": "https://registry.npmjs.org/@kiva/kv-components/-/kv-components-3.109.3.tgz", + "integrity": "sha512-zFjzCIVAf2mq7hRiu5+zVsnOlxL5cWsDdeC3vNUehgqwTcFUqf1Ij2MQ8IwqLHxeCVluR3UVRwBoDH8RDcm5OA==", "requires": { - "@kiva/kv-tokens": "^2.15.0", - "@mdi/js": "^5.9.55", + "@kiva/kv-tokens": "^2.16.0", + "@mdi/js": "^7.4.47", "@vueuse/integrations": "^7.6.0", "aria-hidden": "^1.1.3", "change-case": "^4.1.2", @@ -41239,11 +41235,6 @@ "vue-demi": "^0.14.7" }, "dependencies": { - "@mdi/js": { - "version": "5.9.55", - "resolved": "https://registry.npmjs.org/@mdi/js/-/js-5.9.55.tgz", - "integrity": "sha512-BbeHMgeK2/vjdJIRnx12wvQ6s8xAYfvMmEAVsUx9b+7GiQGQ9Za8jpwp17dMKr9CgKRvemlAM4S7S3QOtEbp4A==" - }, "vue-demi": { "version": "0.14.7", "resolved": "https://registry.npmjs.org/vue-demi/-/vue-demi-0.14.7.tgz", @@ -41275,9 +41266,9 @@ } }, "@kiva/kv-tokens": { - "version": "2.15.0", - "resolved": "https://registry.npmjs.org/@kiva/kv-tokens/-/kv-tokens-2.15.0.tgz", - "integrity": "sha512-V+XSN/V/Qs1HPcRtXmyKVywGWf999pe+FvsZfZ1bSn/F9flav9bmC/WbiH+Bj2k6hOW7g8PotwziXt/8tcmLqA==", + "version": "2.16.0", + "resolved": "https://registry.npmjs.org/@kiva/kv-tokens/-/kv-tokens-2.16.0.tgz", + "integrity": "sha512-ebxNuJAPcb83G408a0Rh5Y89ArGTlnjDyjQYumUmbM9awqI2z+eOeAP8a2XLapaE58rg90nJbAyLtIp9U6uV0g==", "requires": { "@tailwindcss/typography": "^0.5.1", "tailwindcss": "^3.4.3" @@ -41325,9 +41316,9 @@ } }, "@mdi/js": { - "version": "7.0.96", - "resolved": "https://registry.npmjs.org/@mdi/js/-/js-7.0.96.tgz", - "integrity": "sha512-lNqhkV3cpPfYb/Avh+vXLFukUTbHbyHoFo4Jdc7Oc9UvURGVhamFIpgOVvEf2bNA78zvjXTZeVWExUTR+DLBfQ==" + "version": "7.4.47", + "resolved": "https://registry.npmjs.org/@mdi/js/-/js-7.4.47.tgz", + "integrity": "sha512-KPnNOtm5i2pMabqZxpUz7iQf+mfrYZyKCZ8QNz85czgEt7cuHcGorWfdzUMWYA0SD+a6Hn4FmJ+YhzzzjkTZrQ==" }, "@mdx-js/react": { "version": "3.0.1", diff --git a/package.json b/package.json index 1ddaa40e46..0f96c1c5e5 100644 --- a/package.json +++ b/package.json @@ -43,10 +43,10 @@ "@godaddy/terminus": "^4.11.0", "@graphql-tools/load": "^7.7.0", "@graphql-tools/url-loader": "^7.17.18", - "@kiva/kv-components": "^3.109.1", + "@kiva/kv-components": "^3.109.3", "@kiva/kv-shop": "^1.12.65", "@kiva/kv-tokens": "^2.15.0", - "@mdi/js": "^7", + "@mdi/js": "^7.4.47", "@opentelemetry/api": "^1.7.0", "@opentelemetry/auto-instrumentations-node": "^0.40.2", "@opentelemetry/exporter-metrics-otlp-proto": "^0.46.0", diff --git a/src/components/BorrowerProfile/LendCta.vue b/src/components/BorrowerProfile/LendCta.vue index 7cc4dccd4f..f6bc0fa0c2 100644 --- a/src/components/BorrowerProfile/LendCta.vue +++ b/src/components/BorrowerProfile/LendCta.vue @@ -256,24 +256,6 @@ data-testid="bp-lend-cta-jump-links" /> -
-
- - -
@@ -393,8 +375,6 @@ import LendAmountButton from '#src/components/LoanCards/Buttons/LendAmountButton import CompleteLoanWrapper from '#src/components/BorrowerProfile/CompleteLoanWrapper'; import KvIcon from '#src/components/Kv/KvIcon'; -import KvLoanActivities from '#src/components/Kv/KvLoanActivities'; -import SupportedByLenders from '#src/components/BorrowerProfile/SupportedByLenders'; import KvUiSelect from '#kv-components/KvSelect'; import KvMaterialIcon from '#kv-components/KvMaterialIcon'; import KvUiButton from '#kv-components/KvButton'; @@ -413,10 +393,6 @@ export default { type: Boolean, default: false, }, - activities: { - type: Object, - default: null, - }, enableHugeAmount: { type: Boolean, default: false, @@ -436,8 +412,6 @@ export default { JumpLinks, LoanBookmark, CompleteLoanWrapper, - KvLoanActivities, - SupportedByLenders, }, data() { return { @@ -575,11 +549,7 @@ export default { }, }, methods: { - async addToBasket(lendAmount = 0) { - if (lendAmount) { - this.$kvTrackEvent('Borrower profile', 'click', 'loan-activities-lend', this.loan?.id, lendAmount); - } - + async addToBasket() { if (this.teamData?.id) { const challenge = { teamId: this.teamData.id, @@ -591,7 +561,6 @@ export default { this.isAdding = true; this.errorMsg = ''; - this.selectedOption = Number(lendAmount) || this.selectedOption; setLendAmount({ amount: isLessThan25(this.unreservedAmount) ? this.unreservedAmount : this.selectedOption, apollo: this.apollo, @@ -866,9 +835,6 @@ export default { isLendAmountButton() { return (this.lendButtonVisibility || this.state === 'lent-to') && (isLessThan25(this.unreservedAmount)); // eslint-disable-line max-len }, - participants() { - return this.activities?.lend?.loan?.lendingActions ?? {}; - } }, mounted() { this.createWrapperObserver(); diff --git a/src/components/Kv/KvActivityRow.vue b/src/components/Kv/KvActivityRow.vue deleted file mode 100644 index 9fd1243c89..0000000000 --- a/src/components/Kv/KvActivityRow.vue +++ /dev/null @@ -1,33 +0,0 @@ - - - diff --git a/src/components/Kv/KvLoanActivities.vue b/src/components/Kv/KvLoanActivities.vue deleted file mode 100644 index a6e12a29cf..0000000000 --- a/src/components/Kv/KvLoanActivities.vue +++ /dev/null @@ -1,268 +0,0 @@ - - - - - diff --git a/src/pages/BorrowerProfile/BorrowerProfile.vue b/src/pages/BorrowerProfile/BorrowerProfile.vue index 41bced5294..42af300a45 100644 --- a/src/pages/BorrowerProfile/BorrowerProfile.vue +++ b/src/pages/BorrowerProfile/BorrowerProfile.vue @@ -179,7 +179,6 @@ import JournalUpdates from '#src/components/BorrowerProfile/JournalUpdates'; import { fireHotJarEvent } from '#src/util/hotJarUtils'; import _throttle from 'lodash/throttle'; import BorrowerEducationPlacement from '#src/components/BorrowerProfile/BorrowerEducationPlacement'; -import loanActivitiesQuery from '#src/graphql/query/loanActivities.graphql'; import experimentVersionFragment from '#src/graphql/fragments/experimentVersion.graphql'; import lenderPublicProfileQuery from '#src/graphql/query/lenderPublicProfile.graphql'; import TeamInfoFromId from '#src/graphql/query/teamInfoFromId.graphql'; @@ -190,7 +189,6 @@ const getPublicId = route => route?.query?.utm_content ?? route?.query?.name ?? const SHARE_LANGUAGE_EXP = 'share_language_bp'; const EDUCATION_PLACEMENT_EXP = 'education_placement_bp'; -const ACTIVITY_FEED_EXP = 'activity_feed_bp'; const CHALLENGE_HEADER_EXP = 'filters_challenge_header'; const preFetchQuery = gql` @@ -611,22 +609,6 @@ export default { } } - const activityFeedExpData = trackExperimentVersion( - this.apollo, - this.$kvTrackEvent, - 'borrower-profile', - ACTIVITY_FEED_EXP, - 'EXP-ACK-1037-MAR2024', - ); - if (activityFeedExpData?.version === 'b') { - const response = await this.apollo.query({ - query: loanActivitiesQuery, - variables: { loanId: this.loanId } - }); - - this.activities = response?.data ?? null; - } - const challengeHeaderExpData = this.apollo.readFragment({ id: `Experiment:${CHALLENGE_HEADER_EXP}`, fragment: experimentVersionFragment,