@bikdotai/bik-component-library 0.0.301 → 0.0.302
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),s=require("../../assets/icons/check.svg.js"),t=require("../button/Button.js"),i=require("./SubscriptionPlanStyled.js"),a=require("../TypographyStyle.js"),n=require("../../hooks/useCurreny.js"),r=require("../../constants/Theme.js");exports.SubscriptionPlan=c=>{const{formatCurrency:l}=n.useCurrency(),o=c.showMonthlyOptions?c.monthlyPlan:c.yearlyPlan,d=!c.isDisabled&&c.isMostPopular;return e.jsxs(i.SubscriptionPlanStyled,Object.assign({isManifestPlan:!0,isSelected:c.isSelected||!1,style:{marginTop:d?0:24}},{children:[d&&e.jsx("div",Object.assign({className:"most-popular"},{children:e.jsx(a.Caption,Object.assign({className:"text"},{children:"Most popular ⭐️"}))})),e.jsxs("div",Object.assign({className:`box ${c.isSelected?"selected":""} ${c.isDisabled?"disabled":""} ${d?"":"rounded-corners"}\n\t\t\t\t`},{children:[e.jsxs("div",{children:[e.jsx(a.TitleRegular,Object.assign({style:{color:r.COLORS.content.secondary,marginBottom:4}},{children:c.planName})),e.jsxs("div",Object.assign({className:"price-block"},{children:[c.oldPrice?e.jsx(a.BodyCaption,Object.assign({className:"old--price"},{children:l(o.price)})):e.jsx(e.Fragment,{}),e.jsxs(a.TitleMedium,Object.assign({style:{color:r.COLORS.content.primary}},{children:["$",c.oldPrice?c.oldPrice:l(o.price)]})),e.jsxs(a.BodyPrimary,Object.assign({style:{color:r.COLORS.content.secondary,marginLeft:4}},{children:["/ ",c.showMonthlyOptions?"month":"year"]}))]})),e.jsxs("div",Object.assign({className:"per-message-price"},{children:[e.jsx(a.BodyCaption,Object.assign({style:{color:r.COLORS.content.secondary}},{children:c.planDescription})),e.jsx(a.BodyCaption,Object.assign({style:{color:r.COLORS.background.positive.vibrant,marginLeft:4}},{children:c.planDescriptionDiscount}))]})),c.showTrialOptions&&e.jsxs(a.Caption,Object.assign({className:"trial "+(c.isSelected?"selected":"")},{children:["7 day free trial with ",c.freeTrialMessages," messages"]})),c.extraBlockMessage&&e.jsx(a.Caption,Object.assign({className:"trial "+(c.isSelected?"selected":"")},{children:c.extraBlockMessage})),e.jsx("div",Object.assign({className:"features"},{children:c.features.map(((t,i)=>e.jsxs("div",Object.assign({className:"feature"},{children:[e.jsx("div",{children:e.jsx(s.default,{height:12,width:12,color:r.COLORS.content.primary})}),e.jsx(a.BodyCaption,Object.assign({className:"feature-text"},{children:t.detail}),i)]}),t.detail)))}))]}),e.jsx("div",Object.assign({className:"button-box"},{children:c.isLoading?e.jsx(t.Button,{isLoading:!0,buttonType:"primary",buttonText:"Selected Plan",size:"medium",matchParentWidth:!0}):e.jsxs(e.Fragment,{children:[c.isSelected&&e.jsx(t.Button,{LeadingIcon:s.default,buttonType:"tertiary",size:"medium",matchParentWidth:!0,buttonText:"Selected Plan",disabled:!1}),c.isDisabled&&e.jsx(t.Button,{disabled:!0,buttonType:"primary",size:"medium",matchParentWidth:!0,buttonText:"Choose plan"}),!c.isSelected&&!c.isDisabled&&e.jsx(t.Button,{buttonType:"primary",size:"medium",onClick:()=>c.onPlanSelect(c.code),matchParentWidth:!0,buttonText:"Choose plan"})]})}))]})),c.bottomDescription&&e.jsx("div",Object.assign({className:`plan-bottom-information\n\t\t\t\t\t${c.isDisabled?"disabled":""}\n\t\t\t\t\t${c.isSelected?"selected":""}\n\t\t\t\t`},{children:e.jsx(a.Caption,Object.assign({className:"text",style:{color:r.COLORS.background.inverse}},{children:c.bottomDescription}))}))]}))};
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),s=require("../../assets/icons/check.svg.js"),t=require("../button/Button.js"),i=require("./SubscriptionPlanStyled.js"),a=require("../TypographyStyle.js"),n=require("../../hooks/useCurreny.js"),r=require("../../constants/Theme.js");exports.SubscriptionPlan=c=>{const{formatCurrency:l}=n.useCurrency(),o=c.showMonthlyOptions?c.monthlyPlan:c.yearlyPlan,d=!c.isDisabled&&c.isMostPopular;return e.jsxs(i.SubscriptionPlanStyled,Object.assign({isManifestPlan:!0,isSelected:c.isSelected||!1,style:{marginTop:d?0:24}},{children:[d&&e.jsx("div",Object.assign({className:"most-popular"},{children:e.jsx(a.Caption,Object.assign({className:"text"},{children:"Most popular ⭐️"}))})),e.jsxs("div",Object.assign({className:`box ${c.isSelected?"selected":""} ${c.isDisabled?"disabled":""} ${d?"":"rounded-corners"}\n\t\t\t\t`},{children:[e.jsxs("div",{children:[e.jsx(a.TitleRegular,Object.assign({style:{color:r.COLORS.content.secondary,marginBottom:4}},{children:c.planName})),e.jsxs("div",Object.assign({className:"price-block"},{children:[c.oldPrice?e.jsx(a.BodyCaption,Object.assign({className:"old--price"},{children:l(o.price)})):e.jsx(e.Fragment,{}),e.jsxs(a.TitleMedium,Object.assign({style:{color:r.COLORS.content.primary}},{children:["$",c.oldPrice?l(c.oldPrice):l(o.price)]})),e.jsxs(a.BodyPrimary,Object.assign({style:{color:r.COLORS.content.secondary,marginLeft:4}},{children:["/ ",c.showMonthlyOptions?"month":"year"]}))]})),e.jsxs("div",Object.assign({className:"per-message-price"},{children:[e.jsx(a.BodyCaption,Object.assign({style:{color:r.COLORS.content.secondary}},{children:c.planDescription})),e.jsx(a.BodyCaption,Object.assign({style:{color:r.COLORS.background.positive.vibrant,marginLeft:4}},{children:c.planDescriptionDiscount}))]})),c.showTrialOptions&&e.jsxs(a.Caption,Object.assign({className:"trial "+(c.isSelected?"selected":"")},{children:["7 day free trial with ",c.freeTrialMessages," messages"]})),c.extraBlockMessage&&e.jsx(a.Caption,Object.assign({className:"trial "+(c.isSelected?"selected":"")},{children:c.extraBlockMessage})),e.jsx("div",Object.assign({className:"features"},{children:c.features.map(((t,i)=>e.jsxs("div",Object.assign({className:"feature"},{children:[e.jsx("div",{children:e.jsx(s.default,{height:12,width:12,color:r.COLORS.content.primary})}),e.jsx(a.BodyCaption,Object.assign({className:"feature-text"},{children:t.detail}),i)]}),t.detail)))}))]}),e.jsx("div",Object.assign({className:"button-box"},{children:c.isLoading?e.jsx(t.Button,{isLoading:!0,buttonType:"primary",buttonText:"Selected Plan",size:"medium",matchParentWidth:!0}):e.jsxs(e.Fragment,{children:[c.isSelected&&e.jsx(t.Button,{LeadingIcon:s.default,buttonType:"tertiary",size:"medium",matchParentWidth:!0,buttonText:"Selected Plan",disabled:!1}),c.isDisabled&&e.jsx(t.Button,{disabled:!0,buttonType:"primary",size:"medium",matchParentWidth:!0,buttonText:"Choose plan"}),!c.isSelected&&!c.isDisabled&&e.jsx(t.Button,{buttonType:"primary",size:"medium",onClick:()=>c.onPlanSelect(c.code),matchParentWidth:!0,buttonText:"Choose plan"})]})}))]})),c.bottomDescription&&e.jsx("div",Object.assign({className:`plan-bottom-information\n\t\t\t\t\t${c.isDisabled?"disabled":""}\n\t\t\t\t\t${c.isSelected?"selected":""}\n\t\t\t\t`},{children:e.jsx(a.Caption,Object.assign({className:"text",style:{color:r.COLORS.background.inverse}},{children:c.bottomDescription}))}))]}))};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsxs as e,jsx as t,Fragment as s}from"react/jsx-runtime";import i from"../../assets/icons/check.svg.js";import{Button as a}from"../button/Button.js";import{SubscriptionPlanStyled as n}from"./SubscriptionPlanStyled.js";import{Caption as c,TitleRegular as r,BodyCaption as o,TitleMedium as l,BodyPrimary as d}from"../TypographyStyle.js";import{useCurrency as m}from"../../hooks/useCurreny.js";import{COLORS as b}from"../../constants/Theme.js";const h=h=>{const{formatCurrency:p}=m(),g=h.showMonthlyOptions?h.monthlyPlan:h.yearlyPlan,y=!h.isDisabled&&h.isMostPopular;return e(n,Object.assign({isManifestPlan:!0,isSelected:h.isSelected||!1,style:{marginTop:y?0:24}},{children:[y&&t("div",Object.assign({className:"most-popular"},{children:t(c,Object.assign({className:"text"},{children:"Most popular ⭐️"}))})),e("div",Object.assign({className:`box ${h.isSelected?"selected":""} ${h.isDisabled?"disabled":""} ${y?"":"rounded-corners"}\n\t\t\t\t`},{children:[e("div",{children:[t(r,Object.assign({style:{color:b.content.secondary,marginBottom:4}},{children:h.planName})),e("div",Object.assign({className:"price-block"},{children:[h.oldPrice?t(o,Object.assign({className:"old--price"},{children:p(g.price)})):t(s,{}),e(l,Object.assign({style:{color:b.content.primary}},{children:["$",h.oldPrice?h.oldPrice:p(g.price)]})),e(d,Object.assign({style:{color:b.content.secondary,marginLeft:4}},{children:["/ ",h.showMonthlyOptions?"month":"year"]}))]})),e("div",Object.assign({className:"per-message-price"},{children:[t(o,Object.assign({style:{color:b.content.secondary}},{children:h.planDescription})),t(o,Object.assign({style:{color:b.background.positive.vibrant,marginLeft:4}},{children:h.planDescriptionDiscount}))]})),h.showTrialOptions&&e(c,Object.assign({className:"trial "+(h.isSelected?"selected":"")},{children:["7 day free trial with ",h.freeTrialMessages," messages"]})),h.extraBlockMessage&&t(c,Object.assign({className:"trial "+(h.isSelected?"selected":"")},{children:h.extraBlockMessage})),t("div",Object.assign({className:"features"},{children:h.features.map(((s,a)=>e("div",Object.assign({className:"feature"},{children:[t("div",{children:t(i,{height:12,width:12,color:b.content.primary})}),t(o,Object.assign({className:"feature-text"},{children:s.detail}),a)]}),s.detail)))}))]}),t("div",Object.assign({className:"button-box"},{children:h.isLoading?t(a,{isLoading:!0,buttonType:"primary",buttonText:"Selected Plan",size:"medium",matchParentWidth:!0}):e(s,{children:[h.isSelected&&t(a,{LeadingIcon:i,buttonType:"tertiary",size:"medium",matchParentWidth:!0,buttonText:"Selected Plan",disabled:!1}),h.isDisabled&&t(a,{disabled:!0,buttonType:"primary",size:"medium",matchParentWidth:!0,buttonText:"Choose plan"}),!h.isSelected&&!h.isDisabled&&t(a,{buttonType:"primary",size:"medium",onClick:()=>h.onPlanSelect(h.code),matchParentWidth:!0,buttonText:"Choose plan"})]})}))]})),h.bottomDescription&&t("div",Object.assign({className:`plan-bottom-information\n\t\t\t\t\t${h.isDisabled?"disabled":""}\n\t\t\t\t\t${h.isSelected?"selected":""}\n\t\t\t\t`},{children:t(c,Object.assign({className:"text",style:{color:b.background.inverse}},{children:h.bottomDescription}))}))]}))};export{h as SubscriptionPlan};
|
|
1
|
+
import{jsxs as e,jsx as t,Fragment as s}from"react/jsx-runtime";import i from"../../assets/icons/check.svg.js";import{Button as a}from"../button/Button.js";import{SubscriptionPlanStyled as n}from"./SubscriptionPlanStyled.js";import{Caption as c,TitleRegular as r,BodyCaption as o,TitleMedium as l,BodyPrimary as d}from"../TypographyStyle.js";import{useCurrency as m}from"../../hooks/useCurreny.js";import{COLORS as b}from"../../constants/Theme.js";const h=h=>{const{formatCurrency:p}=m(),g=h.showMonthlyOptions?h.monthlyPlan:h.yearlyPlan,y=!h.isDisabled&&h.isMostPopular;return e(n,Object.assign({isManifestPlan:!0,isSelected:h.isSelected||!1,style:{marginTop:y?0:24}},{children:[y&&t("div",Object.assign({className:"most-popular"},{children:t(c,Object.assign({className:"text"},{children:"Most popular ⭐️"}))})),e("div",Object.assign({className:`box ${h.isSelected?"selected":""} ${h.isDisabled?"disabled":""} ${y?"":"rounded-corners"}\n\t\t\t\t`},{children:[e("div",{children:[t(r,Object.assign({style:{color:b.content.secondary,marginBottom:4}},{children:h.planName})),e("div",Object.assign({className:"price-block"},{children:[h.oldPrice?t(o,Object.assign({className:"old--price"},{children:p(g.price)})):t(s,{}),e(l,Object.assign({style:{color:b.content.primary}},{children:["$",h.oldPrice?p(h.oldPrice):p(g.price)]})),e(d,Object.assign({style:{color:b.content.secondary,marginLeft:4}},{children:["/ ",h.showMonthlyOptions?"month":"year"]}))]})),e("div",Object.assign({className:"per-message-price"},{children:[t(o,Object.assign({style:{color:b.content.secondary}},{children:h.planDescription})),t(o,Object.assign({style:{color:b.background.positive.vibrant,marginLeft:4}},{children:h.planDescriptionDiscount}))]})),h.showTrialOptions&&e(c,Object.assign({className:"trial "+(h.isSelected?"selected":"")},{children:["7 day free trial with ",h.freeTrialMessages," messages"]})),h.extraBlockMessage&&t(c,Object.assign({className:"trial "+(h.isSelected?"selected":"")},{children:h.extraBlockMessage})),t("div",Object.assign({className:"features"},{children:h.features.map(((s,a)=>e("div",Object.assign({className:"feature"},{children:[t("div",{children:t(i,{height:12,width:12,color:b.content.primary})}),t(o,Object.assign({className:"feature-text"},{children:s.detail}),a)]}),s.detail)))}))]}),t("div",Object.assign({className:"button-box"},{children:h.isLoading?t(a,{isLoading:!0,buttonType:"primary",buttonText:"Selected Plan",size:"medium",matchParentWidth:!0}):e(s,{children:[h.isSelected&&t(a,{LeadingIcon:i,buttonType:"tertiary",size:"medium",matchParentWidth:!0,buttonText:"Selected Plan",disabled:!1}),h.isDisabled&&t(a,{disabled:!0,buttonType:"primary",size:"medium",matchParentWidth:!0,buttonText:"Choose plan"}),!h.isSelected&&!h.isDisabled&&t(a,{buttonType:"primary",size:"medium",onClick:()=>h.onPlanSelect(h.code),matchParentWidth:!0,buttonText:"Choose plan"})]})}))]})),h.bottomDescription&&t("div",Object.assign({className:`plan-bottom-information\n\t\t\t\t\t${h.isDisabled?"disabled":""}\n\t\t\t\t\t${h.isSelected?"selected":""}\n\t\t\t\t`},{children:t(c,Object.assign({className:"text",style:{color:b.background.inverse}},{children:h.bottomDescription}))}))]}))};export{h as SubscriptionPlan};
|