-
Notifications
You must be signed in to change notification settings - Fork 205
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Merge branch 'master' into perf_build
- Loading branch information
Showing
39 changed files
with
1,275 additions
and
208 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
134 changes: 134 additions & 0 deletions
134
dashboard/src2/components/partners/BuyPartnerCreditsRazorpay.vue
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,134 @@ | ||
| <template> | ||
| <div> | ||
| <span | ||
| v-if="team.doc.currency === 'INR'" | ||
| class="mt-2.5 inline-flex gap-2 text-base text-gray-700" | ||
| > | ||
| <FeatherIcon name="info" class="my-1 h-4" /> | ||
| <span class="leading-5"> | ||
| If you select Razorpay, you can pay using Credit Card, Debit Card, Net | ||
| Banking, UPI, Wallets, etc. If you are using Net Banking, it may take | ||
| upto 5 days for balance to reflect. | ||
| </span> | ||
| </span> | ||
| <ErrorMessage class="mt-3" :message="createRazorpayOrder.error" /> | ||
| <div class="mt-8"> | ||
| <Button | ||
| v-if="!isPaymentComplete" | ||
| class="w-full" | ||
| size="md" | ||
| variant="solid" | ||
| label="Proceed to payment using Razorpay" | ||
| :loading="createRazorpayOrder.loading" | ||
| @click="createRazorpayOrder.submit()" | ||
| /> | ||
| <Button | ||
| v-else | ||
| class="w-full" | ||
| size="md" | ||
| label="Confirming payment" | ||
| variant="solid" | ||
| :loading="isVerifyingPayment" | ||
| /> | ||
| </div> | ||
| </div> | ||
| </template> | ||
| <script setup> | ||
| import { Button, ErrorMessage, FeatherIcon, createResource } from 'frappe-ui'; | ||
| import { ref, onMounted, onBeforeUnmount, inject } from 'vue'; | ||
| import { toast } from 'vue-sonner'; | ||
| import { DashboardError } from '../../utils/error'; | ||
| const props = defineProps({ | ||
| amount: { | ||
| type: Number, | ||
| default: 0 | ||
| }, | ||
| maximumAmount: { | ||
| type: Number, | ||
| default: 0 | ||
| }, | ||
| type: { | ||
| type: String, | ||
| default: 'prepaid-credits' | ||
| } | ||
| }); | ||
| const emit = defineEmits(['success']); | ||
| const team = inject('team'); | ||
| const isPaymentComplete = ref(false); | ||
| const isVerifyingPayment = ref(false); | ||
| const razorpayCheckoutJS = ref(null); | ||
| onMounted(() => { | ||
| razorpayCheckoutJS.value = document.createElement('script'); | ||
| razorpayCheckoutJS.value.setAttribute( | ||
| 'src', | ||
| 'https://checkout.razorpay.com/v1/checkout.js' | ||
| ); | ||
| razorpayCheckoutJS.value.async = true; | ||
| document.head.appendChild(razorpayCheckoutJS.value); | ||
| }); | ||
| onBeforeUnmount(() => { | ||
| razorpayCheckoutJS.value?.remove(); | ||
| }); | ||
| let order_type = | ||
| props.type === 'prepaid-credits' ? 'Prepaid Credits' : 'Partnership Fee'; | ||
| const createRazorpayOrder = createResource({ | ||
| url: 'press.api.billing.create_razorpay_order', | ||
| params: { | ||
| amount: props.amount, | ||
| type: order_type | ||
| }, | ||
| onSuccess: data => processOrder(data), | ||
| validate: () => { | ||
| if (props.amount > props.maximumAmount) { | ||
| throw new DashboardError('Amount more than maximum amount required'); | ||
| } | ||
| } | ||
| }); | ||
| const handlePaymentFailed = createResource({ | ||
| url: 'press.api.billing.handle_razorpay_payment_failed', | ||
| onSuccess: () => { | ||
| console.log('Payment Failed.'); | ||
| } | ||
| }); | ||
| function processOrder(data) { | ||
| const options = { | ||
| key: data.key_id, | ||
| order_id: data.order_id, | ||
| name: 'Frappe Cloud', | ||
| image: 'https://frappe.io/files/cloud.png', | ||
| prefill: { email: team.doc?.user }, | ||
| handler: handlePaymentSuccess, | ||
| theme: { color: '#171717' } | ||
| }; | ||
| const rzp = new Razorpay(options); | ||
| // Opens the payment checkout frame | ||
| rzp.open(); | ||
| // Attach failure handler | ||
| rzp.on('payment.failed', handlePaymentFailure); | ||
| // rzp.on('payment.success', this.handlePaymentSuccess); | ||
| } | ||
| function handlePaymentFailure(response) { | ||
| handlePaymentFailed.submit({ response }); | ||
| toast.error('Payment failed'); | ||
| } | ||
| function handlePaymentSuccess() { | ||
| isPaymentComplete.value = true; | ||
| emit('success'); | ||
| toast.success('Payment successful'); | ||
| } | ||
| </script> |
Oops, something went wrong.