5656 <div class =" rounded-t-lg md:rounded-t-lg bg-card_background text-white py-3 px-5" >
5757 <h1 class =" font-extrabold text-4xl py-3" :class =" os.color_text" >{{ os.logo_text }}</h1 >
5858 <h2 class =" text-lg font-bold pb-2" >{{ os.name }}</h2 >
59- <p class =" pb-2 " >{{ os.description }}</p >
59+ <p class =" mb-2 line-clamp-4 " >{{ os.description }}</p >
6060 </div >
6161 <div class =" h-1.5 rounded-b-lg" :class =" os.color_bg" >
6262 </div >
@@ -307,14 +307,14 @@ import axios from 'axios'
307307import Loading from ' vue-loading-overlay'
308308import ' vue-loading-overlay/dist/vue-loading.css'
309309import moddedOs from ' ~/static/data/pricing/modded-os-products.json'
310- import { getProductNameWithId } from ' ~/lib/checkout/productHelper'
310+ import {getProductNameWithId } from ' ~/lib/checkout/productHelper'
311311import {
312312 generateOrderId ,
313313 getCountryName , getPrices ,
314314 ProductIdArray ,
315315 verifyPurchase
316316} from ' ~/lib/checkout/checkoutHelper'
317- import { database } from ' ~/plugins/firebase'
317+ import {database } from ' ~/plugins/firebase'
318318import Heading from " ~/components/global/heading" ;
319319
320320const PRODUCT_SELECTION = ' product_selection'
@@ -324,11 +324,11 @@ const SUCCESS = 'success'
324324const FAILED = ' failed'
325325
326326export default {
327- async asyncData ({ params }) {
327+ async asyncData ({ params}) {
328328 const product_id = params .product_id
329- return { product_id }
329+ return {product_id}
330330 },
331- created () {
331+ created () {
332332 this .observeBillingStatus ()
333333 if (this .is_billing_active ) {
334334 if (this .product_id && ProductIdArray .includes (this .product_id )) {
@@ -343,7 +343,7 @@ export default {
343343 this .$router .push (' /pricing' )
344344 }
345345 },
346- head () {
346+ head () {
347347 return {
348348 script: [
349349 {
@@ -354,8 +354,8 @@ export default {
354354 }
355355 },
356356 name: ' buy' ,
357- components: {Heading, Loading },
358- data () {
357+ components: {Heading, Loading},
358+ data () {
359359 return {
360360 currentStep: PRODUCT_SELECTION ,
361361
@@ -372,10 +372,10 @@ export default {
372372 }
373373 },
374374 computed: {
375- is_billing_active () {
375+ is_billing_active () {
376376 return this .$store .getters [' checkout/getBillingState' ]
377377 },
378- get_payment_status () {
378+ get_payment_status () {
379379 return this .paymentStatus
380380 },
381381 country_list : function () {
@@ -386,7 +386,7 @@ export default {
386386 }
387387 },
388388 methods: {
389- async observeBillingStatus () {
389+ async observeBillingStatus () {
390390 try {
391391 if (window .Cypress ) {
392392 console .log (' Running in cypress' )
@@ -397,16 +397,17 @@ export default {
397397 console .log ({ isBillingActive })
398398 await this .$store .dispatch (' checkout/setBillingState' , isBillingActive)
399399 })
400+ // await this.$store.dispatch('checkout/setBillingState', true)
400401 }
401402 } catch (e) {
402403 console .log (e)
403404 }
404405 },
405- removeCoupon () {
406+ removeCoupon () {
406407 this .couponApplied = null
407408 this .setSelectedProduct (this .selectedProductId )
408409 },
409- async validateCoupon () {
410+ async validateCoupon () {
410411 this .isLoading = true
411412 try {
412413 let couponEntered = this .couponCodeEntered .toUpperCase ()
@@ -429,11 +430,11 @@ export default {
429430 this .$toast .error (' Coupon validation failed.' )
430431 }
431432 },
432- deleteSelectedProduct () {
433+ deleteSelectedProduct () {
433434 this .selectedProductId = ' '
434435 this .currentStep = PRODUCT_SELECTION
435436 },
436- async setSelectedProduct (id ) {
437+ async setSelectedProduct (id ) {
437438
438439 this .selectedProductId = id
439440 this .currentStep = DETAILS
@@ -446,7 +447,7 @@ export default {
446447 this .scrollToTop ()
447448 this .isLoading = false
448449 },
449- setCouponedPrices (id , couponPriceObj ) {
450+ setCouponedPrices (id , couponPriceObj ) {
450451 let price = ` $ ${ (parseInt (couponPriceObj[id]) / 100 ).toFixed (2 )} `
451452 this .$refs .product_price_text .innerHTML = price
452453 this .$refs .product_total_text .innerHTML = price
@@ -455,7 +456,7 @@ export default {
455456 getStateListOfSelectedCountry : function (country_id ) {
456457 return stateList[country_id]
457458 },
458- async submitForm (data ) {
459+ async submitForm (data ) {
459460 this .isLoading = true
460461 /* ============== CHECKING FOR COUPON ===============*/
461462 if (this .couponApplied ) {
@@ -550,7 +551,7 @@ export default {
550551 rzp1 .open ()
551552
552553 },
553- resetIfClosed () {
554+ resetIfClosed () {
554555 this .currentStep = PRODUCT_SELECTION
555556 },
556557 verifyPurchase : async function (data ) {
@@ -569,12 +570,12 @@ export default {
569570 console .log (e)
570571 }
571572 },
572- scrollToTop () {
573+ scrollToTop () {
573574 window .scrollTo (0 , 0 )
574575 }
575576
576577 },
577- beforeDestroy () {
578+ beforeDestroy () {
578579 this .$recaptcha .destroy ()
579580 }
580581 ,
0 commit comments