@bikdotai/bik-component-library 0.0.817-beta.7 → 0.0.817-beta.9

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

@@ -1,6 +1,6 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-dev-runtime"),$=require("../../assets/icons/check.svg.js"),z=require("../../assets/icons/checkCircle.svg.js"),H=require("../../assets/icons/quotes.svg.js"),I=require("../../assets/icons/WhiteStarFilled.svg.js"),_=require("./SubscriptionPlanStyled.js"),s=require("../TypographyStyle.js"),Y=require("../../hooks/useCurreny.js"),o=require("../../constants/Theme.js"),A=require("../tooltips/Tooltip.js"),G=require("../tag/Tag.js"),t=require("../button/Button.js"),J=n=>{const{formatCurrency:N}=Y.useCurrency(),U=n.showMonthlyOptions?n.features:n.annualFeatures||[],k=n.showMonthlyOptions?n.monthlyPlan:n.yearlyPlan,h=!n.isDisabled&&n.isMostPopular,l=n.showMonthlyOptions?n.code:n.yearlyCode??n.code,{planName:g,isSelected:r=!1,isDisabled:a=!1,onPlanSelect:m,oldPrice:c,hideMonthYearTag:E,planDescription:f,planDescriptionDiscount:v,showTrialOptions:V,freeTrialMessages:C,extraBlockMessage:y,isLoading:T,buttonText:x,bottomDescription:D,showMonthlyOptions:S,popularTestimony:P,skipRadioSelection:w=!1,includeText:u,height:O,showFeaturesButton:L,businessDescription:b,isPlanSelected:M=!1,onClickShowAllFeatures:W,showSelectedPlanChip:B=!1,perMonthForYearly:j=!1,minHeightOfFeatures:q,hoverTooltip:R,hidePriceBlock:F=!1}=n,p=i=>j&&!S?i==0?"$0":N(Math.round(i/12),"USD"):i==0?"$0":N(i,"USD");return e.jsxDEV(A.Tooltip,{body:R,children:e.jsxDEV(_.NewSubscriptionStyled,{height:O,showMostPopularChip:h||!1,onClick:()=>m(l),children:[h&&e.jsxDEV("div",{className:"most-popular-chip",children:[e.jsxDEV(s.Caption,{className:"popular-text",children:"Most popular "},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/plans/NewSubscriptionPlan.tsx",lineNumber:98,columnNumber:7},void 0),e.jsxDEV(I.default,{height:12,width:12},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/plans/NewSubscriptionPlan.tsx",lineNumber:99,columnNumber:7},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/plans/NewSubscriptionPlan.tsx",lineNumber:97,columnNumber:6},void 0),e.jsxDEV("div",{className:`box  ${a?"disabled":""} 
-				`,children:[e.jsxDEV("div",{className:"radio-flex",children:[!w&&e.jsxDEV("input",{type:"radio",id:"html",name:"fav_language",value:"HTML",disabled:a??!1,onChange:()=>m(l),className:"radio-button",checked:M},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/plans/NewSubscriptionPlan.tsx",lineNumber:108,columnNumber:8},void 0),e.jsxDEV(s.TitleRegular,{style:{color:o.COLORS.content.secondary,marginBottom:4},children:g},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/plans/NewSubscriptionPlan.tsx",lineNumber:119,columnNumber:7},void 0),B&&e.jsxDEV("div",{style:{marginLeft:"auto"},children:e.jsxDEV(G.Tag,{tagText:"Current plan",type:"positive",theme:"dark"},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/plans/NewSubscriptionPlan.tsx",lineNumber:126,columnNumber:9},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/plans/NewSubscriptionPlan.tsx",lineNumber:125,columnNumber:8},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/plans/NewSubscriptionPlan.tsx",lineNumber:106,columnNumber:6},void 0),F?e.jsxDEV(e.Fragment,{},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/plans/NewSubscriptionPlan.tsx",lineNumber:164,columnNumber:7},void 0):e.jsxDEV("div",{className:"price-block",children:[c?e.jsxDEV(s.BodyCaption,{className:"old--price",children:p(k.price)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/plans/NewSubscriptionPlan.tsx",lineNumber:138,columnNumber:9},void 0):e.jsxDEV(e.Fragment,{},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/plans/NewSubscriptionPlan.tsx",lineNumber:142,columnNumber:9},void 0),e.jsxDEV(s.TitleLarge,{style:{color:o.COLORS.content.primary},children:p(c||k.price)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/plans/NewSubscriptionPlan.tsx",lineNumber:144,columnNumber:8},void 0),e.jsxDEV(s.Caption,{style:{color:o.COLORS.content.secondary,marginLeft:4},children:E?"":`/ ${S?"month":j?"month billed annually":"year"}`},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/plans/NewSubscriptionPlan.tsx",lineNumber:149,columnNumber:8},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/plans/NewSubscriptionPlan.tsx",lineNumber:136,columnNumber:7},void 0),f&&e.jsxDEV("div",{className:"per-message-price",children:[e.jsxDEV(s.BodyCaption,{style:{color:o.COLORS.content.secondary},children:f},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/plans/NewSubscriptionPlan.tsx",lineNumber:169,columnNumber:8},void 0),v&&e.jsxDEV(s.BodyCaption,{style:{color:o.COLORS.background.positive.vibrant,marginLeft:4},children:v},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/plans/NewSubscriptionPlan.tsx",lineNumber:173,columnNumber:9},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/plans/NewSubscriptionPlan.tsx",lineNumber:168,columnNumber:7},void 0),b&&b.length&&e.jsxDEV("div",{style:{marginTop:4},children:b.map((i,d)=>e.jsxDEV(s.BodyCaption,{style:{color:o.COLORS.content.secondary},dangerouslySetInnerHTML:{__html:i}},d,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/plans/NewSubscriptionPlan.tsx",lineNumber:188,columnNumber:9},void 0))},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/plans/NewSubscriptionPlan.tsx",lineNumber:186,columnNumber:7},void 0),V&&e.jsxDEV(s.Caption,{className:`trial ${r?"selected":""}`,children:["7 day free trial with ",C," messages"]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/plans/NewSubscriptionPlan.tsx",lineNumber:198,columnNumber:7},void 0),y&&e.jsxDEV(s.Caption,{className:`trial ${r?"selected":""}`,children:y},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/plans/NewSubscriptionPlan.tsx",lineNumber:203,columnNumber:7},void 0),e.jsxDEV(s.TitleSmall,{className:"extra-include-margin",style:{height:u?"":"20px"},children:u||""},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/plans/NewSubscriptionPlan.tsx",lineNumber:207,columnNumber:6},void 0),e.jsxDEV("div",{className:"features",style:{minHeight:q},children:U.map((i,d)=>e.jsxDEV("div",{className:"feature",children:[e.jsxDEV("div",{children:e.jsxDEV(z.default,{height:20,width:20,color:o.COLORS.content.primary},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/plans/NewSubscriptionPlan.tsx",lineNumber:219,columnNumber:11},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/plans/NewSubscriptionPlan.tsx",lineNumber:218,columnNumber:10},void 0),e.jsxDEV(s.BodyCaption,{className:"feature-text",children:i.detail},d,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/plans/NewSubscriptionPlan.tsx",lineNumber:225,columnNumber:10},void 0)]},i.detail,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/plans/NewSubscriptionPlan.tsx",lineNumber:217,columnNumber:9},void 0))},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/plans/NewSubscriptionPlan.tsx",lineNumber:214,columnNumber:6},void 0),L&&e.jsxDEV(t.Button,{isLoading:!1,buttonType:"tertiary",buttonText:"See all features",size:"small",onClick:i=>{i.stopPropagation(),W&&W()}},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/plans/NewSubscriptionPlan.tsx",lineNumber:233,columnNumber:7},void 0),w&&e.jsxDEV("div",{className:"button-box",children:T?e.jsxDEV(t.Button,{isLoading:!0,buttonType:"primary",buttonText:"Choose plan",size:"medium",matchParentWidth:!0},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/plans/NewSubscriptionPlan.tsx",lineNumber:247,columnNumber:9},void 0):e.jsxDEV(e.Fragment,{children:[r&&e.jsxDEV(t.Button,{disabled:a,LeadingIcon:$.default,buttonType:"tertiary",size:"medium",matchParentWidth:!0,buttonText:x||"Selected Plan"},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/plans/NewSubscriptionPlan.tsx",lineNumber:257,columnNumber:11},void 0),!r&&!a&&e.jsxDEV(t.Button,{buttonType:"primary",size:"medium",onClick:i=>{i.stopPropagation(),m(l)},matchParentWidth:!0,buttonText:x||"Choose plan"},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/plans/NewSubscriptionPlan.tsx",lineNumber:267,columnNumber:11},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/plans/NewSubscriptionPlan.tsx",lineNumber:255,columnNumber:9},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/plans/NewSubscriptionPlan.tsx",lineNumber:245,columnNumber:7},void 0),P&&e.jsxDEV("div",{className:"popular-testimony",children:[e.jsxDEV(H.default,{height:26,width:70},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/plans/NewSubscriptionPlan.tsx",lineNumber:284,columnNumber:8},void 0),e.jsxDEV("div",{className:"testimony-text",children:e.jsxDEV("i",{children:P},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/plans/NewSubscriptionPlan.tsx",lineNumber:286,columnNumber:9},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/plans/NewSubscriptionPlan.tsx",lineNumber:285,columnNumber:8},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/plans/NewSubscriptionPlan.tsx",lineNumber:283,columnNumber:7},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/plans/NewSubscriptionPlan.tsx",lineNumber:102,columnNumber:5},void 0),D&&e.jsxDEV("div",{className:`plan-bottom-information
-					${a?"disabled":""}
-					${r?"selected":""}
-				`,children:e.jsxDEV(s.Caption,{className:"text",style:{color:o.COLORS.background.inverse},children:D},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/plans/NewSubscriptionPlan.tsx",lineNumber:299,columnNumber:7},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/plans/NewSubscriptionPlan.tsx",lineNumber:293,columnNumber:6},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/plans/NewSubscriptionPlan.tsx",lineNumber:91,columnNumber:4},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/plans/NewSubscriptionPlan.tsx",lineNumber:90,columnNumber:3},void 0)};exports.NewSubscriptionPlan=J;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-dev-runtime"),z=require("../../assets/icons/check.svg.js"),H=require("../../assets/icons/checkCircle.svg.js"),I=require("../../assets/icons/quotes.svg.js"),W=require("../../assets/icons/WhiteStarFilled.svg.js"),_=require("./SubscriptionPlanStyled.js"),s=require("../TypographyStyle.js"),Y=require("../../hooks/useCurreny.js"),i=require("../../constants/Theme.js"),A=require("../tooltips/Tooltip.js"),G=require("../tag/Tag.js"),l=require("../button/Button.js"),J=n=>{const{formatCurrency:N}=Y.useCurrency(),g=n.showMonthlyOptions?n.features:n.annualFeatures||[],f=n.showMonthlyOptions?n.monthlyPlan:n.yearlyPlan,y=!n.isDisabled&&n.isMostPopular,t=n.showMonthlyOptions?n.code:n.yearlyCode??n.code,{planName:E,isSelected:a=!1,isDisabled:r=!1,onPlanSelect:c,oldPrice:d,hideMonthYearTag:V,planDescription:x,planDescriptionDiscount:w,showTrialOptions:C,freeTrialMessages:T,extraBlockMessage:D,isLoading:O,buttonText:h,bottomDescription:S,showMonthlyOptions:v,popularTestimony:P,skipRadioSelection:k=!1,includeText:m,height:L,showFeaturesButton:M,businessDescription:u,isPlanSelected:B=!1,onClickShowAllFeatures:j,showSelectedPlanChip:q=!1,perMonthForYearly:U=!1,minHeightOfFeatures:R,hoverTooltip:F,hidePriceBlock:$=!1}=n,b=o=>U&&!v?o==0?"$0":N(Math.round(o/12),"USD"):o==0?"$0":N(o,"USD");return e.jsxDEV(A.Tooltip,{body:F,children:e.jsxDEV(_.NewSubscriptionStyled,{height:L,showMostPopularChip:y||!1,onClick:()=>c(t),children:[y&&e.jsxDEV("div",{className:"most-popular-chip",children:[e.jsxDEV(s.Caption,{className:"popular-text",children:"Most popular "},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/plans/NewSubscriptionPlan.tsx",lineNumber:98,columnNumber:7},void 0),e.jsxDEV(W.default,{height:12,width:12},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/plans/NewSubscriptionPlan.tsx",lineNumber:99,columnNumber:7},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/plans/NewSubscriptionPlan.tsx",lineNumber:97,columnNumber:6},void 0),e.jsxDEV("div",{className:`box  ${r?"disabled":""} 
+				`,children:[e.jsxDEV("div",{className:"radio-flex",children:[!k&&e.jsxDEV("input",{type:"radio",id:"html",name:"fav_language",value:"HTML",disabled:r??!1,onChange:()=>c(t),className:"radio-button",checked:B},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/plans/NewSubscriptionPlan.tsx",lineNumber:108,columnNumber:8},void 0),e.jsxDEV(s.TitleRegular,{style:{color:i.COLORS.content.secondary,marginBottom:4},children:E},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/plans/NewSubscriptionPlan.tsx",lineNumber:119,columnNumber:7},void 0),q&&e.jsxDEV("div",{style:{marginLeft:"auto"},children:e.jsxDEV(G.Tag,{tagText:"Current plan",type:"positive",theme:"dark"},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/plans/NewSubscriptionPlan.tsx",lineNumber:126,columnNumber:9},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/plans/NewSubscriptionPlan.tsx",lineNumber:125,columnNumber:8},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/plans/NewSubscriptionPlan.tsx",lineNumber:106,columnNumber:6},void 0),$?e.jsxDEV(e.Fragment,{},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/plans/NewSubscriptionPlan.tsx",lineNumber:164,columnNumber:7},void 0):e.jsxDEV("div",{className:"price-block",children:[d?e.jsxDEV(s.BodyCaption,{className:"old--price",children:b(f.price)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/plans/NewSubscriptionPlan.tsx",lineNumber:138,columnNumber:9},void 0):e.jsxDEV(e.Fragment,{},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/plans/NewSubscriptionPlan.tsx",lineNumber:142,columnNumber:9},void 0),e.jsxDEV(s.TitleLarge,{style:{color:i.COLORS.content.primary},children:b(d||f.price)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/plans/NewSubscriptionPlan.tsx",lineNumber:144,columnNumber:8},void 0),e.jsxDEV(s.Caption,{style:{color:i.COLORS.content.secondary,marginLeft:4},children:V?"":`/ ${v?"month":U?"month billed annually":"year"}`},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/plans/NewSubscriptionPlan.tsx",lineNumber:149,columnNumber:8},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/plans/NewSubscriptionPlan.tsx",lineNumber:136,columnNumber:7},void 0),x&&e.jsxDEV("div",{className:"per-message-price",children:[e.jsxDEV(s.BodyCaption,{style:{color:i.COLORS.content.secondary},children:x},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/plans/NewSubscriptionPlan.tsx",lineNumber:169,columnNumber:8},void 0),w&&e.jsxDEV(s.BodyCaption,{style:{color:i.COLORS.background.positive.vibrant,marginLeft:4},children:w},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/plans/NewSubscriptionPlan.tsx",lineNumber:173,columnNumber:9},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/plans/NewSubscriptionPlan.tsx",lineNumber:168,columnNumber:7},void 0),u&&u.length&&e.jsxDEV("div",{style:{marginTop:4},children:u.map((o,p)=>e.jsxDEV(s.BodyCaption,{style:{color:i.COLORS.content.secondary},dangerouslySetInnerHTML:{__html:o}},p,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/plans/NewSubscriptionPlan.tsx",lineNumber:188,columnNumber:9},void 0))},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/plans/NewSubscriptionPlan.tsx",lineNumber:186,columnNumber:7},void 0),C&&e.jsxDEV(s.Caption,{className:`trial ${a?"selected":""}`,children:["7 day free trial with ",T," messages"]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/plans/NewSubscriptionPlan.tsx",lineNumber:198,columnNumber:7},void 0),D&&e.jsxDEV(s.Caption,{className:`trial ${a?"selected":""}`,children:D},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/plans/NewSubscriptionPlan.tsx",lineNumber:203,columnNumber:7},void 0),e.jsxDEV(s.TitleSmall,{className:"extra-include-margin",style:{height:m?"":"20px"},children:m||""},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/plans/NewSubscriptionPlan.tsx",lineNumber:207,columnNumber:6},void 0),e.jsxDEV("div",{className:"features",style:{minHeight:R},children:g.map((o,p)=>e.jsxDEV("div",{className:"feature",children:[e.jsxDEV("div",{children:e.jsxDEV(H.default,{height:20,width:20,color:i.COLORS.content.primary},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/plans/NewSubscriptionPlan.tsx",lineNumber:219,columnNumber:11},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/plans/NewSubscriptionPlan.tsx",lineNumber:218,columnNumber:10},void 0),e.jsxDEV(s.BodyCaption,{className:"feature-text",children:o.detail},p,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/plans/NewSubscriptionPlan.tsx",lineNumber:225,columnNumber:10},void 0)]},o.detail,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/plans/NewSubscriptionPlan.tsx",lineNumber:217,columnNumber:9},void 0))},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/plans/NewSubscriptionPlan.tsx",lineNumber:214,columnNumber:6},void 0),M&&e.jsxDEV(l.Button,{isLoading:!1,buttonType:"tertiary",buttonText:"See all features",size:"small",onClick:o=>{o.stopPropagation(),j&&j()}},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/plans/NewSubscriptionPlan.tsx",lineNumber:233,columnNumber:7},void 0),k&&e.jsxDEV("div",{className:"button-box",children:O?e.jsxDEV(l.Button,{isLoading:!0,buttonType:"primary",buttonText:"Choose plan",size:"medium",matchParentWidth:!0},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/plans/NewSubscriptionPlan.tsx",lineNumber:247,columnNumber:9},void 0):e.jsxDEV(e.Fragment,{children:[a&&e.jsxDEV(l.Button,{disabled:r,LeadingIcon:z.default,buttonType:"tertiary",size:"medium",matchParentWidth:!0,buttonText:h||"Selected Plan"},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/plans/NewSubscriptionPlan.tsx",lineNumber:257,columnNumber:11},void 0),!a&&!r&&e.jsxDEV(l.Button,{buttonType:"primary",size:"medium",onClick:o=>{o.stopPropagation(),c(t)},matchParentWidth:!0,buttonText:h||"Choose plan"},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/plans/NewSubscriptionPlan.tsx",lineNumber:267,columnNumber:11},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/plans/NewSubscriptionPlan.tsx",lineNumber:255,columnNumber:9},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/plans/NewSubscriptionPlan.tsx",lineNumber:245,columnNumber:7},void 0),P&&e.jsxDEV("div",{className:"popular-testimony",children:[e.jsxDEV(I.default,{height:26,width:70},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/plans/NewSubscriptionPlan.tsx",lineNumber:284,columnNumber:8},void 0),e.jsxDEV("div",{className:"testimony-text",children:e.jsxDEV("i",{children:P},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/plans/NewSubscriptionPlan.tsx",lineNumber:286,columnNumber:9},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/plans/NewSubscriptionPlan.tsx",lineNumber:285,columnNumber:8},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/plans/NewSubscriptionPlan.tsx",lineNumber:283,columnNumber:7},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/plans/NewSubscriptionPlan.tsx",lineNumber:102,columnNumber:5},void 0),S&&e.jsxDEV("div",{className:`plan-bottom-information
+					${r?"disabled":""}
+					${a?"selected":""}
+				`,children:e.jsxDEV(s.Caption,{className:"text",style:{color:i.COLORS.background.inverse},children:S},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/plans/NewSubscriptionPlan.tsx",lineNumber:299,columnNumber:7},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/plans/NewSubscriptionPlan.tsx",lineNumber:293,columnNumber:6},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/plans/NewSubscriptionPlan.tsx",lineNumber:91,columnNumber:4},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/plans/NewSubscriptionPlan.tsx",lineNumber:90,columnNumber:3},void 0)};exports.NewSubscriptionPlan=J;
 //# sourceMappingURL=NewSubscriptionPlan.js.map

package/dist/cjs/components/plans/NewSubscriptionPlan.js.map

@@ -1 +1 @@
-{"version":3,"file":"NewSubscriptionPlan.js","sources":["../../../../src/components/plans/NewSubscriptionPlan.tsx"],"sourcesContent":["import Check from '@src/assets/icons/check.svg';\nimport CheckCircle from '@src/assets/icons/checkCircle.svg';\nimport Quotes from '@src/assets/icons/quotes.svg';\nimport StarFilled from '@src/assets/icons/WhiteStarFilled.svg';\nimport { FunctionComponent } from 'react';\nimport { Button } from '@src/components/button';\nimport { NewSubscriptionStyled } from '@src/components/plans/SubscriptionPlanStyled';\nimport {\n\tBodyCaption,\n\tCaption,\n\tTitleLarge,\n\tTitleRegular,\n\tTitleSmall,\n} from '@src/components/TypographyStyle';\nimport { useCurrency } from '@src/hooks/useCurreny';\nimport { COLORS } from '@src/constants/Theme';\nimport { Tag } from '../tag';\nimport { Tooltip } from '../tooltips';\nimport { SubscriptionPlanProps } from './SubscriptionPlan';\n\nexport interface NewSubscriptionPlanProps extends SubscriptionPlanProps {\n\tpopularTestimony?: string;\n\tskipRadioSelection?: boolean;\n\tincludeText?: string;\n\theight?: string;\n\tshowFeaturesButton?: boolean;\n\tbusinessDescription?: string[];\n\tyearlyCode?: string;\n\tisPlanSelected?: boolean;\n\tonClickShowAllFeatures?: () => void;\n\tshowSelectedPlanChip?: boolean;\n\tperMonthForYearly?: boolean;\n\tminHeightOfFeatures?: number;\n}\n\ntype Props = NewSubscriptionPlanProps;\n\nexport const NewSubscriptionPlan: FunctionComponent<Props> = (props) => {\n\tconst { formatCurrency } = useCurrency();\n\tconst featureInfo = props.showMonthlyOptions\n\t\t? props.features\n\t\t: props.annualFeatures || [];\n\tconst planInfo = props.showMonthlyOptions\n\t\t? props.monthlyPlan\n\t\t: props.yearlyPlan;\n\tconst showMostPopularChip = !props.isDisabled && props.isMostPopular;\n\tconst codeToReturn = props.showMonthlyOptions\n\t\t? props.code\n\t\t: props.yearlyCode ?? props.code;\n\n\tconst {\n\t\tplanName,\n\t\tisSelected = false,\n\t\tisDisabled = false,\n\t\tonPlanSelect,\n\t\toldPrice,\n\t\thideMonthYearTag,\n\t\tplanDescription,\n\t\tplanDescriptionDiscount,\n\t\tshowTrialOptions,\n\t\tfreeTrialMessages,\n\t\textraBlockMessage,\n\t\tisLoading,\n\t\tbuttonText,\n\t\tbottomDescription,\n\t\tshowMonthlyOptions,\n\t\tpopularTestimony,\n\t\tskipRadioSelection = false,\n\t\tincludeText,\n\t\theight,\n\t\tshowFeaturesButton,\n\t\tbusinessDescription,\n\t\tisPlanSelected = false,\n\t\tonClickShowAllFeatures,\n\t\tshowSelectedPlanChip = false,\n\t\tperMonthForYearly = false,\n\t\tminHeightOfFeatures,\n\t\thoverTooltip,\n\t\thidePriceBlock = false,\n\t} = props;\n\n\tconst handleFormat = (price: number) => {\n\t\tif (perMonthForYearly && !showMonthlyOptions) {\n\t\t\treturn price == 0 ? '$0' : formatCurrency(Math.round(price / 12), 'USD');\n\t\t}\n\t\treturn price == 0 ? '$0' : formatCurrency(price, 'USD');\n\t};\n\n\treturn (\n\t\t<Tooltip body={hoverTooltip}>\n\t\t\t<NewSubscriptionStyled\n\t\t\t\theight={height}\n\t\t\t\tshowMostPopularChip={showMostPopularChip || false}\n\t\t\t\tonClick={() => onPlanSelect(codeToReturn)}\n\t\t\t>\n\t\t\t\t{showMostPopularChip && (\n\t\t\t\t\t<div className={'most-popular-chip'}>\n\t\t\t\t\t\t<Caption className={'popular-text'}>Most popular </Caption>\n\t\t\t\t\t\t<StarFilled height={12} width={12} />\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t\t<div\n\t\t\t\t\tclassName={`box  ${isDisabled ? 'disabled' : ''} \n\t\t\t\t`}\n\t\t\t\t>\n\t\t\t\t\t<div className=\"radio-flex\">\n\t\t\t\t\t\t{!skipRadioSelection && (\n\t\t\t\t\t\t\t<input\n\t\t\t\t\t\t\t\ttype=\"radio\"\n\t\t\t\t\t\t\t\tid=\"html\"\n\t\t\t\t\t\t\t\tname=\"fav_language\"\n\t\t\t\t\t\t\t\tvalue=\"HTML\"\n\t\t\t\t\t\t\t\tdisabled={isDisabled ?? false}\n\t\t\t\t\t\t\t\tonChange={() => onPlanSelect(codeToReturn)}\n\t\t\t\t\t\t\t\tclassName=\"radio-button\"\n\t\t\t\t\t\t\t\tchecked={isPlanSelected}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t<TitleRegular\n\t\t\t\t\t\t\tstyle={{ color: COLORS.content.secondary, marginBottom: 4 }}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{planName}\n\t\t\t\t\t\t</TitleRegular>\n\t\t\t\t\t\t{showSelectedPlanChip && (\n\t\t\t\t\t\t\t<div style={{ marginLeft: 'auto' }}>\n\t\t\t\t\t\t\t\t<Tag\n\t\t\t\t\t\t\t\t\ttagText={'Current plan'}\n\t\t\t\t\t\t\t\t\ttype=\"positive\"\n\t\t\t\t\t\t\t\t\ttheme=\"dark\"\n\t\t\t\t\t\t\t\t></Tag>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</div>\n\n\t\t\t\t\t{!hidePriceBlock ? (\n\t\t\t\t\t\t<div className={'price-block'}>\n\t\t\t\t\t\t\t{oldPrice ? (\n\t\t\t\t\t\t\t\t<BodyCaption className=\"old--price\">\n\t\t\t\t\t\t\t\t\t{handleFormat(planInfo.price)}\n\t\t\t\t\t\t\t\t</BodyCaption>\n\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t<></>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t<TitleLarge style={{ color: COLORS.content.primary }}>\n\t\t\t\t\t\t\t\t{oldPrice\n\t\t\t\t\t\t\t\t\t? handleFormat(oldPrice)\n\t\t\t\t\t\t\t\t\t: handleFormat(planInfo.price)}\n\t\t\t\t\t\t\t</TitleLarge>\n\t\t\t\t\t\t\t<Caption\n\t\t\t\t\t\t\t\tstyle={{ color: COLORS.content.secondary, marginLeft: 4 }}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{hideMonthYearTag\n\t\t\t\t\t\t\t\t\t? ''\n\t\t\t\t\t\t\t\t\t: `/ ${\n\t\t\t\t\t\t\t\t\t\t\tshowMonthlyOptions\n\t\t\t\t\t\t\t\t\t\t\t\t? 'month'\n\t\t\t\t\t\t\t\t\t\t\t\t: perMonthForYearly\n\t\t\t\t\t\t\t\t\t\t\t\t? 'month billed annually'\n\t\t\t\t\t\t\t\t\t\t\t\t: 'year'\n\t\t\t\t\t\t\t\t\t  }`}\n\t\t\t\t\t\t\t</Caption>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<></>\n\t\t\t\t\t)}\n\n\t\t\t\t\t{planDescription && (\n\t\t\t\t\t\t<div className={'per-message-price'}>\n\t\t\t\t\t\t\t<BodyCaption style={{ color: COLORS.content.secondary }}>\n\t\t\t\t\t\t\t\t{planDescription}\n\t\t\t\t\t\t\t</BodyCaption>\n\t\t\t\t\t\t\t{planDescriptionDiscount && (\n\t\t\t\t\t\t\t\t<BodyCaption\n\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\tcolor: COLORS.background.positive.vibrant,\n\t\t\t\t\t\t\t\t\t\tmarginLeft: 4,\n\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{planDescriptionDiscount}\n\t\t\t\t\t\t\t\t</BodyCaption>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\n\t\t\t\t\t{businessDescription && businessDescription.length && (\n\t\t\t\t\t\t<div style={{ marginTop: 4 }}>\n\t\t\t\t\t\t\t{businessDescription.map((item, index) => (\n\t\t\t\t\t\t\t\t<BodyCaption\n\t\t\t\t\t\t\t\t\tstyle={{ color: COLORS.content.secondary }}\n\t\t\t\t\t\t\t\t\tkey={index}\n\t\t\t\t\t\t\t\t\tdangerouslySetInnerHTML={{ __html: item }}\n\t\t\t\t\t\t\t\t></BodyCaption>\n\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\n\t\t\t\t\t{showTrialOptions && (\n\t\t\t\t\t\t<Caption className={`trial ${isSelected ? 'selected' : ''}`}>\n\t\t\t\t\t\t\t7 day free trial with {freeTrialMessages} messages\n\t\t\t\t\t\t</Caption>\n\t\t\t\t\t)}\n\t\t\t\t\t{extraBlockMessage && (\n\t\t\t\t\t\t<Caption className={`trial ${isSelected ? 'selected' : ''}`}>\n\t\t\t\t\t\t\t{extraBlockMessage}\n\t\t\t\t\t\t</Caption>\n\t\t\t\t\t)}\n\t\t\t\t\t<TitleSmall\n\t\t\t\t\t\tclassName=\"extra-include-margin\"\n\t\t\t\t\t\tstyle={{ height: includeText ? '' : '20px' }}\n\t\t\t\t\t>\n\t\t\t\t\t\t{includeText ? includeText : ''}\n\t\t\t\t\t</TitleSmall>\n\n\t\t\t\t\t<div className=\"features\" style={{ minHeight: minHeightOfFeatures }}>\n\t\t\t\t\t\t{featureInfo.map((feature, index) => {\n\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t<div className={'feature'} key={feature.detail}>\n\t\t\t\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t\t\t\t<CheckCircle\n\t\t\t\t\t\t\t\t\t\t\theight={20}\n\t\t\t\t\t\t\t\t\t\t\twidth={20}\n\t\t\t\t\t\t\t\t\t\t\tcolor={COLORS.content.primary}\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t<BodyCaption key={index} className={'feature-text'}>\n\t\t\t\t\t\t\t\t\t\t{feature.detail}\n\t\t\t\t\t\t\t\t\t</BodyCaption>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t);\n\t\t\t\t\t\t})}\n\t\t\t\t\t</div>\n\t\t\t\t\t{showFeaturesButton && (\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\tisLoading={false}\n\t\t\t\t\t\t\tbuttonType={'tertiary'}\n\t\t\t\t\t\t\tbuttonText={'See all features'}\n\t\t\t\t\t\t\tsize={'small'}\n\t\t\t\t\t\t\tonClick={(e) => {\n\t\t\t\t\t\t\t\te.stopPropagation();\n\t\t\t\t\t\t\t\tonClickShowAllFeatures ? onClickShowAllFeatures() : '';\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\t\t\t\t\t{skipRadioSelection && (\n\t\t\t\t\t\t<div className={'button-box'}>\n\t\t\t\t\t\t\t{isLoading ? (\n\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\tisLoading={true}\n\t\t\t\t\t\t\t\t\tbuttonType={'primary'}\n\t\t\t\t\t\t\t\t\tbuttonText={'Choose plan'}\n\t\t\t\t\t\t\t\t\tsize={'medium'}\n\t\t\t\t\t\t\t\t\tmatchParentWidth\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t\t{isSelected && (\n\t\t\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\t\t\tdisabled={isDisabled}\n\t\t\t\t\t\t\t\t\t\t\tLeadingIcon={Check}\n\t\t\t\t\t\t\t\t\t\t\tbuttonType={'tertiary'}\n\t\t\t\t\t\t\t\t\t\t\tsize={'medium'}\n\t\t\t\t\t\t\t\t\t\t\tmatchParentWidth\n\t\t\t\t\t\t\t\t\t\t\tbuttonText={buttonText || 'Selected Plan'}\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t{!isSelected && !isDisabled && (\n\t\t\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\t\t\tbuttonType={'primary'}\n\t\t\t\t\t\t\t\t\t\t\tsize={'medium'}\n\t\t\t\t\t\t\t\t\t\t\tonClick={(e) => {\n\t\t\t\t\t\t\t\t\t\t\t\te.stopPropagation();\n\t\t\t\t\t\t\t\t\t\t\t\tonPlanSelect(codeToReturn);\n\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t\tmatchParentWidth\n\t\t\t\t\t\t\t\t\t\t\tbuttonText={buttonText || 'Choose plan'}\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t</>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\t\t\t\t\t{popularTestimony && (\n\t\t\t\t\t\t<div className=\"popular-testimony\">\n\t\t\t\t\t\t\t<Quotes height={26} width={70} />\n\t\t\t\t\t\t\t<div className=\"testimony-text\">\n\t\t\t\t\t\t\t\t<i>{popularTestimony}</i>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\n\t\t\t\t{bottomDescription && (\n\t\t\t\t\t<div\n\t\t\t\t\t\tclassName={`plan-bottom-information\n\t\t\t\t\t${isDisabled ? 'disabled' : ''}\n\t\t\t\t\t${isSelected ? 'selected' : ''}\n\t\t\t\t`}\n\t\t\t\t\t>\n\t\t\t\t\t\t<Caption\n\t\t\t\t\t\t\tclassName={'text'}\n\t\t\t\t\t\t\tstyle={{ color: COLORS.background.inverse }}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{bottomDescription}\n\t\t\t\t\t\t</Caption>\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t</NewSubscriptionStyled>\n\t\t</Tooltip>\n\t);\n};\n"],"names":["NewSubscriptionPlan","props","formatCurrency","useCurrency","featureInfo","planInfo","showMostPopularChip","codeToReturn","planName","isSelected","isDisabled","onPlanSelect","oldPrice","hideMonthYearTag","planDescription","planDescriptionDiscount","showTrialOptions","freeTrialMessages","extraBlockMessage","isLoading","buttonText","bottomDescription","showMonthlyOptions","popularTestimony","skipRadioSelection","includeText","height","showFeaturesButton","businessDescription","isPlanSelected","onClickShowAllFeatures","showSelectedPlanChip","perMonthForYearly","minHeightOfFeatures","hoverTooltip","hidePriceBlock","handleFormat","price","jsxDEV","Tooltip","NewSubscriptionStyled","Caption","this","StarFilled","TitleRegular","COLORS","Tag","Fragment","BodyCaption","TitleLarge","item","index","TitleSmall","feature","CheckCircle","Button","e","Check","Quotes"],"mappings":"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"}
+{"version":3,"file":"NewSubscriptionPlan.js","sources":["../../../../src/components/plans/NewSubscriptionPlan.tsx"],"sourcesContent":["import Check from '@src/assets/icons/check.svg';\nimport CheckCircle from '@src/assets/icons/checkCircle.svg';\nimport Quotes from '@src/assets/icons/quotes.svg';\nimport StarFilled from '@src/assets/icons/WhiteStarFilled.svg';\nimport { FunctionComponent } from 'react';\nimport { Button } from '@src/components/button';\nimport { NewSubscriptionStyled } from '@src/components/plans/SubscriptionPlanStyled';\nimport {\n\tBodyCaption,\n\tCaption,\n\tTitleLarge,\n\tTitleRegular,\n\tTitleSmall,\n} from '@src/components/TypographyStyle';\nimport { useCurrency } from '@src/hooks/useCurreny';\nimport { COLORS } from '@src/constants/Theme';\nimport { Tag } from '../tag';\nimport { Tooltip } from '../tooltips';\nimport { SubscriptionPlanProps } from './SubscriptionPlan';\n\nexport interface NewSubscriptionPlanProps extends SubscriptionPlanProps {\n\tpopularTestimony?: string;\n\tskipRadioSelection?: boolean;\n\tincludeText?: string;\n\theight?: string;\n\tshowFeaturesButton?: boolean;\n\tbusinessDescription?: string[];\n\tyearlyCode?: string;\n\tisPlanSelected?: boolean;\n\tonClickShowAllFeatures?: () => void;\n\tshowSelectedPlanChip?: boolean;\n\tperMonthForYearly?: boolean;\n\tminHeightOfFeatures?: number;\n}\n\ntype Props = NewSubscriptionPlanProps;\n\nexport const NewSubscriptionPlan: FunctionComponent<Props> = (props) => {\n\tconst { formatCurrency } = useCurrency();\n\tconst featureInfo = props.showMonthlyOptions\n\t\t? props.features\n\t\t: props.annualFeatures || [];\n\tconst planInfo = props.showMonthlyOptions\n\t\t? props.monthlyPlan\n\t\t: props.yearlyPlan;\n\tconst showMostPopularChip = !props.isDisabled && props.isMostPopular;\n\tconst codeToReturn = props.showMonthlyOptions\n\t\t? props.code\n\t\t: props.yearlyCode ?? props.code;\n\n\tconst {\n\t\tplanName,\n\t\tisSelected = false,\n\t\tisDisabled = false,\n\t\tonPlanSelect,\n\t\toldPrice,\n\t\thideMonthYearTag,\n\t\tplanDescription,\n\t\tplanDescriptionDiscount,\n\t\tshowTrialOptions,\n\t\tfreeTrialMessages,\n\t\textraBlockMessage,\n\t\tisLoading,\n\t\tbuttonText,\n\t\tbottomDescription,\n\t\tshowMonthlyOptions,\n\t\tpopularTestimony,\n\t\tskipRadioSelection = false,\n\t\tincludeText,\n\t\theight,\n\t\tshowFeaturesButton,\n\t\tbusinessDescription,\n\t\tisPlanSelected = false,\n\t\tonClickShowAllFeatures,\n\t\tshowSelectedPlanChip = false,\n\t\tperMonthForYearly = false,\n\t\tminHeightOfFeatures,\n\t\thoverTooltip,\n\t\thidePriceBlock = false,\n\t} = props;\n\n\tconst handleFormat = (price: number) => {\n\t\tif (perMonthForYearly && !showMonthlyOptions) {\n\t\t\treturn price == 0 ? '$0' : formatCurrency(Math.round(price / 12), 'USD');\n\t\t}\n\t\treturn price == 0 ? '$0' : formatCurrency(price, 'USD');\n\t};\n\n\treturn (\n\t\t<Tooltip body={hoverTooltip}>\n\t\t\t<NewSubscriptionStyled\n\t\t\t\theight={height}\n\t\t\t\tshowMostPopularChip={showMostPopularChip || false}\n\t\t\t\tonClick={() => onPlanSelect(codeToReturn)}\n\t\t\t>\n\t\t\t\t{showMostPopularChip && (\n\t\t\t\t\t<div className={'most-popular-chip'}>\n\t\t\t\t\t\t<Caption className={'popular-text'}>Most popular </Caption>\n\t\t\t\t\t\t<StarFilled height={12} width={12} />\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t\t<div\n\t\t\t\t\tclassName={`box  ${isDisabled ? 'disabled' : ''} \n\t\t\t\t`}\n\t\t\t\t>\n\t\t\t\t\t<div className=\"radio-flex\">\n\t\t\t\t\t\t{!skipRadioSelection && (\n\t\t\t\t\t\t\t<input\n\t\t\t\t\t\t\t\ttype=\"radio\"\n\t\t\t\t\t\t\t\tid=\"html\"\n\t\t\t\t\t\t\t\tname=\"fav_language\"\n\t\t\t\t\t\t\t\tvalue=\"HTML\"\n\t\t\t\t\t\t\t\tdisabled={isDisabled ?? false}\n\t\t\t\t\t\t\t\tonChange={() => onPlanSelect(codeToReturn)}\n\t\t\t\t\t\t\t\tclassName=\"radio-button\"\n\t\t\t\t\t\t\t\tchecked={isPlanSelected}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t<TitleRegular\n\t\t\t\t\t\t\tstyle={{ color: COLORS.content.secondary, marginBottom: 4 }}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{planName}\n\t\t\t\t\t\t</TitleRegular>\n\t\t\t\t\t\t{showSelectedPlanChip && (\n\t\t\t\t\t\t\t<div style={{ marginLeft: 'auto' }}>\n\t\t\t\t\t\t\t\t<Tag\n\t\t\t\t\t\t\t\t\ttagText={'Current plan'}\n\t\t\t\t\t\t\t\t\ttype=\"positive\"\n\t\t\t\t\t\t\t\t\ttheme=\"dark\"\n\t\t\t\t\t\t\t\t></Tag>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</div>\n\n\t\t\t\t\t{!hidePriceBlock ? (\n\t\t\t\t\t\t<div className={'price-block'}>\n\t\t\t\t\t\t\t{oldPrice ? (\n\t\t\t\t\t\t\t\t<BodyCaption className=\"old--price\">\n\t\t\t\t\t\t\t\t\t{handleFormat(planInfo.price)}\n\t\t\t\t\t\t\t\t</BodyCaption>\n\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t<></>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t<TitleLarge style={{ color: COLORS.content.primary }}>\n\t\t\t\t\t\t\t\t{oldPrice\n\t\t\t\t\t\t\t\t\t? handleFormat(oldPrice)\n\t\t\t\t\t\t\t\t\t: handleFormat(planInfo.price)}\n\t\t\t\t\t\t\t</TitleLarge>\n\t\t\t\t\t\t\t<Caption\n\t\t\t\t\t\t\t\tstyle={{ color: COLORS.content.secondary, marginLeft: 4 }}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{hideMonthYearTag\n\t\t\t\t\t\t\t\t\t? ''\n\t\t\t\t\t\t\t\t\t: `/ ${\n\t\t\t\t\t\t\t\t\t\t\tshowMonthlyOptions\n\t\t\t\t\t\t\t\t\t\t\t\t? 'month'\n\t\t\t\t\t\t\t\t\t\t\t\t: perMonthForYearly\n\t\t\t\t\t\t\t\t\t\t\t\t? 'month billed annually'\n\t\t\t\t\t\t\t\t\t\t\t\t: 'year'\n\t\t\t\t\t\t\t\t\t  }`}\n\t\t\t\t\t\t\t</Caption>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<></>\n\t\t\t\t\t)}\n\n\t\t\t\t\t{planDescription && (\n\t\t\t\t\t\t<div className={'per-message-price'}>\n\t\t\t\t\t\t\t<BodyCaption style={{ color: COLORS.content.secondary }}>\n\t\t\t\t\t\t\t\t{planDescription}\n\t\t\t\t\t\t\t</BodyCaption>\n\t\t\t\t\t\t\t{planDescriptionDiscount && (\n\t\t\t\t\t\t\t\t<BodyCaption\n\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\tcolor: COLORS.background.positive.vibrant,\n\t\t\t\t\t\t\t\t\t\tmarginLeft: 4,\n\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{planDescriptionDiscount}\n\t\t\t\t\t\t\t\t</BodyCaption>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\n\t\t\t\t\t{businessDescription && businessDescription.length && (\n\t\t\t\t\t\t<div style={{ marginTop: 4 }}>\n\t\t\t\t\t\t\t{businessDescription.map((item, index) => (\n\t\t\t\t\t\t\t\t<BodyCaption\n\t\t\t\t\t\t\t\t\tstyle={{ color: COLORS.content.secondary }}\n\t\t\t\t\t\t\t\t\tkey={index}\n\t\t\t\t\t\t\t\t\tdangerouslySetInnerHTML={{ __html: item }}\n\t\t\t\t\t\t\t\t></BodyCaption>\n\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\n\t\t\t\t\t{showTrialOptions && (\n\t\t\t\t\t\t<Caption className={`trial ${isSelected ? 'selected' : ''}`}>\n\t\t\t\t\t\t\t7 day free trial with {freeTrialMessages} messages\n\t\t\t\t\t\t</Caption>\n\t\t\t\t\t)}\n\t\t\t\t\t{extraBlockMessage && (\n\t\t\t\t\t\t<Caption className={`trial ${isSelected ? 'selected' : ''}`}>\n\t\t\t\t\t\t\t{extraBlockMessage}\n\t\t\t\t\t\t</Caption>\n\t\t\t\t\t)}\n\t\t\t\t\t<TitleSmall\n\t\t\t\t\t\tclassName=\"extra-include-margin\"\n\t\t\t\t\t\tstyle={{ height: includeText ? '' : '20px' }}\n\t\t\t\t\t>\n\t\t\t\t\t\t{includeText ? includeText : ''}\n\t\t\t\t\t</TitleSmall>\n\n\t\t\t\t\t<div className=\"features\" style={{ minHeight: minHeightOfFeatures }}>\n\t\t\t\t\t\t{featureInfo.map((feature, index) => {\n\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t<div className={'feature'} key={feature.detail}>\n\t\t\t\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t\t\t\t<CheckCircle\n\t\t\t\t\t\t\t\t\t\t\theight={20}\n\t\t\t\t\t\t\t\t\t\t\twidth={20}\n\t\t\t\t\t\t\t\t\t\t\tcolor={COLORS.content.primary}\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t<BodyCaption key={index} className={'feature-text'}>\n\t\t\t\t\t\t\t\t\t\t{feature.detail}\n\t\t\t\t\t\t\t\t\t</BodyCaption>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t);\n\t\t\t\t\t\t})}\n\t\t\t\t\t</div>\n\t\t\t\t\t{showFeaturesButton && (\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\tisLoading={false}\n\t\t\t\t\t\t\tbuttonType={'tertiary'}\n\t\t\t\t\t\t\tbuttonText={'See all features'}\n\t\t\t\t\t\t\tsize={'small'}\n\t\t\t\t\t\t\tonClick={(e) => {\n\t\t\t\t\t\t\t\te.stopPropagation();\n\t\t\t\t\t\t\t\tonClickShowAllFeatures ? onClickShowAllFeatures() : '';\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\t\t\t\t\t{skipRadioSelection && (\n\t\t\t\t\t\t<div className={'button-box'}>\n\t\t\t\t\t\t\t{isLoading ? (\n\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\tisLoading={true}\n\t\t\t\t\t\t\t\t\tbuttonType={'primary'}\n\t\t\t\t\t\t\t\t\tbuttonText={'Choose plan'}\n\t\t\t\t\t\t\t\t\tsize={'medium'}\n\t\t\t\t\t\t\t\t\tmatchParentWidth\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t\t{isSelected && (\n\t\t\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\t\t\tdisabled={isDisabled}\n\t\t\t\t\t\t\t\t\t\t\tLeadingIcon={Check}\n\t\t\t\t\t\t\t\t\t\t\tbuttonType={'tertiary'}\n\t\t\t\t\t\t\t\t\t\t\tsize={'medium'}\n\t\t\t\t\t\t\t\t\t\t\tmatchParentWidth\n\t\t\t\t\t\t\t\t\t\t\tbuttonText={buttonText || 'Selected Plan'}\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t{!isSelected && !isDisabled && (\n\t\t\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\t\t\tbuttonType={'primary'}\n\t\t\t\t\t\t\t\t\t\t\tsize={'medium'}\n\t\t\t\t\t\t\t\t\t\t\tonClick={(e) => {\n\t\t\t\t\t\t\t\t\t\t\t\te.stopPropagation();\n\t\t\t\t\t\t\t\t\t\t\t\tonPlanSelect(codeToReturn);\n\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t\tmatchParentWidth\n\t\t\t\t\t\t\t\t\t\t\tbuttonText={buttonText || 'Choose plan'}\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t</>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\t\t\t\t\t{popularTestimony && (\n\t\t\t\t\t\t<div className=\"popular-testimony\">\n\t\t\t\t\t\t\t<Quotes height={26} width={70} />\n\t\t\t\t\t\t\t<div className=\"testimony-text\">\n\t\t\t\t\t\t\t\t<i>{popularTestimony}</i>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\n\t\t\t\t{bottomDescription && (\n\t\t\t\t\t<div\n\t\t\t\t\t\tclassName={`plan-bottom-information\n\t\t\t\t\t${isDisabled ? 'disabled' : ''}\n\t\t\t\t\t${isSelected ? 'selected' : ''}\n\t\t\t\t`}\n\t\t\t\t\t>\n\t\t\t\t\t\t<Caption\n\t\t\t\t\t\t\tclassName={'text'}\n\t\t\t\t\t\t\tstyle={{ color: COLORS.background.inverse }}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{bottomDescription}\n\t\t\t\t\t\t</Caption>\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t</NewSubscriptionStyled>\n\t\t</Tooltip>\n\t);\n};\n"],"names":["NewSubscriptionPlan","props","formatCurrency","useCurrency","featureInfo","planInfo","showMostPopularChip","codeToReturn","planName","isSelected","isDisabled","onPlanSelect","oldPrice","hideMonthYearTag","planDescription","planDescriptionDiscount","showTrialOptions","freeTrialMessages","extraBlockMessage","isLoading","buttonText","bottomDescription","showMonthlyOptions","popularTestimony","skipRadioSelection","includeText","height","showFeaturesButton","businessDescription","isPlanSelected","onClickShowAllFeatures","showSelectedPlanChip","perMonthForYearly","minHeightOfFeatures","hoverTooltip","hidePriceBlock","handleFormat","price","jsxDEV","Tooltip","NewSubscriptionStyled","Caption","this","StarFilled","TitleRegular","COLORS","Tag","Fragment","BodyCaption","TitleLarge","item","index","TitleSmall","feature","CheckCircle","Button","e","Check","Quotes"],"mappings":"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"}

package/dist/cjs/components/plans/SubscriptionPlan.js

@@ -1,6 +1,6 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-dev-runtime"),c=require("../../assets/icons/check.svg.js"),d=require("./SubscriptionPlanStyled.js"),i=require("../TypographyStyle.js"),p=require("../../hooks/useCurreny.js"),s=require("../../constants/Theme.js"),t=require("../button/Button.js"),k=e=>{const{formatCurrency:m}=p.useCurrency(),u=e.showMonthlyOptions?e.features:e.annualFeatures||[],l=e.showMonthlyOptions?e.monthlyPlan:e.yearlyPlan,o=!e.isDisabled&&e.isMostPopular,a=r=>r==0?"$0":m(r,"USD");return n.jsxDEV(d.SubscriptionPlanStyled,{isManifestPlan:!0,isSelected:e.isSelected||!1,style:{marginTop:o?0:24},children:[o&&n.jsxDEV("div",{className:"most-popular",children:n.jsxDEV(i.Caption,{className:"text",children:"Most popular ⭐️"},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/plans/SubscriptionPlan.tsx",lineNumber:81,columnNumber:6},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/plans/SubscriptionPlan.tsx",lineNumber:80,columnNumber:5},void 0),n.jsxDEV("div",{className:`box ${e.isSelected?"selected":""} ${e.isDisabled?"disabled":""} ${o?"":"rounded-corners"}
-				`,children:[n.jsxDEV("div",{children:[n.jsxDEV(i.TitleRegular,{style:{color:s.COLORS.content.secondary,marginBottom:4},children:e.planName},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/plans/SubscriptionPlan.tsx",lineNumber:91,columnNumber:6},void 0),e?.hidePriceBlock?n.jsxDEV(n.Fragment,{},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/plans/SubscriptionPlan.tsx",lineNumber:120,columnNumber:7},void 0):n.jsxDEV("div",{className:"price-block",children:[e.oldPrice?n.jsxDEV(i.BodyCaption,{className:"old--price",children:a(l.price)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/plans/SubscriptionPlan.tsx",lineNumber:100,columnNumber:9},void 0):n.jsxDEV(n.Fragment,{},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/plans/SubscriptionPlan.tsx",lineNumber:104,columnNumber:9},void 0),n.jsxDEV(i.TitleMedium,{style:{color:s.COLORS.content.primary},children:e.oldPrice?a(e.oldPrice):a(l.price)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/plans/SubscriptionPlan.tsx",lineNumber:106,columnNumber:8},void 0),n.jsxDEV(i.BodyPrimary,{style:{color:s.COLORS.content.secondary,marginLeft:4},children:e.hideMonthYearTag?"":`/ ${e.showMonthlyOptions?"month":"year"}`},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/plans/SubscriptionPlan.tsx",lineNumber:111,columnNumber:8},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/plans/SubscriptionPlan.tsx",lineNumber:98,columnNumber:7},void 0),n.jsxDEV("div",{className:"per-message-price",children:[e.planDescription&&n.jsxDEV(i.BodyCaption,{style:{color:s.COLORS.content.secondary},children:e.planDescription},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/plans/SubscriptionPlan.tsx",lineNumber:125,columnNumber:8},void 0),e.planDescriptionDiscount&&n.jsxDEV(i.BodyCaption,{style:{color:s.COLORS.background.positive.vibrant,marginLeft:4},children:e.planDescriptionDiscount},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/plans/SubscriptionPlan.tsx",lineNumber:130,columnNumber:8},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/plans/SubscriptionPlan.tsx",lineNumber:123,columnNumber:6},void 0),e.showTrialOptions&&n.jsxDEV(i.Caption,{className:`trial ${e.isSelected?"selected":""}`,children:["7 day free trial with ",e.freeTrialMessages," messages"]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/plans/SubscriptionPlan.tsx",lineNumber:142,columnNumber:7},void 0),e.extraBlockMessage&&n.jsxDEV(i.Caption,{className:`trial ${e.isSelected?"selected":""}`,children:e.extraBlockMessage},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/plans/SubscriptionPlan.tsx",lineNumber:147,columnNumber:7},void 0),n.jsxDEV("div",{className:"features",children:u.map((r,b)=>n.jsxDEV("div",{className:"feature",children:[n.jsxDEV("div",{children:n.jsxDEV(c.default,{height:12,width:12,color:s.COLORS.content.primary},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/plans/SubscriptionPlan.tsx",lineNumber:157,columnNumber:11},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/plans/SubscriptionPlan.tsx",lineNumber:156,columnNumber:10},void 0),n.jsxDEV(i.BodyCaption,{className:"feature-text",children:r.detail},b,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/plans/SubscriptionPlan.tsx",lineNumber:163,columnNumber:10},void 0)]},r.detail,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/plans/SubscriptionPlan.tsx",lineNumber:155,columnNumber:9},void 0))},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/plans/SubscriptionPlan.tsx",lineNumber:152,columnNumber:6},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/plans/SubscriptionPlan.tsx",lineNumber:90,columnNumber:5},void 0),n.jsxDEV("div",{className:"button-box",children:e.isLoading?n.jsxDEV(t.Button,{isLoading:!0,buttonType:"primary",buttonText:"Choose plan",size:"medium",matchParentWidth:!0},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/plans/SubscriptionPlan.tsx",lineNumber:173,columnNumber:7},void 0):n.jsxDEV(n.Fragment,{children:[e.isSelected&&n.jsxDEV(t.Button,{disabled:e.isDisabled,LeadingIcon:c.default,buttonType:"tertiary",size:"medium",matchParentWidth:!0,buttonText:e.buttonText||"Selected Plan"},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/plans/SubscriptionPlan.tsx",lineNumber:183,columnNumber:9},void 0),!e.isSelected&&!e.isDisabled&&n.jsxDEV(t.Button,{buttonType:"primary",size:"medium",onClick:()=>e.onPlanSelect(e.code),matchParentWidth:!0,buttonText:e.buttonText||"Choose plan"},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/plans/SubscriptionPlan.tsx",lineNumber:193,columnNumber:9},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/plans/SubscriptionPlan.tsx",lineNumber:181,columnNumber:7},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/plans/SubscriptionPlan.tsx",lineNumber:171,columnNumber:5},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/plans/SubscriptionPlan.tsx",lineNumber:84,columnNumber:4},void 0),e.bottomDescription&&n.jsxDEV("div",{className:`plan-bottom-information
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-dev-runtime"),c=require("../../assets/icons/check.svg.js"),b=require("./SubscriptionPlanStyled.js"),o=require("../TypographyStyle.js"),N=require("../../hooks/useCurreny.js"),i=require("../../constants/Theme.js"),r=require("../button/Button.js"),y=e=>{const{formatCurrency:d}=N.useCurrency(),m=e.showMonthlyOptions?e.features:e.annualFeatures||[],t=e.showMonthlyOptions?e.monthlyPlan:e.yearlyPlan,a=!e.isDisabled&&e.isMostPopular,l=s=>s==0?"$0":d(s,"USD");return n.jsxDEV(b.SubscriptionPlanStyled,{isManifestPlan:!0,isSelected:e.isSelected||!1,style:{marginTop:a?0:24},children:[a&&n.jsxDEV("div",{className:"most-popular",children:n.jsxDEV(o.Caption,{className:"text",children:"Most popular ⭐️"},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/plans/SubscriptionPlan.tsx",lineNumber:81,columnNumber:6},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/plans/SubscriptionPlan.tsx",lineNumber:80,columnNumber:5},void 0),n.jsxDEV("div",{className:`box ${e.isSelected?"selected":""} ${e.isDisabled?"disabled":""} ${a?"":"rounded-corners"}
+				`,children:[n.jsxDEV("div",{children:[n.jsxDEV(o.TitleRegular,{style:{color:i.COLORS.content.secondary,marginBottom:4},children:e.planName},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/plans/SubscriptionPlan.tsx",lineNumber:91,columnNumber:6},void 0),e?.hidePriceBlock?n.jsxDEV(n.Fragment,{},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/plans/SubscriptionPlan.tsx",lineNumber:120,columnNumber:7},void 0):n.jsxDEV("div",{className:"price-block",children:[e.oldPrice?n.jsxDEV(o.BodyCaption,{className:"old--price",children:l(t.price)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/plans/SubscriptionPlan.tsx",lineNumber:100,columnNumber:9},void 0):n.jsxDEV(n.Fragment,{},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/plans/SubscriptionPlan.tsx",lineNumber:104,columnNumber:9},void 0),n.jsxDEV(o.TitleMedium,{style:{color:i.COLORS.content.primary},children:e.oldPrice?l(e.oldPrice):l(t.price)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/plans/SubscriptionPlan.tsx",lineNumber:106,columnNumber:8},void 0),n.jsxDEV(o.BodyPrimary,{style:{color:i.COLORS.content.secondary,marginLeft:4},children:e.hideMonthYearTag?"":`/ ${e.showMonthlyOptions?"month":"year"}`},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/plans/SubscriptionPlan.tsx",lineNumber:111,columnNumber:8},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/plans/SubscriptionPlan.tsx",lineNumber:98,columnNumber:7},void 0),n.jsxDEV("div",{className:"per-message-price",children:[e.planDescription&&n.jsxDEV(o.BodyCaption,{style:{color:i.COLORS.content.secondary},children:e.planDescription},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/plans/SubscriptionPlan.tsx",lineNumber:125,columnNumber:8},void 0),e.planDescriptionDiscount&&n.jsxDEV(o.BodyCaption,{style:{color:i.COLORS.background.positive.vibrant,marginLeft:4},children:e.planDescriptionDiscount},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/plans/SubscriptionPlan.tsx",lineNumber:130,columnNumber:8},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/plans/SubscriptionPlan.tsx",lineNumber:123,columnNumber:6},void 0),e.showTrialOptions&&n.jsxDEV(o.Caption,{className:`trial ${e.isSelected?"selected":""}`,children:["7 day free trial with ",e.freeTrialMessages," messages"]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/plans/SubscriptionPlan.tsx",lineNumber:142,columnNumber:7},void 0),e.extraBlockMessage&&n.jsxDEV(o.Caption,{className:`trial ${e.isSelected?"selected":""}`,children:e.extraBlockMessage},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/plans/SubscriptionPlan.tsx",lineNumber:147,columnNumber:7},void 0),n.jsxDEV("div",{className:"features",children:m.map((s,u)=>n.jsxDEV("div",{className:"feature",children:[n.jsxDEV("div",{children:n.jsxDEV(c.default,{height:12,width:12,color:i.COLORS.content.primary},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/plans/SubscriptionPlan.tsx",lineNumber:157,columnNumber:11},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/plans/SubscriptionPlan.tsx",lineNumber:156,columnNumber:10},void 0),n.jsxDEV(o.BodyCaption,{className:"feature-text",children:s.detail},u,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/plans/SubscriptionPlan.tsx",lineNumber:163,columnNumber:10},void 0)]},s.detail,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/plans/SubscriptionPlan.tsx",lineNumber:155,columnNumber:9},void 0))},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/plans/SubscriptionPlan.tsx",lineNumber:152,columnNumber:6},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/plans/SubscriptionPlan.tsx",lineNumber:90,columnNumber:5},void 0),n.jsxDEV("div",{className:"button-box",children:e.isLoading?n.jsxDEV(r.Button,{isLoading:!0,buttonType:"primary",buttonText:"Choose plan",size:"medium",matchParentWidth:!0},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/plans/SubscriptionPlan.tsx",lineNumber:173,columnNumber:7},void 0):n.jsxDEV(n.Fragment,{children:[e.isSelected&&n.jsxDEV(r.Button,{disabled:e.isDisabled,LeadingIcon:c.default,buttonType:"tertiary",size:"medium",matchParentWidth:!0,buttonText:e.buttonText||"Selected Plan"},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/plans/SubscriptionPlan.tsx",lineNumber:183,columnNumber:9},void 0),!e.isSelected&&!e.isDisabled&&n.jsxDEV(r.Button,{buttonType:"primary",size:"medium",onClick:()=>e.onPlanSelect(e.code),matchParentWidth:!0,buttonText:e.buttonText||"Choose plan"},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/plans/SubscriptionPlan.tsx",lineNumber:193,columnNumber:9},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/plans/SubscriptionPlan.tsx",lineNumber:181,columnNumber:7},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/plans/SubscriptionPlan.tsx",lineNumber:171,columnNumber:5},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/plans/SubscriptionPlan.tsx",lineNumber:84,columnNumber:4},void 0),e.bottomDescription&&n.jsxDEV("div",{className:`plan-bottom-information
 					${e.isDisabled?"disabled":""}
 					${e.isSelected?"selected":""}
-				`,children:n.jsxDEV(i.Caption,{className:"text",style:{color:s.COLORS.background.inverse},children:e.bottomDescription},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/plans/SubscriptionPlan.tsx",lineNumber:212,columnNumber:6},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/plans/SubscriptionPlan.tsx",lineNumber:206,columnNumber:5},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/plans/SubscriptionPlan.tsx",lineNumber:74,columnNumber:3},void 0)};exports.SubscriptionPlan=k;
+				`,children:n.jsxDEV(o.Caption,{className:"text",style:{color:i.COLORS.background.inverse},children:e.bottomDescription},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/plans/SubscriptionPlan.tsx",lineNumber:212,columnNumber:6},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/plans/SubscriptionPlan.tsx",lineNumber:206,columnNumber:5},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/plans/SubscriptionPlan.tsx",lineNumber:74,columnNumber:3},void 0)};exports.SubscriptionPlan=y;
 //# sourceMappingURL=SubscriptionPlan.js.map

package/dist/cjs/components/plans/SubscriptionPlan.js.map

@@ -1 +1 @@
-{"version":3,"file":"SubscriptionPlan.js","sources":["../../../../src/components/plans/SubscriptionPlan.tsx"],"sourcesContent":["import Check from '@src/assets/icons/check.svg';\nimport { FunctionComponent } from 'react';\nimport { Button } from '@src/components/button';\nimport { SubscriptionPlanStyled } from '@src/components/plans/SubscriptionPlanStyled';\nimport {\n\tBodyCaption,\n\tBodyPrimary,\n\tCaption,\n\tTitleMedium,\n\tTitleRegular,\n} from '@src/components/TypographyStyle';\nimport { useCurrency } from '@src/hooks/useCurreny';\nimport { COLORS } from '@src/constants/Theme';\n\ninterface PlanPrice {\n\tprice: number;\n\tdiscount: number;\n}\n\ninterface PlanFeature {\n\tdetail: string;\n}\n\nexport interface SubscriptionPlanProps {\n\tcode: string;\n\tisMostPopular?: boolean;\n\tisDisabled?: boolean;\n\tisSelected?: boolean;\n\tplanName: string;\n\tmonthlyPlan: PlanPrice;\n\tshowTrialOptions: boolean;\n\tyearlyPlan: PlanPrice;\n\tfeatures: PlanFeature[];\n\tshowMonthly: boolean;\n\n\tplanDescription?: string;\n\tplanDescriptionDiscount?: string;\n\n\tonPlanSelect: (code: string) => void;\n\n\tbottomDescription?: string;\n\n\tfreeTrialMessages?: string;\n\textraBlockMessage?: string;\n\n\tisLoading?: boolean;\n\tshowMonthlyOptions?: boolean;\n\toldPrice?: number;\n\tcurrency?: string;\n\tannualFeatures?: PlanFeature[];\n\thideMonthYearTag?: boolean;\n\tbuttonText?: string;\n\thoverTooltip?: string;\n\thidePriceBlock?: boolean;\n}\n\ntype Props = SubscriptionPlanProps;\n\nexport const SubscriptionPlan: FunctionComponent<Props> = (props) => {\n\tconst { formatCurrency } = useCurrency();\n\tconst featureInfo = props.showMonthlyOptions\n\t\t? props.features\n\t\t: props.annualFeatures || [];\n\tconst planInfo = props.showMonthlyOptions\n\t\t? props.monthlyPlan\n\t\t: props.yearlyPlan;\n\tconst showTopBar = !props.isDisabled && props.isMostPopular;\n\n\tconst handleFormat = (price: number) => {\n\t\treturn price == 0 ? '$0' : formatCurrency(price, 'USD');\n\t};\n\n\treturn (\n\t\t<SubscriptionPlanStyled\n\t\t\tisManifestPlan={true}\n\t\t\tisSelected={props.isSelected || false}\n\t\t\tstyle={{ marginTop: showTopBar ? 0 : 24 }}\n\t\t>\n\t\t\t{showTopBar && (\n\t\t\t\t<div className={'most-popular'}>\n\t\t\t\t\t<Caption className={'text'}>Most popular ⭐️</Caption>\n\t\t\t\t</div>\n\t\t\t)}\n\t\t\t<div\n\t\t\t\tclassName={`box ${props.isSelected ? 'selected' : ''} ${\n\t\t\t\t\tprops.isDisabled ? 'disabled' : ''\n\t\t\t\t} ${!showTopBar ? 'rounded-corners' : ''}\n\t\t\t\t`}\n\t\t\t>\n\t\t\t\t<div>\n\t\t\t\t\t<TitleRegular\n\t\t\t\t\t\tstyle={{ color: COLORS.content.secondary, marginBottom: 4 }}\n\t\t\t\t\t>\n\t\t\t\t\t\t{props.planName}\n\t\t\t\t\t</TitleRegular>\n\n\t\t\t\t\t{!props?.hidePriceBlock ? (\n\t\t\t\t\t\t<div className={'price-block'}>\n\t\t\t\t\t\t\t{props.oldPrice ? (\n\t\t\t\t\t\t\t\t<BodyCaption className=\"old--price\">\n\t\t\t\t\t\t\t\t\t{handleFormat(planInfo.price)}\n\t\t\t\t\t\t\t\t</BodyCaption>\n\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t<></>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t<TitleMedium style={{ color: COLORS.content.primary }}>\n\t\t\t\t\t\t\t\t{props.oldPrice\n\t\t\t\t\t\t\t\t\t? handleFormat(props.oldPrice)\n\t\t\t\t\t\t\t\t\t: handleFormat(planInfo.price)}\n\t\t\t\t\t\t\t</TitleMedium>\n\t\t\t\t\t\t\t<BodyPrimary\n\t\t\t\t\t\t\t\tstyle={{ color: COLORS.content.secondary, marginLeft: 4 }}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{props.hideMonthYearTag\n\t\t\t\t\t\t\t\t\t? ''\n\t\t\t\t\t\t\t\t\t: `/ ${props.showMonthlyOptions ? 'month' : 'year'}`}\n\t\t\t\t\t\t\t</BodyPrimary>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<></>\n\t\t\t\t\t)}\n\n\t\t\t\t\t<div className={'per-message-price'}>\n\t\t\t\t\t\t{props.planDescription && (\n\t\t\t\t\t\t\t<BodyCaption style={{ color: COLORS.content.secondary }}>\n\t\t\t\t\t\t\t\t{props.planDescription}\n\t\t\t\t\t\t\t</BodyCaption>\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t{props.planDescriptionDiscount && (\n\t\t\t\t\t\t\t<BodyCaption\n\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\tcolor: COLORS.background.positive.vibrant,\n\t\t\t\t\t\t\t\t\tmarginLeft: 4,\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{props.planDescriptionDiscount}\n\t\t\t\t\t\t\t</BodyCaption>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</div>\n\n\t\t\t\t\t{props.showTrialOptions && (\n\t\t\t\t\t\t<Caption className={`trial ${props.isSelected ? 'selected' : ''}`}>\n\t\t\t\t\t\t\t7 day free trial with {props.freeTrialMessages} messages\n\t\t\t\t\t\t</Caption>\n\t\t\t\t\t)}\n\t\t\t\t\t{props.extraBlockMessage && (\n\t\t\t\t\t\t<Caption className={`trial ${props.isSelected ? 'selected' : ''}`}>\n\t\t\t\t\t\t\t{props.extraBlockMessage}\n\t\t\t\t\t\t</Caption>\n\t\t\t\t\t)}\n\n\t\t\t\t\t<div className=\"features\">\n\t\t\t\t\t\t{featureInfo.map((feature, index) => {\n\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t<div className={'feature'} key={feature.detail}>\n\t\t\t\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t\t\t\t<Check\n\t\t\t\t\t\t\t\t\t\t\theight={12}\n\t\t\t\t\t\t\t\t\t\t\twidth={12}\n\t\t\t\t\t\t\t\t\t\t\tcolor={COLORS.content.primary}\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t<BodyCaption key={index} className={'feature-text'}>\n\t\t\t\t\t\t\t\t\t\t{feature.detail}\n\t\t\t\t\t\t\t\t\t</BodyCaption>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t);\n\t\t\t\t\t\t})}\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t\t<div className={'button-box'}>\n\t\t\t\t\t{props.isLoading ? (\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\tisLoading={true}\n\t\t\t\t\t\t\tbuttonType={'primary'}\n\t\t\t\t\t\t\tbuttonText={'Choose plan'}\n\t\t\t\t\t\t\tsize={'medium'}\n\t\t\t\t\t\t\tmatchParentWidth\n\t\t\t\t\t\t/>\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t{props.isSelected && (\n\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\tdisabled={props.isDisabled}\n\t\t\t\t\t\t\t\t\tLeadingIcon={Check}\n\t\t\t\t\t\t\t\t\tbuttonType={'tertiary'}\n\t\t\t\t\t\t\t\t\tsize={'medium'}\n\t\t\t\t\t\t\t\t\tmatchParentWidth\n\t\t\t\t\t\t\t\t\tbuttonText={props.buttonText || 'Selected Plan'}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t{!props.isSelected && !props.isDisabled && (\n\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\tbuttonType={'primary'}\n\t\t\t\t\t\t\t\t\tsize={'medium'}\n\t\t\t\t\t\t\t\t\tonClick={() => props.onPlanSelect(props.code)}\n\t\t\t\t\t\t\t\t\tmatchParentWidth\n\t\t\t\t\t\t\t\t\tbuttonText={props.buttonText || 'Choose plan'}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</>\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t\t{props.bottomDescription && (\n\t\t\t\t<div\n\t\t\t\t\tclassName={`plan-bottom-information\n\t\t\t\t\t${props.isDisabled ? 'disabled' : ''}\n\t\t\t\t\t${props.isSelected ? 'selected' : ''}\n\t\t\t\t`}\n\t\t\t\t>\n\t\t\t\t\t<Caption\n\t\t\t\t\t\tclassName={'text'}\n\t\t\t\t\t\tstyle={{ color: COLORS.background.inverse }}\n\t\t\t\t\t>\n\t\t\t\t\t\t{props.bottomDescription}\n\t\t\t\t\t</Caption>\n\t\t\t\t</div>\n\t\t\t)}\n\t\t</SubscriptionPlanStyled>\n\t);\n};\n"],"names":["SubscriptionPlan","props","formatCurrency","useCurrency","featureInfo","planInfo","showTopBar","handleFormat","price","jsxDEV","SubscriptionPlanStyled","Caption","this","TitleRegular","COLORS","Fragment","BodyCaption","TitleMedium","BodyPrimary","feature","index","Check","Button"],"mappings":"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"}
+{"version":3,"file":"SubscriptionPlan.js","sources":["../../../../src/components/plans/SubscriptionPlan.tsx"],"sourcesContent":["import Check from '@src/assets/icons/check.svg';\nimport { FunctionComponent } from 'react';\nimport { Button } from '@src/components/button';\nimport { SubscriptionPlanStyled } from '@src/components/plans/SubscriptionPlanStyled';\nimport {\n\tBodyCaption,\n\tBodyPrimary,\n\tCaption,\n\tTitleMedium,\n\tTitleRegular,\n} from '@src/components/TypographyStyle';\nimport { useCurrency } from '@src/hooks/useCurreny';\nimport { COLORS } from '@src/constants/Theme';\n\ninterface PlanPrice {\n\tprice: number;\n\tdiscount: number;\n}\n\ninterface PlanFeature {\n\tdetail: string;\n}\n\nexport interface SubscriptionPlanProps {\n\tcode: string;\n\tisMostPopular?: boolean;\n\tisDisabled?: boolean;\n\tisSelected?: boolean;\n\tplanName: string;\n\tmonthlyPlan: PlanPrice;\n\tshowTrialOptions: boolean;\n\tyearlyPlan: PlanPrice;\n\tfeatures: PlanFeature[];\n\tshowMonthly: boolean;\n\n\tplanDescription?: string;\n\tplanDescriptionDiscount?: string;\n\n\tonPlanSelect: (code: string) => void;\n\n\tbottomDescription?: string;\n\n\tfreeTrialMessages?: string;\n\textraBlockMessage?: string;\n\n\tisLoading?: boolean;\n\tshowMonthlyOptions?: boolean;\n\toldPrice?: number;\n\tcurrency?: string;\n\tannualFeatures?: PlanFeature[];\n\thideMonthYearTag?: boolean;\n\tbuttonText?: string;\n\thoverTooltip?: string;\n\thidePriceBlock?: boolean;\n}\n\ntype Props = SubscriptionPlanProps;\n\nexport const SubscriptionPlan: FunctionComponent<Props> = (props) => {\n\tconst { formatCurrency } = useCurrency();\n\tconst featureInfo = props.showMonthlyOptions\n\t\t? props.features\n\t\t: props.annualFeatures || [];\n\tconst planInfo = props.showMonthlyOptions\n\t\t? props.monthlyPlan\n\t\t: props.yearlyPlan;\n\tconst showTopBar = !props.isDisabled && props.isMostPopular;\n\n\tconst handleFormat = (price: number) => {\n\t\treturn price == 0 ? '$0' : formatCurrency(price, 'USD');\n\t};\n\n\treturn (\n\t\t<SubscriptionPlanStyled\n\t\t\tisManifestPlan={true}\n\t\t\tisSelected={props.isSelected || false}\n\t\t\tstyle={{ marginTop: showTopBar ? 0 : 24 }}\n\t\t>\n\t\t\t{showTopBar && (\n\t\t\t\t<div className={'most-popular'}>\n\t\t\t\t\t<Caption className={'text'}>Most popular ⭐️</Caption>\n\t\t\t\t</div>\n\t\t\t)}\n\t\t\t<div\n\t\t\t\tclassName={`box ${props.isSelected ? 'selected' : ''} ${\n\t\t\t\t\tprops.isDisabled ? 'disabled' : ''\n\t\t\t\t} ${!showTopBar ? 'rounded-corners' : ''}\n\t\t\t\t`}\n\t\t\t>\n\t\t\t\t<div>\n\t\t\t\t\t<TitleRegular\n\t\t\t\t\t\tstyle={{ color: COLORS.content.secondary, marginBottom: 4 }}\n\t\t\t\t\t>\n\t\t\t\t\t\t{props.planName}\n\t\t\t\t\t</TitleRegular>\n\n\t\t\t\t\t{!props?.hidePriceBlock ? (\n\t\t\t\t\t\t<div className={'price-block'}>\n\t\t\t\t\t\t\t{props.oldPrice ? (\n\t\t\t\t\t\t\t\t<BodyCaption className=\"old--price\">\n\t\t\t\t\t\t\t\t\t{handleFormat(planInfo.price)}\n\t\t\t\t\t\t\t\t</BodyCaption>\n\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t<></>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t<TitleMedium style={{ color: COLORS.content.primary }}>\n\t\t\t\t\t\t\t\t{props.oldPrice\n\t\t\t\t\t\t\t\t\t? handleFormat(props.oldPrice)\n\t\t\t\t\t\t\t\t\t: handleFormat(planInfo.price)}\n\t\t\t\t\t\t\t</TitleMedium>\n\t\t\t\t\t\t\t<BodyPrimary\n\t\t\t\t\t\t\t\tstyle={{ color: COLORS.content.secondary, marginLeft: 4 }}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{props.hideMonthYearTag\n\t\t\t\t\t\t\t\t\t? ''\n\t\t\t\t\t\t\t\t\t: `/ ${props.showMonthlyOptions ? 'month' : 'year'}`}\n\t\t\t\t\t\t\t</BodyPrimary>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<></>\n\t\t\t\t\t)}\n\n\t\t\t\t\t<div className={'per-message-price'}>\n\t\t\t\t\t\t{props.planDescription && (\n\t\t\t\t\t\t\t<BodyCaption style={{ color: COLORS.content.secondary }}>\n\t\t\t\t\t\t\t\t{props.planDescription}\n\t\t\t\t\t\t\t</BodyCaption>\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t{props.planDescriptionDiscount && (\n\t\t\t\t\t\t\t<BodyCaption\n\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\tcolor: COLORS.background.positive.vibrant,\n\t\t\t\t\t\t\t\t\tmarginLeft: 4,\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{props.planDescriptionDiscount}\n\t\t\t\t\t\t\t</BodyCaption>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</div>\n\n\t\t\t\t\t{props.showTrialOptions && (\n\t\t\t\t\t\t<Caption className={`trial ${props.isSelected ? 'selected' : ''}`}>\n\t\t\t\t\t\t\t7 day free trial with {props.freeTrialMessages} messages\n\t\t\t\t\t\t</Caption>\n\t\t\t\t\t)}\n\t\t\t\t\t{props.extraBlockMessage && (\n\t\t\t\t\t\t<Caption className={`trial ${props.isSelected ? 'selected' : ''}`}>\n\t\t\t\t\t\t\t{props.extraBlockMessage}\n\t\t\t\t\t\t</Caption>\n\t\t\t\t\t)}\n\n\t\t\t\t\t<div className=\"features\">\n\t\t\t\t\t\t{featureInfo.map((feature, index) => {\n\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t<div className={'feature'} key={feature.detail}>\n\t\t\t\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t\t\t\t<Check\n\t\t\t\t\t\t\t\t\t\t\theight={12}\n\t\t\t\t\t\t\t\t\t\t\twidth={12}\n\t\t\t\t\t\t\t\t\t\t\tcolor={COLORS.content.primary}\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t<BodyCaption key={index} className={'feature-text'}>\n\t\t\t\t\t\t\t\t\t\t{feature.detail}\n\t\t\t\t\t\t\t\t\t</BodyCaption>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t);\n\t\t\t\t\t\t})}\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t\t<div className={'button-box'}>\n\t\t\t\t\t{props.isLoading ? (\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\tisLoading={true}\n\t\t\t\t\t\t\tbuttonType={'primary'}\n\t\t\t\t\t\t\tbuttonText={'Choose plan'}\n\t\t\t\t\t\t\tsize={'medium'}\n\t\t\t\t\t\t\tmatchParentWidth\n\t\t\t\t\t\t/>\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t{props.isSelected && (\n\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\tdisabled={props.isDisabled}\n\t\t\t\t\t\t\t\t\tLeadingIcon={Check}\n\t\t\t\t\t\t\t\t\tbuttonType={'tertiary'}\n\t\t\t\t\t\t\t\t\tsize={'medium'}\n\t\t\t\t\t\t\t\t\tmatchParentWidth\n\t\t\t\t\t\t\t\t\tbuttonText={props.buttonText || 'Selected Plan'}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t{!props.isSelected && !props.isDisabled && (\n\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\tbuttonType={'primary'}\n\t\t\t\t\t\t\t\t\tsize={'medium'}\n\t\t\t\t\t\t\t\t\tonClick={() => props.onPlanSelect(props.code)}\n\t\t\t\t\t\t\t\t\tmatchParentWidth\n\t\t\t\t\t\t\t\t\tbuttonText={props.buttonText || 'Choose plan'}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</>\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t\t{props.bottomDescription && (\n\t\t\t\t<div\n\t\t\t\t\tclassName={`plan-bottom-information\n\t\t\t\t\t${props.isDisabled ? 'disabled' : ''}\n\t\t\t\t\t${props.isSelected ? 'selected' : ''}\n\t\t\t\t`}\n\t\t\t\t>\n\t\t\t\t\t<Caption\n\t\t\t\t\t\tclassName={'text'}\n\t\t\t\t\t\tstyle={{ color: COLORS.background.inverse }}\n\t\t\t\t\t>\n\t\t\t\t\t\t{props.bottomDescription}\n\t\t\t\t\t</Caption>\n\t\t\t\t</div>\n\t\t\t)}\n\t\t</SubscriptionPlanStyled>\n\t);\n};\n"],"names":["SubscriptionPlan","props","formatCurrency","useCurrency","featureInfo","planInfo","showTopBar","handleFormat","price","jsxDEV","SubscriptionPlanStyled","Caption","this","TitleRegular","COLORS","Fragment","BodyCaption","TitleMedium","BodyPrimary","feature","index","Check","Button"],"mappings":"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"}

package/dist/cjs/components/plans/SubscriptionPlanSelector.js

@@ -1,21 +1,21 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-dev-runtime"),a=require("react"),d=require("../../assets/icons/check.svg.js"),b=require("../../assets/icons/info.svg.js"),k=require("../../assets/icons/phone.svg.js"),h=require("styled-components"),v=require("./SubscriptionPlan.js"),i=require("../../constants/Theme.js"),r=require("../TypographyStyle.js"),f=require("../modals/styledModal.js"),y=require("../tabs/Tabs.js"),x=require("../button/Button.js"),N=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},t=N(h),S=t.default.div`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-dev-runtime"),a=require("react"),p=require("../../assets/icons/check.svg.js"),b=require("../../assets/icons/info.svg.js"),f=require("../../assets/icons/phone.svg.js"),y=require("styled-components"),x=require("./SubscriptionPlan.js"),o=require("../../constants/Theme.js"),s=require("../TypographyStyle.js"),N=require("../modals/styledModal.js"),S=require("../tabs/Tabs.js"),h=require("../button/Button.js"),g=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},r=g(y),D=r.default.div`
 	display: flex;
 	column-gap: 22px;
 	align-items: stretch;
 	padding: 24px;
-`,g=t.default.div`
-	color: ${i.COLORS.content.negative};
+`,v=r.default.div`
+	color: ${o.COLORS.content.negative};
 	padding: 0px 24px;
-`,l=t.default.div`
+`,l=r.default.div`
 	padding: 24px 24px 0px 24px;
 	display: flex;
 	align-items: center;
 	justify-content: space-between;
 	.sub--header {
 		margin-top: 8px;
-		color: ${i.COLORS.content.secondary} !important;
+		color: ${o.COLORS.content.secondary} !important;
 	}
-`,c=t.default.div`
+`,c=r.default.div`
 	padding: 0px 24px 24px 24px;
 	display: flex;
 	align-items: center;
@@ -52,7 +52,7 @@
 		justify-content: space-between;
 	}
 	.error--border {
-		border: 1px dotted ${i.COLORS.content.negative} !important;
+		border: 1px dotted ${o.COLORS.content.negative} !important;
 	}
 	.input--class {
 		border: none;
@@ -70,7 +70,7 @@
 		align-items: center;
 		gap: 6px;
 		border-radius: 4px;
-		background: ${i.COLORS.background.positive.vibrant};
+		background: ${o.COLORS.background.positive.vibrant};
 	}
 	.demo--wrapper {
 		display: flex;
@@ -79,8 +79,8 @@
 		gap: 8px;
 	}
 	.demo--input {
-		color: ${i.COLORS.background.brand};
-		border-bottom: 1px solid ${i.COLORS.background.brand};
+		color: ${o.COLORS.background.brand};
+		border-bottom: 1px solid ${o.COLORS.background.brand};
 		width: fit-content;
 		cursor: pointer;
 	}
@@ -90,7 +90,7 @@
 		align-items: center;
 		gap: 10px;
 		border-radius: 50%;
-		background-color: ${i.COLORS.background.brandLight};
+		background-color: ${o.COLORS.background.brandLight};
 	}
 	.button--wrapper {
 		display: flex;
@@ -98,5 +98,5 @@
 		justify-content: flex-start;
 		gap: 8px;
 	}
-`,u=[{key:"Monthly",title:"Monthly"},{key:"yearly",title:"Yearly"}],D=e=>{const[m,s]=a.useState(e.discountInputProperties?.defaultValue),p=e.staticWidthMultiplier?e.staticWidthMultiplier:275;return n.jsxDEV(f.StyledModal,{centralContainerStyles:{width:e.plans.length*p},open:!0,closeOnOutsideClick:!0,onClose:e.onClose,children:[n.jsxDEV(l,{children:[n.jsxDEV("div",{children:[n.jsxDEV(r.TitleMedium,{children:e.header||"Select a plan to proceed"},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/plans/SubscriptionPlanSelector.tsx",lineNumber:176,columnNumber:6},void 0),n.jsxDEV(r.BodyPrimary,{className:"sub--header",children:e.subHeader||""},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/plans/SubscriptionPlanSelector.tsx",lineNumber:179,columnNumber:6},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/plans/SubscriptionPlanSelector.tsx",lineNumber:175,columnNumber:5},void 0),e.showMonthlyTabs?n.jsxDEV(y.Tabs,{tabs:e.tabProperties&&e.tabProperties.tabs?e.tabProperties.tabs:u,onTabSelected:o=>e.tabProperties?.onTabSelected?e.tabProperties?.onTabSelected(o):"",isSquared:!0},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/plans/SubscriptionPlanSelector.tsx",lineNumber:184,columnNumber:6},void 0):n.jsxDEV(n.Fragment,{},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/plans/SubscriptionPlanSelector.tsx",lineNumber:198,columnNumber:6},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/plans/SubscriptionPlanSelector.tsx",lineNumber:174,columnNumber:4},void 0),e.warningDescription&&n.jsxDEV(g,{children:e.warningDescription},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/plans/SubscriptionPlanSelector.tsx",lineNumber:202,columnNumber:5},void 0),n.jsxDEV(S,{children:e.plans.map(o=>a.createElement(v.SubscriptionPlan,{...o,showMonthly:!0,showMonthlyOptions:e.showMonthlyOptions||!1,showTrialOptions:e.showTrialOptions||!1,onPlanSelect:e.onPlanSelect,key:o.planName}))},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/plans/SubscriptionPlanSelector.tsx",lineNumber:209,columnNumber:4},void 0),(e.showCouponApplicationCode||e.showBookAdemo)&&n.jsxDEV(c,{children:[n.jsxDEV("div",{children:e.showCouponApplicationCode&&n.jsxDEV("div",{className:"coupon-code",children:[n.jsxDEV("div",{className:"coupon-input",children:[n.jsxDEV(r.BodyPrimary,{style:{color:e.discountInputProperties?.errorMessage?i.COLORS.content.negative:""},children:"Apply coupon code"},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/plans/SubscriptionPlanSelector.tsx",lineNumber:229,columnNumber:10},void 0),n.jsxDEV("div",{className:"button--wrapper",children:[n.jsxDEV("div",{className:e.discountInputProperties?.errorMessage?"error--border dotted--border":"dotted--border",children:[n.jsxDEV("input",{className:"input--class",onChange:o=>{s(o.target.value),e.discountInputProperties?.onChangeText(o.target.value)},value:m,placeholder:"eg:PLAN20",disabled:e.discountInputProperties?.isLoading},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/plans/SubscriptionPlanSelector.tsx",lineNumber:246,columnNumber:12},void 0),e.discountInputProperties?.successText&&n.jsxDEV("div",{className:"success--inside--chip",children:[n.jsxDEV(d.default,{height:16,width:16,color:i.COLORS.content.primaryInverse},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/plans/SubscriptionPlanSelector.tsx",lineNumber:260,columnNumber:14},void 0),n.jsxDEV(r.BodyCaption,{style:{color:i.COLORS.content.primaryInverse},children:"Coupon applied"},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/plans/SubscriptionPlanSelector.tsx",lineNumber:265,columnNumber:14},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/plans/SubscriptionPlanSelector.tsx",lineNumber:259,columnNumber:13},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/plans/SubscriptionPlanSelector.tsx",lineNumber:239,columnNumber:11},void 0),!e.discountInputProperties?.successText&&n.jsxDEV(x.Button,{buttonText:"Apply",buttonType:"primary",onClick:e?.discountInputProperties?.onCouponApply,isLoading:e.discountInputProperties?.isLoading},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/plans/SubscriptionPlanSelector.tsx",lineNumber:274,columnNumber:12},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/plans/SubscriptionPlanSelector.tsx",lineNumber:238,columnNumber:10},void 0),e.discountInputProperties?.errorMessage&&n.jsxDEV("div",{className:"d-flex",style:{gap:8},children:[n.jsxDEV(b.default,{height:16,width:16,color:i.COLORS.content.negative},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/plans/SubscriptionPlanSelector.tsx",lineNumber:284,columnNumber:12},void 0),n.jsxDEV(r.BodyCaption,{style:{color:i.COLORS.content.negative},children:e.discountInputProperties?.errorMessage??"Enter a valid code"},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/plans/SubscriptionPlanSelector.tsx",lineNumber:289,columnNumber:12},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/plans/SubscriptionPlanSelector.tsx",lineNumber:283,columnNumber:11},void 0),e.discountInputProperties?.showRemoveCoupon&&n.jsxDEV("div",{className:"demo--input",onClick:()=>{s(""),e.discountInputProperties?.removeCoupon&&e.discountInputProperties?.removeCoupon()},children:"Remove coupon"},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/plans/SubscriptionPlanSelector.tsx",lineNumber:296,columnNumber:11},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/plans/SubscriptionPlanSelector.tsx",lineNumber:228,columnNumber:9},void 0),e.discountInputProperties?.successText&&n.jsxDEV("div",{className:"coupon--success--chip",children:n.jsxDEV(r.BodyCaption,{style:{color:"#00580E",maxWidth:180},children:e.discountInputProperties?.successText},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/plans/SubscriptionPlanSelector.tsx",lineNumber:311,columnNumber:11},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/plans/SubscriptionPlanSelector.tsx",lineNumber:310,columnNumber:10},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/plans/SubscriptionPlanSelector.tsx",lineNumber:227,columnNumber:8},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/plans/SubscriptionPlanSelector.tsx",lineNumber:225,columnNumber:6},void 0),e.showBookAdemo&&n.jsxDEV("div",{className:"demo--wrapper",children:[n.jsxDEV("div",{className:"demo--phone",children:n.jsxDEV(k.default,{height:16,width:16,color:i.COLORS.background.brand},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/plans/SubscriptionPlanSelector.tsx",lineNumber:322,columnNumber:9},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/plans/SubscriptionPlanSelector.tsx",lineNumber:321,columnNumber:8},void 0),n.jsxDEV(r.BodyPrimary,{className:"demo--input",onClick:()=>e.demoLink?window.open(e.demoLink,"_blank"):e.onClickingBookADemo?e.onClickingBookADemo():"",children:"Book a demo with the team"},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/plans/SubscriptionPlanSelector.tsx",lineNumber:328,columnNumber:8},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/plans/SubscriptionPlanSelector.tsx",lineNumber:320,columnNumber:7},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/plans/SubscriptionPlanSelector.tsx",lineNumber:224,columnNumber:5},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/plans/SubscriptionPlanSelector.tsx",lineNumber:166,columnNumber:3},void 0)};exports.BottomWrapper=c;exports.HeaderWrapper=l;exports.SubscriptionPlanSelector=D;exports.defaultTabs=u;
+`,d=[{key:"Monthly",title:"Monthly"},{key:"yearly",title:"Yearly"}],w=e=>{const[u,t]=a.useState(e.discountInputProperties?.defaultValue),m=e.staticWidthMultiplier?e.staticWidthMultiplier:275;return n.jsxDEV(N.StyledModal,{centralContainerStyles:{width:e.plans.length*m},open:!0,closeOnOutsideClick:!0,onClose:e.onClose,children:[n.jsxDEV(l,{children:[n.jsxDEV("div",{children:[n.jsxDEV(s.TitleMedium,{children:e.header||"Select a plan to proceed"},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/plans/SubscriptionPlanSelector.tsx",lineNumber:176,columnNumber:6},void 0),n.jsxDEV(s.BodyPrimary,{className:"sub--header",children:e.subHeader||""},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/plans/SubscriptionPlanSelector.tsx",lineNumber:179,columnNumber:6},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/plans/SubscriptionPlanSelector.tsx",lineNumber:175,columnNumber:5},void 0),e.showMonthlyTabs?n.jsxDEV(S.Tabs,{tabs:e.tabProperties&&e.tabProperties.tabs?e.tabProperties.tabs:d,onTabSelected:i=>e.tabProperties?.onTabSelected?e.tabProperties?.onTabSelected(i):"",isSquared:!0},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/plans/SubscriptionPlanSelector.tsx",lineNumber:184,columnNumber:6},void 0):n.jsxDEV(n.Fragment,{},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/plans/SubscriptionPlanSelector.tsx",lineNumber:198,columnNumber:6},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/plans/SubscriptionPlanSelector.tsx",lineNumber:174,columnNumber:4},void 0),e.warningDescription&&n.jsxDEV(v,{children:e.warningDescription},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/plans/SubscriptionPlanSelector.tsx",lineNumber:202,columnNumber:5},void 0),n.jsxDEV(D,{children:e.plans.map(i=>a.createElement(x.SubscriptionPlan,{...i,showMonthly:!0,showMonthlyOptions:e.showMonthlyOptions||!1,showTrialOptions:e.showTrialOptions||!1,onPlanSelect:e.onPlanSelect,key:i.planName}))},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/plans/SubscriptionPlanSelector.tsx",lineNumber:209,columnNumber:4},void 0),(e.showCouponApplicationCode||e.showBookAdemo)&&n.jsxDEV(c,{children:[n.jsxDEV("div",{children:e.showCouponApplicationCode&&n.jsxDEV("div",{className:"coupon-code",children:[n.jsxDEV("div",{className:"coupon-input",children:[n.jsxDEV(s.BodyPrimary,{style:{color:e.discountInputProperties?.errorMessage?o.COLORS.content.negative:""},children:"Apply coupon code"},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/plans/SubscriptionPlanSelector.tsx",lineNumber:229,columnNumber:10},void 0),n.jsxDEV("div",{className:"button--wrapper",children:[n.jsxDEV("div",{className:e.discountInputProperties?.errorMessage?"error--border dotted--border":"dotted--border",children:[n.jsxDEV("input",{className:"input--class",onChange:i=>{t(i.target.value),e.discountInputProperties?.onChangeText(i.target.value)},value:u,placeholder:"eg:PLAN20",disabled:e.discountInputProperties?.isLoading},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/plans/SubscriptionPlanSelector.tsx",lineNumber:246,columnNumber:12},void 0),e.discountInputProperties?.successText&&n.jsxDEV("div",{className:"success--inside--chip",children:[n.jsxDEV(p.default,{height:16,width:16,color:o.COLORS.content.primaryInverse},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/plans/SubscriptionPlanSelector.tsx",lineNumber:260,columnNumber:14},void 0),n.jsxDEV(s.BodyCaption,{style:{color:o.COLORS.content.primaryInverse},children:"Coupon applied"},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/plans/SubscriptionPlanSelector.tsx",lineNumber:265,columnNumber:14},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/plans/SubscriptionPlanSelector.tsx",lineNumber:259,columnNumber:13},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/plans/SubscriptionPlanSelector.tsx",lineNumber:239,columnNumber:11},void 0),!e.discountInputProperties?.successText&&n.jsxDEV(h.Button,{buttonText:"Apply",buttonType:"primary",onClick:e?.discountInputProperties?.onCouponApply,isLoading:e.discountInputProperties?.isLoading},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/plans/SubscriptionPlanSelector.tsx",lineNumber:274,columnNumber:12},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/plans/SubscriptionPlanSelector.tsx",lineNumber:238,columnNumber:10},void 0),e.discountInputProperties?.errorMessage&&n.jsxDEV("div",{className:"d-flex",style:{gap:8},children:[n.jsxDEV(b.default,{height:16,width:16,color:o.COLORS.content.negative},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/plans/SubscriptionPlanSelector.tsx",lineNumber:284,columnNumber:12},void 0),n.jsxDEV(s.BodyCaption,{style:{color:o.COLORS.content.negative},children:e.discountInputProperties?.errorMessage??"Enter a valid code"},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/plans/SubscriptionPlanSelector.tsx",lineNumber:289,columnNumber:12},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/plans/SubscriptionPlanSelector.tsx",lineNumber:283,columnNumber:11},void 0),e.discountInputProperties?.showRemoveCoupon&&n.jsxDEV("div",{className:"demo--input",onClick:()=>{t(""),e.discountInputProperties?.removeCoupon&&e.discountInputProperties?.removeCoupon()},children:"Remove coupon"},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/plans/SubscriptionPlanSelector.tsx",lineNumber:296,columnNumber:11},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/plans/SubscriptionPlanSelector.tsx",lineNumber:228,columnNumber:9},void 0),e.discountInputProperties?.successText&&n.jsxDEV("div",{className:"coupon--success--chip",children:n.jsxDEV(s.BodyCaption,{style:{color:"#00580E",maxWidth:180},children:e.discountInputProperties?.successText},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/plans/SubscriptionPlanSelector.tsx",lineNumber:311,columnNumber:11},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/plans/SubscriptionPlanSelector.tsx",lineNumber:310,columnNumber:10},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/plans/SubscriptionPlanSelector.tsx",lineNumber:227,columnNumber:8},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/plans/SubscriptionPlanSelector.tsx",lineNumber:225,columnNumber:6},void 0),e.showBookAdemo&&n.jsxDEV("div",{className:"demo--wrapper",children:[n.jsxDEV("div",{className:"demo--phone",children:n.jsxDEV(f.default,{height:16,width:16,color:o.COLORS.background.brand},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/plans/SubscriptionPlanSelector.tsx",lineNumber:322,columnNumber:9},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/plans/SubscriptionPlanSelector.tsx",lineNumber:321,columnNumber:8},void 0),n.jsxDEV(s.BodyPrimary,{className:"demo--input",onClick:()=>e.demoLink?window.open(e.demoLink,"_blank"):e.onClickingBookADemo?e.onClickingBookADemo():"",children:"Book a demo with the team"},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/plans/SubscriptionPlanSelector.tsx",lineNumber:328,columnNumber:8},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/plans/SubscriptionPlanSelector.tsx",lineNumber:320,columnNumber:7},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/plans/SubscriptionPlanSelector.tsx",lineNumber:224,columnNumber:5},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/plans/SubscriptionPlanSelector.tsx",lineNumber:166,columnNumber:3},void 0)};exports.BottomWrapper=c;exports.HeaderWrapper=l;exports.SubscriptionPlanSelector=w;exports.defaultTabs=d;
 //# sourceMappingURL=SubscriptionPlanSelector.js.map

package/dist/cjs/components/plans/SubscriptionPlanSelector.js.map

@@ -1 +1 @@
-{"version":3,"file":"SubscriptionPlanSelector.js","sources":["../../../../src/components/plans/SubscriptionPlanSelector.tsx"],"sourcesContent":["import Check from '@src/assets/icons/check.svg';\nimport Info from '@src/assets/icons/info.svg';\nimport PhoneIcon from '@src/assets/icons/phone.svg';\nimport { FunctionComponent, useState } from 'react';\nimport styled from 'styled-components';\nimport { StyledModal } from '@src/components/modals';\nimport {\n\tSubscriptionPlan,\n\tSubscriptionPlanProps,\n} from '@src/components/plans/SubscriptionPlan';\nimport { COLORS } from '@src/constants/Theme';\nimport { Button } from '../button';\nimport { Tabs } from '../tabs';\nimport { TabViewHeaderProps } from '../tabs/Tabs.model';\nimport { BodyCaption, BodyPrimary, TitleMedium } from '../TypographyStyle';\n\ntype Props = {\n\tplans: SubscriptionPlanProps[];\n\tonPlanSelect: (code: string) => void;\n\tonClose: () => void;\n\tsubHeader?: string;\n\twarningDescription?: string;\n\tshowTrialOptions?: boolean;\n\theader?: string;\n\tshowMonthlyOptions?: boolean;\n\tshowMonthlyTabs?: boolean;\n\tstaticWidthMultiplier?: number;\n\ttabProperties?: TabViewHeaderProps;\n\tshowCouponApplicationCode?: boolean;\n\tdiscountInputProperties?: {\n\t\terrorMessage?: string;\n\t\tsuccessText?: string;\n\t\tdefaultValue?: string;\n\t\tshowRemoveCoupon?: boolean;\n\t\tonChangeText: (text: string) => void;\n\t\tremoveCoupon?: () => void;\n\t\tonCouponApply?: () => void;\n\t\tisLoading?: boolean;\n\t};\n\tshowBookAdemo?: boolean;\n\tdemoLink?: string;\n\tonClickingBookADemo?: () => void;\n};\n\nconst PlanWrapper = styled.div`\n\tdisplay: flex;\n\tcolumn-gap: 22px;\n\talign-items: stretch;\n\tpadding: 24px;\n`;\n\nconst Warning = styled.div`\n\tcolor: ${COLORS.content.negative};\n\tpadding: 0px 24px;\n`;\nexport const HeaderWrapper = styled.div`\n\tpadding: 24px 24px 0px 24px;\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: space-between;\n\t.sub--header {\n\t\tmargin-top: 8px;\n\t\tcolor: ${COLORS.content.secondary} !important;\n\t}\n`;\nexport const BottomWrapper = styled.div`\n\tpadding: 0px 24px 24px 24px;\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: space-between;\n\tflex-wrap: wrap;\n\tgap: 8px;\n\t.coupon-code {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tjustify-content: flex-start;\n\t\tgap: 8px;\n\t}\n\t.coupon--success--chip {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tjustify-content: center;\n\t\tpadding: 4px 8px;\n\t\tborder-radius: 4px;\n\t\tborder: 1px solid #c3e4c4;\n\t\tbackground: #e6f4e7;\n\t}\n\t.coupon-input {\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t\tgap: 8px;\n\t}\n\t.dotted--border {\n\t\tborder: 1px dotted #e0e0e0;\n\t\tpadding: 8px 8px 8px 16px;\n\t\tmin-width: 10%;\n\t\tborder-radius: 4px;\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tjustify-content: space-between;\n\t}\n\t.error--border {\n\t\tborder: 1px dotted ${COLORS.content.negative} !important;\n\t}\n\t.input--class {\n\t\tborder: none;\n\t\t:active,\n\t\t:focus {\n\t\t\tborder: none;\n\t\t\toutline: none;\n\t\t}\n\t}\n\t.success--inside--chip {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tjustify-content: space-between;\n\t\tpadding: 4px 8px;\n\t\talign-items: center;\n\t\tgap: 6px;\n\t\tborder-radius: 4px;\n\t\tbackground: ${COLORS.background.positive.vibrant};\n\t}\n\t.demo--wrapper {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tjustify-content: space-between;\n\t\tgap: 8px;\n\t}\n\t.demo--input {\n\t\tcolor: ${COLORS.background.brand};\n\t\tborder-bottom: 1px solid ${COLORS.background.brand};\n\t\twidth: fit-content;\n\t\tcursor: pointer;\n\t}\n\t.demo--phone {\n\t\tdisplay: flex;\n\t\tpadding: 8px;\n\t\talign-items: center;\n\t\tgap: 10px;\n\t\tborder-radius: 50%;\n\t\tbackground-color: ${COLORS.background.brandLight};\n\t}\n\t.button--wrapper {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tjustify-content: flex-start;\n\t\tgap: 8px;\n\t}\n`;\n\nexport const defaultTabs = [\n\t{ key: 'Monthly', title: 'Monthly' },\n\t{ key: 'yearly', title: 'Yearly' },\n];\n\n// Selected plan to have chosen plan not selectable\n\nexport const SubscriptionPlanSelector: FunctionComponent<Props> = (props) => {\n\tconst [inputValue, setInputValue] = useState(\n\t\tprops.discountInputProperties?.defaultValue,\n\t);\n\tconst eachCardWidth = props.staticWidthMultiplier\n\t\t? props.staticWidthMultiplier\n\t\t: 275;\n\treturn (\n\t\t<StyledModal\n\t\t\tcentralContainerStyles={{\n\t\t\t\twidth: props.plans.length * eachCardWidth,\n\t\t\t}}\n\t\t\topen={true}\n\t\t\tcloseOnOutsideClick={true}\n\t\t\tonClose={props.onClose}\n\t\t>\n\t\t\t<HeaderWrapper>\n\t\t\t\t<div>\n\t\t\t\t\t<TitleMedium>\n\t\t\t\t\t\t{props.header || 'Select a plan to proceed'}\n\t\t\t\t\t</TitleMedium>\n\t\t\t\t\t<BodyPrimary className=\"sub--header\">\n\t\t\t\t\t\t{props.subHeader || ''}\n\t\t\t\t\t</BodyPrimary>\n\t\t\t\t</div>\n\t\t\t\t{props.showMonthlyTabs ? (\n\t\t\t\t\t<Tabs\n\t\t\t\t\t\ttabs={\n\t\t\t\t\t\t\tprops.tabProperties && props.tabProperties.tabs\n\t\t\t\t\t\t\t\t? props.tabProperties.tabs\n\t\t\t\t\t\t\t\t: defaultTabs\n\t\t\t\t\t\t}\n\t\t\t\t\t\tonTabSelected={(selectedTab) =>\n\t\t\t\t\t\t\tprops.tabProperties?.onTabSelected\n\t\t\t\t\t\t\t\t? props.tabProperties?.onTabSelected(selectedTab)\n\t\t\t\t\t\t\t\t: ''\n\t\t\t\t\t\t}\n\t\t\t\t\t\tisSquared\n\t\t\t\t\t></Tabs>\n\t\t\t\t) : (\n\t\t\t\t\t<></>\n\t\t\t\t)}\n\t\t\t</HeaderWrapper>\n\t\t\t{props.warningDescription && (\n\t\t\t\t<Warning>{props.warningDescription}</Warning>\n\t\t\t)}\n\t\t\t{/*<DurationSelector*/}\n\t\t\t{/*\tisMonthlySelected={monthly}*/}\n\t\t\t{/*\tyearlyDiscount={\"20\"}*/}\n\t\t\t{/*\tonToggle={setIsMonthly}*/}\n\t\t\t{/*/>*/}\n\t\t\t<PlanWrapper>\n\t\t\t\t{props.plans.map((prop) => {\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<SubscriptionPlan\n\t\t\t\t\t\t\t{...prop}\n\t\t\t\t\t\t\tshowMonthly={true}\n\t\t\t\t\t\t\tshowMonthlyOptions={props.showMonthlyOptions || false}\n\t\t\t\t\t\t\tshowTrialOptions={props.showTrialOptions || false}\n\t\t\t\t\t\t\tonPlanSelect={props.onPlanSelect}\n\t\t\t\t\t\t\tkey={prop.planName}\n\t\t\t\t\t\t/>\n\t\t\t\t\t);\n\t\t\t\t})}\n\t\t\t</PlanWrapper>\n\t\t\t{(props.showCouponApplicationCode || props.showBookAdemo) && (\n\t\t\t\t<BottomWrapper>\n\t\t\t\t\t<div>\n\t\t\t\t\t\t{props.showCouponApplicationCode && (\n\t\t\t\t\t\t\t<div className=\"coupon-code\">\n\t\t\t\t\t\t\t\t<div className=\"coupon-input\">\n\t\t\t\t\t\t\t\t\t<BodyPrimary\n\t\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\t\tcolor: props.discountInputProperties?.errorMessage\n\t\t\t\t\t\t\t\t\t\t\t\t? COLORS.content.negative\n\t\t\t\t\t\t\t\t\t\t\t\t: '',\n\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\tApply coupon code\n\t\t\t\t\t\t\t\t\t</BodyPrimary>\n\t\t\t\t\t\t\t\t\t<div className=\"button--wrapper\">\n\t\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\t\tclassName={\n\t\t\t\t\t\t\t\t\t\t\t\tprops.discountInputProperties?.errorMessage\n\t\t\t\t\t\t\t\t\t\t\t\t\t? 'error--border dotted--border'\n\t\t\t\t\t\t\t\t\t\t\t\t\t: 'dotted--border'\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t<input\n\t\t\t\t\t\t\t\t\t\t\t\tclassName=\"input--class\"\n\t\t\t\t\t\t\t\t\t\t\t\tonChange={(text) => {\n\t\t\t\t\t\t\t\t\t\t\t\t\tsetInputValue(text.target.value);\n\t\t\t\t\t\t\t\t\t\t\t\t\tprops.discountInputProperties?.onChangeText(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\ttext.target.value,\n\t\t\t\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t\t\tvalue={inputValue}\n\t\t\t\t\t\t\t\t\t\t\t\tplaceholder=\"eg:PLAN20\"\n\t\t\t\t\t\t\t\t\t\t\t\tdisabled={props.discountInputProperties?.isLoading}\n\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t{props.discountInputProperties?.successText && (\n\t\t\t\t\t\t\t\t\t\t\t\t<div className=\"success--inside--chip\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<Check\n\t\t\t\t\t\t\t\t\t\t\t\t\t\theight={16}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\twidth={16}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tcolor={COLORS.content.primaryInverse}\n\t\t\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<BodyCaption\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tstyle={{ color: COLORS.content.primaryInverse }}\n\t\t\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tCoupon applied\n\t\t\t\t\t\t\t\t\t\t\t\t\t</BodyCaption>\n\t\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t{!props.discountInputProperties?.successText && (\n\t\t\t\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\t\t\t\tbuttonText=\"Apply\"\n\t\t\t\t\t\t\t\t\t\t\t\tbuttonType=\"primary\"\n\t\t\t\t\t\t\t\t\t\t\t\tonClick={props?.discountInputProperties?.onCouponApply}\n\t\t\t\t\t\t\t\t\t\t\t\tisLoading={props.discountInputProperties?.isLoading}\n\t\t\t\t\t\t\t\t\t\t\t></Button>\n\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t{props.discountInputProperties?.errorMessage && (\n\t\t\t\t\t\t\t\t\t\t<div className=\"d-flex\" style={{ gap: 8 }}>\n\t\t\t\t\t\t\t\t\t\t\t<Info\n\t\t\t\t\t\t\t\t\t\t\t\theight={16}\n\t\t\t\t\t\t\t\t\t\t\t\twidth={16}\n\t\t\t\t\t\t\t\t\t\t\t\tcolor={COLORS.content.negative}\n\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t<BodyCaption style={{ color: COLORS.content.negative }}>\n\t\t\t\t\t\t\t\t\t\t\t\t{props.discountInputProperties?.errorMessage ??\n\t\t\t\t\t\t\t\t\t\t\t\t\t'Enter a valid code'}\n\t\t\t\t\t\t\t\t\t\t\t</BodyCaption>\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t{props.discountInputProperties?.showRemoveCoupon && (\n\t\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\t\tclassName=\"demo--input\"\n\t\t\t\t\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\t\t\t\t\tsetInputValue('');\n\t\t\t\t\t\t\t\t\t\t\t\tprops.discountInputProperties?.removeCoupon\n\t\t\t\t\t\t\t\t\t\t\t\t\t? props.discountInputProperties?.removeCoupon()\n\t\t\t\t\t\t\t\t\t\t\t\t\t: '';\n\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\tRemove coupon\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t{props.discountInputProperties?.successText && (\n\t\t\t\t\t\t\t\t\t<div className=\"coupon--success--chip\">\n\t\t\t\t\t\t\t\t\t\t<BodyCaption style={{ color: '#00580E', maxWidth: 180 }}>\n\t\t\t\t\t\t\t\t\t\t\t{props.discountInputProperties?.successText}\n\t\t\t\t\t\t\t\t\t\t</BodyCaption>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</div>\n\t\t\t\t\t{props.showBookAdemo && (\n\t\t\t\t\t\t<div className=\"demo--wrapper\">\n\t\t\t\t\t\t\t<div className=\"demo--phone\">\n\t\t\t\t\t\t\t\t<PhoneIcon\n\t\t\t\t\t\t\t\t\theight={16}\n\t\t\t\t\t\t\t\t\twidth={16}\n\t\t\t\t\t\t\t\t\tcolor={COLORS.background.brand}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t<BodyPrimary\n\t\t\t\t\t\t\t\tclassName=\"demo--input\"\n\t\t\t\t\t\t\t\tonClick={() =>\n\t\t\t\t\t\t\t\t\tprops.demoLink\n\t\t\t\t\t\t\t\t\t\t? window.open(props.demoLink, '_blank')\n\t\t\t\t\t\t\t\t\t\t: props.onClickingBookADemo\n\t\t\t\t\t\t\t\t\t\t? props.onClickingBookADemo()\n\t\t\t\t\t\t\t\t\t\t: ''\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\tBook a demo with the team\n\t\t\t\t\t\t\t</BodyPrimary>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\t\t\t\t</BottomWrapper>\n\t\t\t)}\n\t\t</StyledModal>\n\t);\n};\n"],"names":["PlanWrapper","styled","Warning","COLORS","HeaderWrapper","BottomWrapper","defaultTabs","SubscriptionPlanSelector","props","inputValue","setInputValue","useState","eachCardWidth","jsxDEV","StyledModal","TitleMedium","this","BodyPrimary","Tabs","selectedTab","Fragment","prop","createElement","SubscriptionPlan","text","Check","BodyCaption","Button","Info","PhoneIcon"],"mappings":"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"}
+{"version":3,"file":"SubscriptionPlanSelector.js","sources":["../../../../src/components/plans/SubscriptionPlanSelector.tsx"],"sourcesContent":["import Check from '@src/assets/icons/check.svg';\nimport Info from '@src/assets/icons/info.svg';\nimport PhoneIcon from '@src/assets/icons/phone.svg';\nimport { FunctionComponent, useState } from 'react';\nimport styled from 'styled-components';\nimport { StyledModal } from '@src/components/modals';\nimport {\n\tSubscriptionPlan,\n\tSubscriptionPlanProps,\n} from '@src/components/plans/SubscriptionPlan';\nimport { COLORS } from '@src/constants/Theme';\nimport { Button } from '../button';\nimport { Tabs } from '../tabs';\nimport { TabViewHeaderProps } from '../tabs/Tabs.model';\nimport { BodyCaption, BodyPrimary, TitleMedium } from '../TypographyStyle';\n\ntype Props = {\n\tplans: SubscriptionPlanProps[];\n\tonPlanSelect: (code: string) => void;\n\tonClose: () => void;\n\tsubHeader?: string;\n\twarningDescription?: string;\n\tshowTrialOptions?: boolean;\n\theader?: string;\n\tshowMonthlyOptions?: boolean;\n\tshowMonthlyTabs?: boolean;\n\tstaticWidthMultiplier?: number;\n\ttabProperties?: TabViewHeaderProps;\n\tshowCouponApplicationCode?: boolean;\n\tdiscountInputProperties?: {\n\t\terrorMessage?: string;\n\t\tsuccessText?: string;\n\t\tdefaultValue?: string;\n\t\tshowRemoveCoupon?: boolean;\n\t\tonChangeText: (text: string) => void;\n\t\tremoveCoupon?: () => void;\n\t\tonCouponApply?: () => void;\n\t\tisLoading?: boolean;\n\t};\n\tshowBookAdemo?: boolean;\n\tdemoLink?: string;\n\tonClickingBookADemo?: () => void;\n};\n\nconst PlanWrapper = styled.div`\n\tdisplay: flex;\n\tcolumn-gap: 22px;\n\talign-items: stretch;\n\tpadding: 24px;\n`;\n\nconst Warning = styled.div`\n\tcolor: ${COLORS.content.negative};\n\tpadding: 0px 24px;\n`;\nexport const HeaderWrapper = styled.div`\n\tpadding: 24px 24px 0px 24px;\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: space-between;\n\t.sub--header {\n\t\tmargin-top: 8px;\n\t\tcolor: ${COLORS.content.secondary} !important;\n\t}\n`;\nexport const BottomWrapper = styled.div`\n\tpadding: 0px 24px 24px 24px;\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: space-between;\n\tflex-wrap: wrap;\n\tgap: 8px;\n\t.coupon-code {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tjustify-content: flex-start;\n\t\tgap: 8px;\n\t}\n\t.coupon--success--chip {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tjustify-content: center;\n\t\tpadding: 4px 8px;\n\t\tborder-radius: 4px;\n\t\tborder: 1px solid #c3e4c4;\n\t\tbackground: #e6f4e7;\n\t}\n\t.coupon-input {\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t\tgap: 8px;\n\t}\n\t.dotted--border {\n\t\tborder: 1px dotted #e0e0e0;\n\t\tpadding: 8px 8px 8px 16px;\n\t\tmin-width: 10%;\n\t\tborder-radius: 4px;\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tjustify-content: space-between;\n\t}\n\t.error--border {\n\t\tborder: 1px dotted ${COLORS.content.negative} !important;\n\t}\n\t.input--class {\n\t\tborder: none;\n\t\t:active,\n\t\t:focus {\n\t\t\tborder: none;\n\t\t\toutline: none;\n\t\t}\n\t}\n\t.success--inside--chip {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tjustify-content: space-between;\n\t\tpadding: 4px 8px;\n\t\talign-items: center;\n\t\tgap: 6px;\n\t\tborder-radius: 4px;\n\t\tbackground: ${COLORS.background.positive.vibrant};\n\t}\n\t.demo--wrapper {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tjustify-content: space-between;\n\t\tgap: 8px;\n\t}\n\t.demo--input {\n\t\tcolor: ${COLORS.background.brand};\n\t\tborder-bottom: 1px solid ${COLORS.background.brand};\n\t\twidth: fit-content;\n\t\tcursor: pointer;\n\t}\n\t.demo--phone {\n\t\tdisplay: flex;\n\t\tpadding: 8px;\n\t\talign-items: center;\n\t\tgap: 10px;\n\t\tborder-radius: 50%;\n\t\tbackground-color: ${COLORS.background.brandLight};\n\t}\n\t.button--wrapper {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tjustify-content: flex-start;\n\t\tgap: 8px;\n\t}\n`;\n\nexport const defaultTabs = [\n\t{ key: 'Monthly', title: 'Monthly' },\n\t{ key: 'yearly', title: 'Yearly' },\n];\n\n// Selected plan to have chosen plan not selectable\n\nexport const SubscriptionPlanSelector: FunctionComponent<Props> = (props) => {\n\tconst [inputValue, setInputValue] = useState(\n\t\tprops.discountInputProperties?.defaultValue,\n\t);\n\tconst eachCardWidth = props.staticWidthMultiplier\n\t\t? props.staticWidthMultiplier\n\t\t: 275;\n\treturn (\n\t\t<StyledModal\n\t\t\tcentralContainerStyles={{\n\t\t\t\twidth: props.plans.length * eachCardWidth,\n\t\t\t}}\n\t\t\topen={true}\n\t\t\tcloseOnOutsideClick={true}\n\t\t\tonClose={props.onClose}\n\t\t>\n\t\t\t<HeaderWrapper>\n\t\t\t\t<div>\n\t\t\t\t\t<TitleMedium>\n\t\t\t\t\t\t{props.header || 'Select a plan to proceed'}\n\t\t\t\t\t</TitleMedium>\n\t\t\t\t\t<BodyPrimary className=\"sub--header\">\n\t\t\t\t\t\t{props.subHeader || ''}\n\t\t\t\t\t</BodyPrimary>\n\t\t\t\t</div>\n\t\t\t\t{props.showMonthlyTabs ? (\n\t\t\t\t\t<Tabs\n\t\t\t\t\t\ttabs={\n\t\t\t\t\t\t\tprops.tabProperties && props.tabProperties.tabs\n\t\t\t\t\t\t\t\t? props.tabProperties.tabs\n\t\t\t\t\t\t\t\t: defaultTabs\n\t\t\t\t\t\t}\n\t\t\t\t\t\tonTabSelected={(selectedTab) =>\n\t\t\t\t\t\t\tprops.tabProperties?.onTabSelected\n\t\t\t\t\t\t\t\t? props.tabProperties?.onTabSelected(selectedTab)\n\t\t\t\t\t\t\t\t: ''\n\t\t\t\t\t\t}\n\t\t\t\t\t\tisSquared\n\t\t\t\t\t></Tabs>\n\t\t\t\t) : (\n\t\t\t\t\t<></>\n\t\t\t\t)}\n\t\t\t</HeaderWrapper>\n\t\t\t{props.warningDescription && (\n\t\t\t\t<Warning>{props.warningDescription}</Warning>\n\t\t\t)}\n\t\t\t{/*<DurationSelector*/}\n\t\t\t{/*\tisMonthlySelected={monthly}*/}\n\t\t\t{/*\tyearlyDiscount={\"20\"}*/}\n\t\t\t{/*\tonToggle={setIsMonthly}*/}\n\t\t\t{/*/>*/}\n\t\t\t<PlanWrapper>\n\t\t\t\t{props.plans.map((prop) => {\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<SubscriptionPlan\n\t\t\t\t\t\t\t{...prop}\n\t\t\t\t\t\t\tshowMonthly={true}\n\t\t\t\t\t\t\tshowMonthlyOptions={props.showMonthlyOptions || false}\n\t\t\t\t\t\t\tshowTrialOptions={props.showTrialOptions || false}\n\t\t\t\t\t\t\tonPlanSelect={props.onPlanSelect}\n\t\t\t\t\t\t\tkey={prop.planName}\n\t\t\t\t\t\t/>\n\t\t\t\t\t);\n\t\t\t\t})}\n\t\t\t</PlanWrapper>\n\t\t\t{(props.showCouponApplicationCode || props.showBookAdemo) && (\n\t\t\t\t<BottomWrapper>\n\t\t\t\t\t<div>\n\t\t\t\t\t\t{props.showCouponApplicationCode && (\n\t\t\t\t\t\t\t<div className=\"coupon-code\">\n\t\t\t\t\t\t\t\t<div className=\"coupon-input\">\n\t\t\t\t\t\t\t\t\t<BodyPrimary\n\t\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\t\tcolor: props.discountInputProperties?.errorMessage\n\t\t\t\t\t\t\t\t\t\t\t\t? COLORS.content.negative\n\t\t\t\t\t\t\t\t\t\t\t\t: '',\n\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\tApply coupon code\n\t\t\t\t\t\t\t\t\t</BodyPrimary>\n\t\t\t\t\t\t\t\t\t<div className=\"button--wrapper\">\n\t\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\t\tclassName={\n\t\t\t\t\t\t\t\t\t\t\t\tprops.discountInputProperties?.errorMessage\n\t\t\t\t\t\t\t\t\t\t\t\t\t? 'error--border dotted--border'\n\t\t\t\t\t\t\t\t\t\t\t\t\t: 'dotted--border'\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t<input\n\t\t\t\t\t\t\t\t\t\t\t\tclassName=\"input--class\"\n\t\t\t\t\t\t\t\t\t\t\t\tonChange={(text) => {\n\t\t\t\t\t\t\t\t\t\t\t\t\tsetInputValue(text.target.value);\n\t\t\t\t\t\t\t\t\t\t\t\t\tprops.discountInputProperties?.onChangeText(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\ttext.target.value,\n\t\t\t\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t\t\tvalue={inputValue}\n\t\t\t\t\t\t\t\t\t\t\t\tplaceholder=\"eg:PLAN20\"\n\t\t\t\t\t\t\t\t\t\t\t\tdisabled={props.discountInputProperties?.isLoading}\n\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t{props.discountInputProperties?.successText && (\n\t\t\t\t\t\t\t\t\t\t\t\t<div className=\"success--inside--chip\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<Check\n\t\t\t\t\t\t\t\t\t\t\t\t\t\theight={16}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\twidth={16}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tcolor={COLORS.content.primaryInverse}\n\t\t\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<BodyCaption\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tstyle={{ color: COLORS.content.primaryInverse }}\n\t\t\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tCoupon applied\n\t\t\t\t\t\t\t\t\t\t\t\t\t</BodyCaption>\n\t\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t{!props.discountInputProperties?.successText && (\n\t\t\t\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\t\t\t\tbuttonText=\"Apply\"\n\t\t\t\t\t\t\t\t\t\t\t\tbuttonType=\"primary\"\n\t\t\t\t\t\t\t\t\t\t\t\tonClick={props?.discountInputProperties?.onCouponApply}\n\t\t\t\t\t\t\t\t\t\t\t\tisLoading={props.discountInputProperties?.isLoading}\n\t\t\t\t\t\t\t\t\t\t\t></Button>\n\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t{props.discountInputProperties?.errorMessage && (\n\t\t\t\t\t\t\t\t\t\t<div className=\"d-flex\" style={{ gap: 8 }}>\n\t\t\t\t\t\t\t\t\t\t\t<Info\n\t\t\t\t\t\t\t\t\t\t\t\theight={16}\n\t\t\t\t\t\t\t\t\t\t\t\twidth={16}\n\t\t\t\t\t\t\t\t\t\t\t\tcolor={COLORS.content.negative}\n\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t<BodyCaption style={{ color: COLORS.content.negative }}>\n\t\t\t\t\t\t\t\t\t\t\t\t{props.discountInputProperties?.errorMessage ??\n\t\t\t\t\t\t\t\t\t\t\t\t\t'Enter a valid code'}\n\t\t\t\t\t\t\t\t\t\t\t</BodyCaption>\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t{props.discountInputProperties?.showRemoveCoupon && (\n\t\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\t\tclassName=\"demo--input\"\n\t\t\t\t\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\t\t\t\t\tsetInputValue('');\n\t\t\t\t\t\t\t\t\t\t\t\tprops.discountInputProperties?.removeCoupon\n\t\t\t\t\t\t\t\t\t\t\t\t\t? props.discountInputProperties?.removeCoupon()\n\t\t\t\t\t\t\t\t\t\t\t\t\t: '';\n\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\tRemove coupon\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t{props.discountInputProperties?.successText && (\n\t\t\t\t\t\t\t\t\t<div className=\"coupon--success--chip\">\n\t\t\t\t\t\t\t\t\t\t<BodyCaption style={{ color: '#00580E', maxWidth: 180 }}>\n\t\t\t\t\t\t\t\t\t\t\t{props.discountInputProperties?.successText}\n\t\t\t\t\t\t\t\t\t\t</BodyCaption>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</div>\n\t\t\t\t\t{props.showBookAdemo && (\n\t\t\t\t\t\t<div className=\"demo--wrapper\">\n\t\t\t\t\t\t\t<div className=\"demo--phone\">\n\t\t\t\t\t\t\t\t<PhoneIcon\n\t\t\t\t\t\t\t\t\theight={16}\n\t\t\t\t\t\t\t\t\twidth={16}\n\t\t\t\t\t\t\t\t\tcolor={COLORS.background.brand}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t<BodyPrimary\n\t\t\t\t\t\t\t\tclassName=\"demo--input\"\n\t\t\t\t\t\t\t\tonClick={() =>\n\t\t\t\t\t\t\t\t\tprops.demoLink\n\t\t\t\t\t\t\t\t\t\t? window.open(props.demoLink, '_blank')\n\t\t\t\t\t\t\t\t\t\t: props.onClickingBookADemo\n\t\t\t\t\t\t\t\t\t\t? props.onClickingBookADemo()\n\t\t\t\t\t\t\t\t\t\t: ''\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\tBook a demo with the team\n\t\t\t\t\t\t\t</BodyPrimary>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\t\t\t\t</BottomWrapper>\n\t\t\t)}\n\t\t</StyledModal>\n\t);\n};\n"],"names":["PlanWrapper","styled","Warning","COLORS","HeaderWrapper","BottomWrapper","defaultTabs","SubscriptionPlanSelector","props","inputValue","setInputValue","useState","eachCardWidth","jsxDEV","StyledModal","TitleMedium","this","BodyPrimary","Tabs","selectedTab","Fragment","prop","createElement","SubscriptionPlan","text","Check","BodyCaption","Button","Info","PhoneIcon"],"mappings":"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"}

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

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-dev-runtime"),i=require("react"),c=require("styled-components"),r=require("./NewSubscriptionPlan.js"),d=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},u=d(c),h=u.default.div`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-dev-runtime"),i=require("react"),c=require("styled-components"),d=require("./NewSubscriptionPlan.js"),r=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},u=r(c),h=u.default.div`
 	display: flex;
 	column-gap: 22px;
 	align-items: stretch;
@@ -16,5 +16,5 @@
 	&::-webkit-scrollbar-thumb:horizontal {
 		width: 8px;
 	}
-`,m=e=>{const[a,s]=i.useState(e.selectedPlan??"");return n.jsxDEV(h,{style:{padding:"28px 0px 5px 0px"},maxWidth:e.maxWidth,children:e.plans.map((t,o)=>n.jsxDEV("div",{style:{minWidth:e.staticWidth??280,maxWidth:e.staticWidth??280},children:i.createElement(r.NewSubscriptionPlan,{...t,showMonthly:!0,showMonthlyOptions:e.selectedTab=="monthly",showTrialOptions:e.showTrialOptions||!1,onPlanSelect:l=>{e.onPlanSelect(l),s(l)},key:t.planName,isPlanSelected:a==(e.selectedTab=="monthly"?t.code:t.yearlyCode),onClickShowAllFeatures:e.onClickShowAllFeatures,showSelectedPlanChip:e.currentPlan==(e.selectedTab=="monthly"?t.code:t.yearlyCode),minHeightOfFeatures:e.minHeightOfFeatures})},o,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/plans/SubscriptionPlansCollected.tsx",lineNumber:51,columnNumber:6},void 0))},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/plans/SubscriptionPlansCollected.tsx",lineNumber:45,columnNumber:3},void 0)};exports.SubscriptionPlansCollected=m;
+`,m=e=>{const[a,s]=i.useState(e.selectedPlan??"");return n.jsxDEV(h,{style:{padding:"28px 0px 5px 0px"},maxWidth:e.maxWidth,children:e.plans.map((t,o)=>n.jsxDEV("div",{style:{minWidth:e.staticWidth??280,maxWidth:e.staticWidth??280},children:i.createElement(d.NewSubscriptionPlan,{...t,showMonthly:!0,showMonthlyOptions:e.selectedTab=="monthly",showTrialOptions:e.showTrialOptions||!1,onPlanSelect:l=>{e.onPlanSelect(l),s(l)},key:t.planName,isPlanSelected:a==(e.selectedTab=="monthly"?t.code:t.yearlyCode),onClickShowAllFeatures:e.onClickShowAllFeatures,showSelectedPlanChip:e.currentPlan==(e.selectedTab=="monthly"?t.code:t.yearlyCode),minHeightOfFeatures:e.minHeightOfFeatures})},o,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/plans/SubscriptionPlansCollected.tsx",lineNumber:51,columnNumber:6},void 0))},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/plans/SubscriptionPlansCollected.tsx",lineNumber:45,columnNumber:3},void 0)};exports.SubscriptionPlansCollected=m;
 //# sourceMappingURL=SubscriptionPlansCollected.js.map

package/dist/cjs/components/plans/SubscriptionPlansCollected.js.map

@@ -1 +1 @@
-{"version":3,"file":"SubscriptionPlansCollected.js","sources":["../../../../src/components/plans/SubscriptionPlansCollected.tsx"],"sourcesContent":["import { FunctionComponent, useState } from 'react';\nimport styled from 'styled-components';\nimport {\n\tNewSubscriptionPlan,\n\tNewSubscriptionPlanProps,\n} from './NewSubscriptionPlan';\n\ntype Props = {\n\tplans: NewSubscriptionPlanProps[];\n\tonPlanSelect: (code: string) => void;\n\tonClickShowAllFeatures?: () => void;\n\tshowTrialOptions?: boolean;\n\tstaticWidth?: string;\n\tselectedTab?: 'monthly' | 'annually';\n\tselectedPlan?: string;\n\tcurrentPlan?: string;\n\tmaxWidth?: string;\n\tminHeightOfFeatures?: number;\n};\nconst PlanWrapper = styled.div<{ maxWidth?: string }>`\n\tdisplay: flex;\n\tcolumn-gap: 22px;\n\talign-items: stretch;\n\toverflow-x: scroll;\n\tmax-width: ${(props) => props.maxWidth ?? '100%'};\n\t&::-webkit-scrollbar-thumb {\n\t\tbackground: #888;\n\t\tborder-radius: 8px;\n\t}\n\t&::-webkit-scrollbar {\n\t\theight: 5px;\n\t\tdisplay: block;\n\t\twidth: 8px;\n\t}\n\t&::-webkit-scrollbar-thumb:horizontal {\n\t\twidth: 8px;\n\t}\n`;\n\nexport const SubscriptionPlansCollected: FunctionComponent<Props> = (props) => {\n\tconst [planSelected, setPlanSelected] = useState<string | undefined>(\n\t\tprops.selectedPlan ?? '',\n\t);\n\treturn (\n\t\t<PlanWrapper\n\t\t\tstyle={{ padding: '28px 0px 5px 0px' }}\n\t\t\tmaxWidth={props.maxWidth}\n\t\t>\n\t\t\t{props.plans.map((prop, index) => {\n\t\t\t\treturn (\n\t\t\t\t\t<div\n\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\tminWidth: props.staticWidth ?? 280,\n\t\t\t\t\t\t\tmaxWidth: props.staticWidth ?? 280,\n\t\t\t\t\t\t}}\n\t\t\t\t\t\tkey={index}\n\t\t\t\t\t>\n\t\t\t\t\t\t<NewSubscriptionPlan\n\t\t\t\t\t\t\t{...prop}\n\t\t\t\t\t\t\tshowMonthly={true}\n\t\t\t\t\t\t\tshowMonthlyOptions={props.selectedTab == 'monthly'}\n\t\t\t\t\t\t\tshowTrialOptions={props.showTrialOptions || false}\n\t\t\t\t\t\t\tonPlanSelect={(code: string) => {\n\t\t\t\t\t\t\t\tprops.onPlanSelect(code);\n\t\t\t\t\t\t\t\tsetPlanSelected(code);\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\tkey={prop.planName}\n\t\t\t\t\t\t\tisPlanSelected={\n\t\t\t\t\t\t\t\tplanSelected ==\n\t\t\t\t\t\t\t\t(props.selectedTab == 'monthly' ? prop.code : prop.yearlyCode)\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tonClickShowAllFeatures={props.onClickShowAllFeatures}\n\t\t\t\t\t\t\tshowSelectedPlanChip={\n\t\t\t\t\t\t\t\tprops.currentPlan ==\n\t\t\t\t\t\t\t\t(props.selectedTab == 'monthly' ? prop.code : prop.yearlyCode)\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tminHeightOfFeatures={props.minHeightOfFeatures}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</div>\n\t\t\t\t);\n\t\t\t})}\n\t\t</PlanWrapper>\n\t);\n};\n"],"names":["PlanWrapper","styled","props","SubscriptionPlansCollected","planSelected","setPlanSelected","useState","jsxDEV","prop","index","createElement","NewSubscriptionPlan","code","this"],"mappings":"gRAmBMA,EAAcC,EAAAA,QAAO;AAAA;AAAA;AAAA;AAAA;AAAA,cAKZC,GAAUA,EAAM,UAAY,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAepCC,EAAwDD,GAAU,CAC9E,KAAM,CAACE,EAAcC,CAAe,EAAIC,EAAAA,SACvCJ,EAAM,cAAgB,EAAA,EAEvB,OACCK,EAAAA,OAACP,EAAA,CACA,MAAO,CAAE,QAAS,kBAAA,EAClB,SAAUE,EAAM,SAEf,SAAAA,EAAM,MAAM,IAAI,CAACM,EAAMC,IAEtBF,EAAAA,OAAC,MAAA,CACA,MAAO,CACN,SAAUL,EAAM,aAAe,IAC/B,SAAUA,EAAM,aAAe,GAAA,EAIhC,SAAAQ,EAAAA,cAACC,EAAAA,oBAAA,CACC,GAAGH,EACJ,YAAa,GACb,mBAAoBN,EAAM,aAAe,UACzC,iBAAkBA,EAAM,kBAAoB,GAC5C,aAAeU,GAAiB,CAC/BV,EAAM,aAAaU,CAAI,EACvBP,EAAgBO,CAAI,CACrB,EACA,IAAKJ,EAAK,SACV,eACCJ,IACCF,EAAM,aAAe,UAAYM,EAAK,KAAOA,EAAK,YAEpD,uBAAwBN,EAAM,uBAC9B,qBACCA,EAAM,cACLA,EAAM,aAAe,UAAYM,EAAK,KAAOA,EAAK,YAEpD,oBAAqBN,EAAM,mBAAA,CAAA,CAC5B,EAtBKO,EALN,GAAA,CAAA,SAAA,yIAAA,WAAA,GAAA,aAAA,CAAA,EAAAI,MAAA,CA8BD,CAAA,EApCF,OAAA,GAAA,CAAA,SAAA,yIAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAAA,CAuCF"}
+{"version":3,"file":"SubscriptionPlansCollected.js","sources":["../../../../src/components/plans/SubscriptionPlansCollected.tsx"],"sourcesContent":["import { FunctionComponent, useState } from 'react';\nimport styled from 'styled-components';\nimport {\n\tNewSubscriptionPlan,\n\tNewSubscriptionPlanProps,\n} from './NewSubscriptionPlan';\n\ntype Props = {\n\tplans: NewSubscriptionPlanProps[];\n\tonPlanSelect: (code: string) => void;\n\tonClickShowAllFeatures?: () => void;\n\tshowTrialOptions?: boolean;\n\tstaticWidth?: string;\n\tselectedTab?: 'monthly' | 'annually';\n\tselectedPlan?: string;\n\tcurrentPlan?: string;\n\tmaxWidth?: string;\n\tminHeightOfFeatures?: number;\n};\nconst PlanWrapper = styled.div<{ maxWidth?: string }>`\n\tdisplay: flex;\n\tcolumn-gap: 22px;\n\talign-items: stretch;\n\toverflow-x: scroll;\n\tmax-width: ${(props) => props.maxWidth ?? '100%'};\n\t&::-webkit-scrollbar-thumb {\n\t\tbackground: #888;\n\t\tborder-radius: 8px;\n\t}\n\t&::-webkit-scrollbar {\n\t\theight: 5px;\n\t\tdisplay: block;\n\t\twidth: 8px;\n\t}\n\t&::-webkit-scrollbar-thumb:horizontal {\n\t\twidth: 8px;\n\t}\n`;\n\nexport const SubscriptionPlansCollected: FunctionComponent<Props> = (props) => {\n\tconst [planSelected, setPlanSelected] = useState<string | undefined>(\n\t\tprops.selectedPlan ?? '',\n\t);\n\treturn (\n\t\t<PlanWrapper\n\t\t\tstyle={{ padding: '28px 0px 5px 0px' }}\n\t\t\tmaxWidth={props.maxWidth}\n\t\t>\n\t\t\t{props.plans.map((prop, index) => {\n\t\t\t\treturn (\n\t\t\t\t\t<div\n\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\tminWidth: props.staticWidth ?? 280,\n\t\t\t\t\t\t\tmaxWidth: props.staticWidth ?? 280,\n\t\t\t\t\t\t}}\n\t\t\t\t\t\tkey={index}\n\t\t\t\t\t>\n\t\t\t\t\t\t<NewSubscriptionPlan\n\t\t\t\t\t\t\t{...prop}\n\t\t\t\t\t\t\tshowMonthly={true}\n\t\t\t\t\t\t\tshowMonthlyOptions={props.selectedTab == 'monthly'}\n\t\t\t\t\t\t\tshowTrialOptions={props.showTrialOptions || false}\n\t\t\t\t\t\t\tonPlanSelect={(code: string) => {\n\t\t\t\t\t\t\t\tprops.onPlanSelect(code);\n\t\t\t\t\t\t\t\tsetPlanSelected(code);\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\tkey={prop.planName}\n\t\t\t\t\t\t\tisPlanSelected={\n\t\t\t\t\t\t\t\tplanSelected ==\n\t\t\t\t\t\t\t\t(props.selectedTab == 'monthly' ? prop.code : prop.yearlyCode)\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tonClickShowAllFeatures={props.onClickShowAllFeatures}\n\t\t\t\t\t\t\tshowSelectedPlanChip={\n\t\t\t\t\t\t\t\tprops.currentPlan ==\n\t\t\t\t\t\t\t\t(props.selectedTab == 'monthly' ? prop.code : prop.yearlyCode)\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tminHeightOfFeatures={props.minHeightOfFeatures}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</div>\n\t\t\t\t);\n\t\t\t})}\n\t\t</PlanWrapper>\n\t);\n};\n"],"names":["PlanWrapper","styled","props","SubscriptionPlansCollected","planSelected","setPlanSelected","useState","jsxDEV","prop","index","createElement","NewSubscriptionPlan","code","this"],"mappings":"gRAmBMA,EAAcC,EAAAA,QAAO;AAAA;AAAA;AAAA;AAAA;AAAA,cAKZC,GAAUA,EAAM,UAAY,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAepCC,EAAwDD,GAAU,CAC9E,KAAM,CAACE,EAAcC,CAAe,EAAIC,EAAAA,SACvCJ,EAAM,cAAgB,EAAA,EAEvB,OACCK,EAAAA,OAACP,EAAA,CACA,MAAO,CAAE,QAAS,kBAAA,EAClB,SAAUE,EAAM,SAEf,SAAAA,EAAM,MAAM,IAAI,CAACM,EAAMC,IAEtBF,EAAAA,OAAC,MAAA,CACA,MAAO,CACN,SAAUL,EAAM,aAAe,IAC/B,SAAUA,EAAM,aAAe,GAAA,EAIhC,SAAAQ,EAAAA,cAACC,EAAAA,oBAAA,CACC,GAAGH,EACJ,YAAa,GACb,mBAAoBN,EAAM,aAAe,UACzC,iBAAkBA,EAAM,kBAAoB,GAC5C,aAAeU,GAAiB,CAC/BV,EAAM,aAAaU,CAAI,EACvBP,EAAgBO,CAAI,CACrB,EACA,IAAKJ,EAAK,SACV,eACCJ,IACCF,EAAM,aAAe,UAAYM,EAAK,KAAOA,EAAK,YAEpD,uBAAwBN,EAAM,uBAC9B,qBACCA,EAAM,cACLA,EAAM,aAAe,UAAYM,EAAK,KAAOA,EAAK,YAEpD,oBAAqBN,EAAM,mBAAA,CAAA,CAC5B,EAtBKO,EALN,GAAA,CAAA,SAAA,0GAAA,WAAA,GAAA,aAAA,CAAA,EAAAI,MAAA,CA8BD,CAAA,EApCF,OAAA,GAAA,CAAA,SAAA,0GAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAAA,CAuCF"}