@npm_leadtech/legal-lib-components 7.70.0 → 7.70.2

package/dist/src/components/atoms/PlanCard/PlanCard.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Benefit, BenefitsList, Divider, PlanCardContainer, PlanTitle, Price, PriceLabel, PricingInfo } from './PlanCard.styled';
 import { Button } from '../Button';
-export const PlanCard = ({ plan, onSelect }) => {
-    return (_jsxs(PlanCardContainer, { children: [_jsx(PlanTitle, { className: plan?.highlightPlan ? 'highlight' : 'asdfasdf', children: plan?.subscription_type?.name }), _jsxs(PricingInfo, { children: [_jsx(Price, { children: plan?.pricing }), _jsx(PriceLabel, { children: plan?.pricingLabel })] }), _jsx(Button, { label: plan?.buttonText ?? '', dataQa: `${plan?.subscription_type?.name.replaceAll(' ', '')}-button`, noLink: true, onClick: () => onSelect?.(plan?.subscription_type?.sku ?? ''), givenClass: 'pricing-plan__button', color: plan?.highlightPlan ? 'primary' : 'transparent' }), _jsx(Divider, {}), _jsx(BenefitsList, { children: plan?.benefits?.map((item) => (_jsxs(Benefit, { className: item?.type == 'default' ? 'default' : 'ai-benefit', children: [item?.icon, _jsx("p", { className: 'benefit-text', dangerouslySetInnerHTML: { __html: item?.benefit } })] }, item?.benefit))) })] }));
+export const PlanCard = ({ plan, onSelect, isRedirectingToPayment }) => {
+    return (_jsxs(PlanCardContainer, { children: [_jsx(PlanTitle, { className: plan?.highlightPlan ? 'highlight' : 'asdfasdf', children: plan?.subscription_type?.name }), _jsxs(PricingInfo, { children: [_jsx(Price, { children: plan?.pricing }), _jsx(PriceLabel, { children: plan?.pricingLabel })] }), _jsx(Button, { label: plan?.buttonText ?? '', dataQa: `${plan?.subscription_type?.name.replaceAll(' ', '')}-button`, noLink: true, onClick: () => onSelect?.(plan?.subscription_type?.sku ?? ''), givenClass: 'pricing-plan__button', color: plan?.highlightPlan ? 'primary' : 'transparent', disabled: isRedirectingToPayment }), _jsx(Divider, {}), _jsx(BenefitsList, { children: plan?.benefits?.map((item) => (_jsxs(Benefit, { className: item?.type == 'default' ? 'default' : 'ai-benefit', children: [item?.icon, _jsx("p", { className: 'benefit-text', dangerouslySetInnerHTML: { __html: item?.benefit } })] }, item?.benefit))) })] }));
 };

package/dist/src/components/atoms/PlanCard/PlanCard.tsx

@@ -12,7 +12,7 @@ import { Button } from '../Button'
 import { PlanCardProps } from './PlanCardProps'
 import React from 'react'
 
-export const PlanCard: React.FC<PlanCardProps> = ({ plan, onSelect }) => {
+export const PlanCard: React.FC<PlanCardProps> = ({ plan, onSelect, isRedirectingToPayment }) => {
   return (
     <PlanCardContainer>
       <PlanTitle className={plan?.highlightPlan ? 'highlight' : 'asdfasdf'}>{plan?.subscription_type?.name}</PlanTitle>
@@ -27,6 +27,7 @@ export const PlanCard: React.FC<PlanCardProps> = ({ plan, onSelect }) => {
         onClick={() => onSelect?.(plan?.subscription_type?.sku ?? '')}
         givenClass='pricing-plan__button'
         color={plan?.highlightPlan ? 'primary' : 'transparent'}
+        disabled={isRedirectingToPayment}
       />
       <Divider />
       <BenefitsList>

package/dist/src/components/atoms/PlanCard/PlanCardProps.d.ts

@@ -2,6 +2,7 @@ import { ReactNode } from 'react';
 export interface PlanCardProps {
     plan: SubscriptionPlan;
     onSelect?: (sku: string) => void;
+    isRedirectingToPayment?: boolean;
 }
 export interface SubscriptionPlan {
     benefits?: Benefit[];

package/dist/src/components/atoms/PlanCard/PlanCardProps.ts

@@ -3,6 +3,7 @@ import { ReactNode } from 'react'
 export interface PlanCardProps {
   plan: SubscriptionPlan
   onSelect?: (sku: string) => void
+  isRedirectingToPayment?: boolean
 }
 
 export interface SubscriptionPlan {

package/dist/src/components/pages/PricingPlansPage/PricingPlansPage.js

@@ -5,7 +5,7 @@ import { PricingPageHeader } from '../../organisms';
 import React from 'react';
 import { StickyPlanBar } from '../../molecules/StickyPlanBar';
 import { throttle } from '../../../utils/throttle';
-export const PricingPlansPage = ({ subscriptionPlans, features, onPlanSelect, headerDivider, siteName = 'Legalfinity', phoneNumber }) => {
+export const PricingPlansPage = ({ subscriptionPlans, features, onPlanSelect, headerDivider, siteName = 'Legalfinity', phoneNumber, isRedirectingToPayment }) => {
     const [activePlanIndex, setActivePlanIndex] = React.useState(0);
     const plansWrapperRef = React.useRef(null);
     const lastScrollYRef = React.useRef(0);
@@ -54,5 +54,5 @@ export const PricingPlansPage = ({ subscriptionPlans, features, onPlanSelect, he
             window.removeEventListener('resize', handleResize);
         };
     }, [showStickyBar]);
-    return (_jsxs(_Fragment, { children: [_jsx(PricingPageHeader, { siteName: siteName, phoneNumber: phoneNumber }), headerDivider, subscriptionPlans?.length > 0 && (_jsxs(PricingContainerStyled, { children: [_jsx(PlanSelector, { children: subscriptionPlans.map((plan, index) => (_jsx(SelectorButton, { isActive: index === activePlanIndex, onClick: () => setActivePlanIndex(index), dataQa: `selector-${plan.subscription_type?.name.replaceAll(' ', '')}`, children: plan?.subscription_type?.name }, `selector-${plan?.pricingLabel}`))) }), _jsx(PlansWrapper, { ref: plansWrapperRef, children: subscriptionPlans.map((plan, index) => (_jsx(PlanWrapper, { isHighlighted: plan.highlightPlan, isActive: index === activePlanIndex, className: `pricing-plan__element-container ${plan?.highlightPlan ? 'highlight' : ''} ${index === activePlanIndex ? 'active' : ''}`, children: _jsx(PlanCard, { onSelect: onPlanSelect ?? (() => { }), plan: plan }) }, plan.pricingLabel))) }), features && features.length > 0 && (_jsx(FeaturesSection, { children: _jsx(FeaturesGrid, { children: features.map((feature) => (_jsx(FeatureItem, { feature: feature }, feature.description))) }) })), _jsx(StickyPlanBar, { activePlan: activePlan, showStickyBar: showStickyBar, onPlanSelect: onPlanSelect })] }))] }));
+    return (_jsxs(_Fragment, { children: [_jsx(PricingPageHeader, { siteName: siteName, phoneNumber: phoneNumber }), headerDivider, subscriptionPlans?.length > 0 && (_jsxs(PricingContainerStyled, { children: [_jsx(PlanSelector, { children: subscriptionPlans.map((plan, index) => (_jsx(SelectorButton, { isActive: index === activePlanIndex, onClick: () => setActivePlanIndex(index), dataQa: `selector-${plan.subscription_type?.name.replaceAll(' ', '')}`, children: plan?.subscription_type?.name }, `selector-${plan?.pricingLabel}`))) }), _jsx(PlansWrapper, { ref: plansWrapperRef, children: subscriptionPlans.map((plan, index) => (_jsx(PlanWrapper, { isHighlighted: plan.highlightPlan, isActive: index === activePlanIndex, className: `pricing-plan__element-container ${plan?.highlightPlan ? 'highlight' : ''} ${index === activePlanIndex ? 'active' : ''}`, children: _jsx(PlanCard, { isRedirectingToPayment: isRedirectingToPayment, onSelect: onPlanSelect ?? (() => { }), plan: plan }) }, plan.pricingLabel))) }), features && features.length > 0 && (_jsx(FeaturesSection, { children: _jsx(FeaturesGrid, { children: features.map((feature) => (_jsx(FeatureItem, { feature: feature }, feature.description))) }) })), _jsx(StickyPlanBar, { activePlan: activePlan, showStickyBar: showStickyBar, onPlanSelect: onPlanSelect })] }))] }));
 };

package/dist/src/components/pages/PricingPlansPage/PricingPlansPage.tsx

@@ -20,7 +20,8 @@ export const PricingPlansPage: React.FC<PricingPlansPageProps> = ({
   onPlanSelect,
   headerDivider,
   siteName = 'Legalfinity',
-  phoneNumber
+  phoneNumber,
+  isRedirectingToPayment
 }) => {
   const [activePlanIndex, setActivePlanIndex] = React.useState(0)
   const plansWrapperRef = React.useRef<HTMLDivElement | null>(null)
@@ -107,7 +108,11 @@ export const PricingPlansPage: React.FC<PricingPlansPageProps> = ({
                 isActive={index === activePlanIndex}
                 className={`pricing-plan__element-container ${plan?.highlightPlan ? 'highlight' : ''} ${index === activePlanIndex ? 'active' : ''}`}
               >
-                <PlanCard onSelect={onPlanSelect ?? (() => {})} plan={plan} />
+                <PlanCard
+                  isRedirectingToPayment={isRedirectingToPayment}
+                  onSelect={onPlanSelect ?? (() => {})}
+                  plan={plan}
+                />
               </PlanWrapper>
             ))}
           </PlansWrapper>

package/dist/src/components/pages/PricingPlansPage/PricingPlansPageProps.d.ts

@@ -6,4 +6,5 @@ export interface PricingPlansPageProps {
     headerDivider?: React.ReactNode;
     siteName?: string;
     phoneNumber?: string;
+    isRedirectingToPayment?: boolean;
 }

package/dist/src/components/pages/PricingPlansPage/PricingPlansPageProps.ts

@@ -7,4 +7,5 @@ export interface PricingPlansPageProps {
   headerDivider?: React.ReactNode
   siteName?: string
   phoneNumber?: string
+  isRedirectingToPayment?: boolean
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@npm_leadtech/legal-lib-components",
-  "version": "7.70.0",
+  "version": "7.70.2",
   "license": "ISC",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",