@bikdotai/bik-component-library 0.0.357-beta-plans → 0.0.357

package/dist/esm/components/plans/NewSubscriptionPlan.js

@@ -1 +0,0 @@
-import{jsxs as e,jsx as t,Fragment as s}from"react/jsx-runtime";import i from"../../assets/icons/check.svg.js";import a from"../../assets/icons/checkCircle.svg.js";import n from"../../assets/icons/quotes.svg.js";import{Button as o}from"../button/Button.js";import{NewSubscriptionStyled as c}from"./SubscriptionPlanStyled.js";import{Caption as r,TitleRegular as l,BodyCaption as d,TitleLarge as m,BodyPrimary as h,BodySecondary as p,TitleSmall as g}from"../TypographyStyle.js";import{useCurrency as b}from"../../hooks/useCurreny.js";import{COLORS as u}from"../../constants/Theme.js";const y=y=>{var j;const{formatCurrency:O}=b(),v=y.showMonthlyOptions?y.features:y.annualFeatures||[],f=y.showMonthlyOptions?y.monthlyPlan:y.yearlyPlan,N=!y.isDisabled&&y.isMostPopular,T=y.showMonthlyOptions?y.code:null!==(j=y.yearlyCode)&&void 0!==j?j:y.code,x=e=>0==e?"$0":O(e,"USD"),{planName:M,isSelected:P=!1,isDisabled:k=!1,onPlanSelect:S,oldPrice:w,hideMonthYearTag:C,planDescription:D,planDescriptionDiscount:L,showTrialOptions:z,freeTrialMessages:B,extraBlockMessage:$,isLoading:W,buttonText:_,bottomDescription:F,showMonthlyOptions:H,popularTestimony:I,skipRadioSelection:q=!1,includeText:R,height:U,showFeaturesButton:Y,businessDescription:A,isPlanSelected:E=!1}=y;return e(c,Object.assign({height:U,showMostPopularChip:N||!1,onClick:()=>S(T)},{children:[N&&t("div",Object.assign({className:"most-popular-chip"},{children:t(r,Object.assign({className:"popular-text"},{children:"Most popular ⭐️"}))})),e("div",Object.assign({className:`box  ${k?"disabled":""} \n\t\t\t\t`},{children:[e("div",Object.assign({className:"radio-flex"},{children:[!q&&t("input",{type:"radio",id:"html",name:"fav_language",value:"HTML",disabled:null!=k&&k,onChange:()=>S(T),className:"radio-button",checked:E}),t(l,Object.assign({style:{color:u.content.secondary,marginBottom:4}},{children:M}))]})),e("div",Object.assign({className:"price-block"},{children:[w?t(d,Object.assign({className:"old--price"},{children:x(f.price)})):t(s,{}),t(m,Object.assign({style:{color:u.content.primary}},{children:x(w||f.price)})),t(h,Object.assign({style:{color:u.content.secondary,marginLeft:4}},{children:C?"":"/ "+(H?"month":"year")}))]})),D&&e("div",Object.assign({className:"per-message-price"},{children:[t(d,Object.assign({style:{color:u.content.secondary}},{children:D})),L&&t(d,Object.assign({style:{color:u.background.positive.vibrant,marginLeft:4}},{children:L}))]})),A&&A.length&&t("div",Object.assign({style:{marginTop:4}},{children:A.map(((e,s)=>t(p,{style:{color:u.content.secondary},dangerouslySetInnerHTML:{__html:e}},s)))})),z&&e(r,Object.assign({className:"trial "+(P?"selected":"")},{children:["7 day free trial with ",B," messages"]})),$&&t(r,Object.assign({className:"trial "+(P?"selected":"")},{children:$})),R&&t(g,Object.assign({className:"extra-include-margin"},{children:R})),t("div",Object.assign({className:"features"},{children:v.map(((s,i)=>e("div",Object.assign({className:"feature"},{children:[t("div",{children:t(a,{height:20,width:20,color:u.content.primary})}),t(p,Object.assign({className:"feature-text"},{children:s.detail}),i)]}),s.detail)))})),Y&&t(o,{isLoading:!1,buttonType:"tertiary",buttonText:"See all features",size:"small"}),q&&t("div",Object.assign({className:"button-box"},{children:W?t(o,{isLoading:!0,buttonType:"primary",buttonText:"Choose plan",size:"medium",matchParentWidth:!0}):e(s,{children:[P&&t(o,{disabled:k,LeadingIcon:i,buttonType:"tertiary",size:"medium",matchParentWidth:!0,buttonText:_||"Selected Plan"}),!P&&!k&&t(o,{buttonType:"primary",size:"medium",onClick:()=>S(T),matchParentWidth:!0,buttonText:_||"Choose plan"})]})})),I&&e("div",Object.assign({className:"popular-testimony"},{children:[t(n,{height:26,width:70}),t("div",Object.assign({className:"testimony-text"},{children:I}))]}))]})),F&&t("div",Object.assign({className:`plan-bottom-information\n\t\t\t\t\t${k?"disabled":""}\n\t\t\t\t\t${P?"selected":""}\n\t\t\t\t`},{children:t(r,Object.assign({className:"text",style:{color:u.background.inverse}},{children:F}))}))]}))};export{y as NewSubscriptionPlan};

package/dist/esm/components/plans/SubscriptionPlansCollected.d.ts

@@ -1,12 +0,0 @@
-import { FunctionComponent } from 'react';
-import { NewSubscriptionPlanProps } from './NewSubscriptionPlan';
-type Props = {
-    plans: NewSubscriptionPlanProps[];
-    onPlanSelect: (code: string) => void;
-    showTrialOptions?: boolean;
-    staticWidth?: string;
-    selectedTab?: 'monthly' | 'annually';
-    selectedPlan?: string;
-};
-export declare const SubscriptionPlansCollected: FunctionComponent<Props>;
-export {};

package/dist/esm/components/plans/SubscriptionPlansCollected.js

@@ -1,6 +0,0 @@
-import{jsx as t}from"react/jsx-runtime";import{useState as e,createElement as n}from"react";import o from"styled-components";import{NewSubscriptionPlan as l}from"./NewSubscriptionPlan.js";const i=o.div`
-	display: flex;
-	column-gap: 22px;
-	align-items: stretch;
-	overflow-x: auto;
-`,s=o=>{var s;const[a,r]=e(null!==(s=o.selectedPlan)&&void 0!==s?s:"");return t(i,Object.assign({style:{padding:"24px 0px"}},{children:o.plans.map(((e,i)=>{var s,c;return t("div",Object.assign({style:{width:null!==(s=o.staticWidth)&&void 0!==s?s:308}},{children:n(l,Object.assign({},e,{showMonthly:!0,showMonthlyOptions:null!==(c="monthly"==o.selectedTab)&&void 0!==c&&c,showTrialOptions:o.showTrialOptions||!1,onPlanSelect:t=>{o.onPlanSelect(t),r(t)},key:e.planName,isPlanSelected:a==e.code}))}),i)}))}))};export{s as SubscriptionPlansCollected};