@bikdotai/bik-component-library 0.0.261-beta-fluctuate → 0.0.261
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/components/bik-layout/BikLayout.d.ts +6 -0
- package/dist/cjs/components/bik-layout/BikLayout.js +1 -1
- package/dist/cjs/components/bik-layout/CommonStyles.js +1 -1
- package/dist/cjs/components/bik-layout/FeatureModal.d.ts +4 -0
- package/dist/cjs/components/bik-layout/FeatureModal.js +1 -1
- package/dist/cjs/components/checkBox/CheckBox.js +1 -1
- package/dist/cjs/components/dropdown/OpenedDropdown/components/menu/MenuItem.js +1 -1
- package/dist/cjs/components/list-item/ListItem.js +1 -1
- package/dist/cjs/components/plans/SubscriptionPlan.js +1 -1
- package/dist/cjs/components/plans/SubscriptionPlanSelector.js +1 -1
- package/dist/cjs/components/plans/SubscriptionPlanStyled.d.ts +1 -0
- package/dist/cjs/components/plans/SubscriptionPlanStyled.js +1 -1
- package/dist/esm/components/bik-layout/BikLayout.d.ts +6 -0
- package/dist/esm/components/bik-layout/BikLayout.js +1 -1
- package/dist/esm/components/bik-layout/CommonStyles.js +1 -1
- package/dist/esm/components/bik-layout/FeatureModal.d.ts +4 -0
- package/dist/esm/components/bik-layout/FeatureModal.js +1 -1
- package/dist/esm/components/checkBox/CheckBox.js +1 -1
- package/dist/esm/components/dropdown/OpenedDropdown/components/menu/MenuItem.js +2 -2
- package/dist/esm/components/list-item/ListItem.js +1 -1
- package/dist/esm/components/plans/SubscriptionPlan.js +1 -1
- package/dist/esm/components/plans/SubscriptionPlanSelector.js +1 -1
- package/dist/esm/components/plans/SubscriptionPlanStyled.d.ts +1 -0
- package/dist/esm/components/plans/SubscriptionPlanStyled.js +1 -1
- package/package.json +1 -1
|
@@ -5,5 +5,9 @@ export interface FeatureModalProps {
|
|
|
5
5
|
onClickingCross: () => void;
|
|
6
6
|
otherContent?: JSX.Element;
|
|
7
7
|
onUpgrade?: () => void;
|
|
8
|
+
title?: string;
|
|
9
|
+
subTitle?: string;
|
|
10
|
+
showBookADemo?: boolean;
|
|
11
|
+
demoLink?: string;
|
|
8
12
|
}
|
|
9
13
|
export declare const FeatureModal: React.FC<FeatureModalProps>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsxs as e,jsx as t,Fragment as s}from"react/jsx-runtime";import{COLORS as
|
|
1
|
+
import{jsxs as e,jsx as t,Fragment as s}from"react/jsx-runtime";import{COLORS as o}from"../../constants/Theme.js";import n from"../../assets/icons/cross.svg.js";import{Button as i}from"../button/Button.js";import{TitleMedium as r,BodyPrimary as a}from"../TypographyStyle.js";import{FeatureModalContainer as c,InnerModalContainer as l}from"./CommonStyles.js";const d=d=>{const{zIndex:m,disableCross:u=!1,otherContent:h,onClickingCross:p,onUpgrade:b,title:g,subTitle:j,showBookADemo:f,demoLink:y}=d,k=g||"Upgrade to access this feature",C=j||"This feature is not included in the current plan. Upgrade to get access and use this feature.";return e(c,Object.assign({zIndex:m},{children:[!u&&t("div",Object.assign({className:"cross-button",onClick:()=>p(),"aria-hidden":"true"},{children:t(n,{height:20,width:20,color:o.surface.subdued})})),t(l,{children:h?t(s,{children:h}):e("div",Object.assign({className:"content-layout"},{children:[e("div",{children:[t(r,Object.assign({className:"title-color"},{children:k})),t(a,Object.assign({className:"title-color mt-8"},{children:C}))]}),e("div",Object.assign({className:"cta-buttons"},{children:[f&&t(i,{buttonText:"Book a demo",buttonType:"secondary",size:"large",inverse:!0,onClick:()=>{window.open(y,"_blank")}}),t(i,{buttonText:"Upgrade plan",buttonType:"primary",size:"large",inverse:!0,onClick:()=>b?b():""})]}))]}))})]}))};export{d as FeatureModal};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsxs as i,jsx as e}from"react/jsx-runtime";import{useState as l,useEffect as s}from"react";import{CheckboxContainer as a,CheckboxIcon as t}from"./CheckBox.styled.js";import{BodyPrimary as r,BodySecondary as o}from"../TypographyStyle.js";import{COLORS as n}from"../../constants/Theme.js";const d=l=>i("svg",Object.assign({width:l.isSmall?"16":"18",height:l.isSmall?"16":"18",viewBox:l.isSmall?"0 0 16 16":"0 0 18 18",fill:"none",xmlns:"http://www.w3.org/2000/svg"},{children:[e("rect",{x:"0",y:"0",width:l.isSmall?"16":"18",height:l.isSmall?"16":"18",rx:"4",fill:l.isDisabled?n.content.inactive:n.background.positive.vibrant}),!l.isPartial&&e("svg",Object.assign({width:l.isSmall?"8":"10",height:l.isSmall?"7":"9",x:"4",y:"4",viewBox:"0 0 10 9",fill:"none",xmlns:"http://www.w3.org/2000/svg"},{children:e("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M9.68189 1.06043C10.0724 1.45096 10.0724 2.08412 9.68189 2.47464L4.02501 8.13152C3.63449 8.52205 3.00132 8.52205 2.6108 8.13152L0.489684 6.01041C0.0991601 5.61988 0.0991598 4.98672 0.489684 4.59619C0.880209 4.20567 1.51337 4.20567 1.9039 4.59619L3.31791 6.0102L8.26768 1.06043C8.6582 0.669907 9.29137 0.669907 9.68189 1.06043Z",fill:"white"})})),l.isPartial&&e("rect",{x:"5",y:l.isSmall?"7":"8",width:l.isSmall?"6":"8",height:"2",rx:"1",fill:n.surface.standard})]})),c=c=>{const[h,m]=l(c.isChecked||!1),[b,g]=l(c.isPartiallyChecked||!1),[p,v]=l(c.isDisabled||!1),[w,x]=l(!1),[S,C]=l(!1);return s((()=>{m(c.isChecked)}),[c.isChecked]),s((()=>{v(c.isDisabled||!1)}),[c.isDisabled]),s((()=>{g(c.isPartiallyChecked||!1)}),[c.isPartiallyChecked]),i(a,Object.assign({onClick:()=>{var i;if(!c.isDisabled){const e=!h;m(e),null===(i=c.onValueChange)||void 0===i||i.call(c,e,c.value)}},onMouseEnter:()=>x(!c.skipHoverState),onMouseLeave:()=>x(!1),onMouseDown:()=>C(!c.skipHoverState),onMouseUp:()=>C(!1)},{children:[e(t,Object.assign({checked:h,hovered:w,clicked:S,isDisabled:p,size:c.size},{children:h&&e(d,{isPartial:b||!1,isDisabled:p,isSmall:"SMALL"===c.size})})),c.label&&"SMALL"!==c.size&&e(r,Object.assign({color:c.isDisabled?n.text.disabled:n.text.primary},{children:c.label})),c.label&&"SMALL"===c.size&&e(o,Object.assign({color:c.isDisabled?n.text.disabled:n.text.primary},{children:c.label}))]}))};export{c as CheckBox};
|
|
1
|
+
import{jsxs as i,jsx as e}from"react/jsx-runtime";import{useState as l,useEffect as s}from"react";import{CheckboxContainer as a,CheckboxIcon as t}from"./CheckBox.styled.js";import{BodyPrimary as r,BodySecondary as o}from"../TypographyStyle.js";import{COLORS as n}from"../../constants/Theme.js";const d=l=>i("svg",Object.assign({width:l.isSmall?"16":"18",height:l.isSmall?"16":"18",viewBox:l.isSmall?"0 0 16 16":"0 0 18 18",fill:"none",xmlns:"http://www.w3.org/2000/svg"},{children:[e("rect",{x:"0",y:"0",width:l.isSmall?"16":"18",height:l.isSmall?"16":"18",rx:"4",fill:l.isDisabled?n.content.inactive:n.background.positive.vibrant}),!l.isPartial&&e("svg",Object.assign({width:l.isSmall?"8":"10",height:l.isSmall?"7":"9",x:"4",y:"4",viewBox:"0 0 10 9",fill:"none",xmlns:"http://www.w3.org/2000/svg"},{children:e("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M9.68189 1.06043C10.0724 1.45096 10.0724 2.08412 9.68189 2.47464L4.02501 8.13152C3.63449 8.52205 3.00132 8.52205 2.6108 8.13152L0.489684 6.01041C0.0991601 5.61988 0.0991598 4.98672 0.489684 4.59619C0.880209 4.20567 1.51337 4.20567 1.9039 4.59619L3.31791 6.0102L8.26768 1.06043C8.6582 0.669907 9.29137 0.669907 9.68189 1.06043Z",fill:"white"})})),l.isPartial&&e("rect",{x:"5",y:l.isSmall?"7":"8",width:l.isSmall?"6":"8",height:"2",rx:"1",fill:n.surface.standard})]})),c=c=>{const[h,m]=l(c.isChecked||!1),[b,g]=l(c.isPartiallyChecked||!1),[p,v]=l(c.isDisabled||!1),[w,x]=l(!1),[S,C]=l(!1);return s((()=>{m(c.isChecked)}),[c.isChecked]),s((()=>{v(c.isDisabled||!1)}),[c.isDisabled]),s((()=>{g(c.isPartiallyChecked||!1)}),[c.isPartiallyChecked]),i(a,Object.assign({onClick:()=>{var i;if(!c.isDisabled){const e=!h;b?g(!b):m(e),null===(i=c.onValueChange)||void 0===i||i.call(c,e,c.value)}},onMouseEnter:()=>x(!c.skipHoverState),onMouseLeave:()=>x(!1),onMouseDown:()=>C(!c.skipHoverState),onMouseUp:()=>C(!1)},{children:[e(t,Object.assign({checked:h,hovered:w,clicked:S,isDisabled:p,size:c.size},{children:h&&e(d,{isPartial:b||!1,isDisabled:p,isSmall:"SMALL"===c.size})})),c.label&&"SMALL"!==c.size&&e(r,Object.assign({color:c.isDisabled?n.text.disabled:n.text.primary},{children:c.label})),c.label&&"SMALL"===c.size&&e(o,Object.assign({color:c.isDisabled?n.text.disabled:n.text.primary},{children:c.label}))]}))};export{c as CheckBox};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import{jsx as e,Fragment as
|
|
1
|
+
import{jsx as e,jsxs as t,Fragment as n}from"react/jsx-runtime";import i from"styled-components";import{CheckBox as o}from"../../../../checkBox/CheckBox.js";import{ListItem as s}from"../../../../list-item/ListItem.js";import{BodyCaption as r}from"../../../../TypographyStyle.js";import{COLORS as l}from"../../../../../constants/Theme.js";import{FreeFormContainer as c}from"./FreeFormMenu.styled.js";const a=i(s)`
|
|
2
2
|
padding: ${e=>"2.0"===e.version?"8px 12px":"14px 16px"} !important;
|
|
3
3
|
cursor: pointer;
|
|
4
4
|
margin-top: ${e=>"2.0"===e.version?"2px":"0"};
|
|
5
|
-
`,
|
|
5
|
+
`,d=i=>{let{option:s,isMultiSelect:d,showDescription:m,onSelect:p,last:g,version:u}=i;var b;function f(e){s.disabled||p(Object.assign(Object.assign({},s),{selected:e}))}return e(a,{version:u,style:g?{borderBottom:0}:{},onClick:e=>{e.preventDefault(),f(!s.selected)},onMouseOver:function(){s.description?m(s.label,s.description):m()},listItem:{value:s.value,label:s.label},subText:s.subText,leadingIcon:d?t("div",Object.assign({style:{display:"flex",alignContent:"center",justifyContent:"center",gap:8}},{children:[e(o,{size:"2.0"===u?"SMALL":"DEFAULT",isDisabled:null!==(b=s.disabled)&&void 0!==b&&b,isChecked:!!s.selected,onValueChange:f}),e("div",Object.assign({style:{marginRight:"-4px"}},{children:s.leadingIcon}))]})):s.leadingIcon?e(n,{children:s.leadingIcon}):e(n,{}),customComponent:s.customComponent,trailingIcon:s.isFreeForm?e(c,{children:e(r,Object.assign({style:{color:l.content.secondary}},{children:"Freeform"}))}):s.trailingIcon?e(n,{children:s.trailingIcon}):e(n,{}),variant:s.disabled?"inactive":s.selected?"selected":"default"})};export{d as MenuItem};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{__rest as t}from"../../_virtual/_tslib.js";import{jsx as e,Fragment as
|
|
1
|
+
import{__rest as t}from"../../_virtual/_tslib.js";import{jsx as e,Fragment as i,jsxs as o}from"react/jsx-runtime";import{forwardRef as r}from"react";import{getColor as s}from"./themes.js";import{BodySecondary as n,BodyCaption as l}from"../TypographyStyle.js";import{COLORS as a}from"../../constants/Theme.js";import{ListItem as m}from"./ListItem.styled.js";const c=r(((r,c)=>{var{id:d,onSelect:p,variant:f="default",trailingIcon:g,leadingIcon:y,subText:b,listItem:j,borderBottom:v,customComponent:x,version:u}=r,h=t(r,["id","onSelect","variant","trailingIcon","leadingIcon","subText","listItem","borderBottom","customComponent","version"]);return e(m,Object.assign({ref:c,id:d,variant:f,onClick:()=>p&&p(j),borderBottom:v,version:u},h,{children:x?e(i,{children:x}):o("div",Object.assign({style:{display:"flex",alignItems:"All"===j.value?"flex-start":"center",gap:8}},{children:[!!y&&y,o("div",Object.assign({style:{display:"flex",rowGap:"4px",flexDirection:"column"}},{children:[!!j&&e(n,Object.assign({style:{fontSize:("2.0"===u?12:14)+"px",color:s(f)}},{children:j.label})),!!b&&e(l,Object.assign({style:{color:a.text.secondary}},{children:b}))]})),!!g&&e("div",Object.assign({style:{display:"flex",marginLeft:"auto"}},{children:g}))]}))}))}));c.displayName="ListItem";export{c as ListItem};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsxs as e,jsx as t,Fragment as s}from"react/jsx-runtime";import i from"../../assets/icons/check.svg.js";import{Button as a}from"../button/Button.js";import{SubscriptionPlanStyled as n}from"./SubscriptionPlanStyled.js";import{Caption as c,TitleRegular as l,
|
|
1
|
+
import{jsxs as e,jsx as t,Fragment as s}from"react/jsx-runtime";import i from"../../assets/icons/check.svg.js";import{Button as a}from"../button/Button.js";import{SubscriptionPlanStyled as n}from"./SubscriptionPlanStyled.js";import{Caption as c,TitleRegular as l,TitleMedium as r,BodyPrimary as o,BodyCaption as d}from"../TypographyStyle.js";import{COLORS as m}from"../../constants/Theme.js";const b=b=>{const h=b.showMonthly?b.monthlyPlan:b.yearlyPlan,p=!b.isDisabled&&b.isMostPopular;return e(n,Object.assign({isManifestPlan:!0,isSelected:b.isSelected||!1,style:{marginTop:p?0:24}},{children:[p&&t("div",Object.assign({className:"most-popular"},{children:t(c,Object.assign({className:"text"},{children:"Most popular ⭐️"}))})),e("div",Object.assign({className:`box ${b.isSelected?"selected":""} ${b.isDisabled?"disabled":""} ${p?"":"rounded-corners"}\n\t\t\t\t`},{children:[e("div",{children:[t(l,Object.assign({style:{color:m.content.secondary,marginBottom:4}},{children:b.planName})),e("div",Object.assign({className:"price-block"},{children:[e(r,Object.assign({style:{color:m.content.primary}},{children:["$ ",h.price]})),e(o,Object.assign({style:{color:m.content.secondary,marginLeft:4}},{children:["/ ",b.showMonthly?"month":"year"]}))]})),e("div",Object.assign({className:"per-message-price"},{children:[t(d,Object.assign({style:{color:m.content.secondary}},{children:b.planDescription})),t(d,Object.assign({style:{color:m.background.positive.vibrant,marginLeft:4}},{children:b.planDescriptionDiscount}))]})),b.showTrialOptions&&e(c,Object.assign({className:"trial "+(b.isSelected?"selected":"")},{children:["7 day free trial with ",b.freeTrialMessages," messages"]})),b.extraBlockMessage&&t(c,Object.assign({className:"trial "+(b.isSelected?"selected":"")},{children:b.extraBlockMessage})),t("div",Object.assign({className:"features"},{children:b.features.map(((s,a)=>e("div",Object.assign({className:"feature"},{children:[t("div",{children:t(i,{height:12,width:12,color:m.content.primary})}),t(d,Object.assign({className:"feature-text"},{children:s.detail}),a)]}),s.detail)))}))]}),t("div",Object.assign({className:"button-box"},{children:b.isLoading?t(a,{isLoading:!0,buttonType:"primary",buttonText:"Selected Plan",size:"medium",matchParentWidth:!0}):e(s,{children:[b.isSelected&&t(a,{LeadingIcon:i,buttonType:"tertiary",size:"medium",matchParentWidth:!0,buttonText:"Selected Plan",disabled:!1}),b.isDisabled&&t(a,{disabled:!0,buttonType:"primary",size:"medium",matchParentWidth:!0,buttonText:"Choose plan"}),!b.isSelected&&!b.isDisabled&&t(a,{buttonType:"primary",size:"medium",onClick:()=>b.onPlanSelect(b.code),matchParentWidth:!0,buttonText:"Choose plan"})]})}))]})),t("div",Object.assign({className:`plan-bottom-information\n\t\t\t\t\t${b.isDisabled?"disabled":""}\n\t\t\t\t\t${b.isSelected?"selected":""}\n\t\t\t\t`},{children:t(c,Object.assign({className:"text",style:{color:m.background.inverse}},{children:b.bottomDescription}))}))]}))};export{b as SubscriptionPlan};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import c from"@emotion/styled/base";import{createElement as b}from"react";import{jsxs as l,jsx as I}from"react/jsx-runtime";import{StyledModal as
|
|
1
|
+
import c from"@emotion/styled/base";import{createElement as b}from"react";import{jsxs as l,jsx as I}from"react/jsx-runtime";import{StyledModal as g}from"../modals/styledModal.js";import{SubscriptionPlan as d}from"./SubscriptionPlan.js";import{COLORS as i}from"../../constants/Theme.js";const G=c("div","production"===process.env.NODE_ENV?{target:"e1s1pw0f1"}:{target:"e1s1pw0f1",label:"PlanWrapper"})("production"===process.env.NODE_ENV?{name:"z72o5x",styles:"display:flex;column-gap:22px;align-items:stretch;padding:24px"}:{name:"z72o5x",styles:"display:flex;column-gap:22px;align-items:stretch;padding:24px",map:"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlN1YnNjcmlwdGlvblBsYW5TZWxlY3Rvci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBTStCIiwiZmlsZSI6IlN1YnNjcmlwdGlvblBsYW5TZWxlY3Rvci50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjcmVhdGVFbGVtZW50IGFzIF9jcmVhdGVFbGVtZW50IH0gZnJvbSBcInJlYWN0XCI7XHJcbmltcG9ydCB7IGpzeCBhcyBfanN4LCBqc3hzIGFzIF9qc3hzIH0gZnJvbSBcInJlYWN0L2pzeC1ydW50aW1lXCI7XHJcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcclxuaW1wb3J0IHsgU3R5bGVkTW9kYWwgfSBmcm9tIFwiLi4vbW9kYWxzXCI7XHJcbmltcG9ydCB7IFN1YnNjcmlwdGlvblBsYW4sIH0gZnJvbSBcIi4vU3Vic2NyaXB0aW9uUGxhblwiO1xyXG5pbXBvcnQgeyBDT0xPUlMgfSBmcm9tIFwiLi4vLi4vY29uc3RhbnRzL1RoZW1lXCI7XHJcbmNvbnN0IFBsYW5XcmFwcGVyID0gc3R5bGVkLmRpdiBgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGNvbHVtbi1nYXA6IDIycHg7XG5cdGFsaWduLWl0ZW1zOiBzdHJldGNoO1xuXHRwYWRkaW5nOiAyNHB4O1xuYDtcclxuY29uc3QgV2FybmluZyA9IHN0eWxlZC5kaXYgYFxuXHRjb2xvcjogJHtDT0xPUlMuY29udGVudC5uZWdhdGl2ZX07XG5cdHBhZGRpbmc6IDBweCAyNHB4O1xuYDtcclxuLy8gU2VsZWN0ZWQgcGxhbiB0byBoYXZlIGNob3NlbiBwbGFuIG5vdCBzZWxlY3RhYmxlXHJcbmV4cG9ydCBjb25zdCBTdWJzY3JpcHRpb25QbGFuU2VsZWN0b3IgPSAocHJvcHMpID0+IHtcclxuICAgIHJldHVybiAoX2pzeHMoU3R5bGVkTW9kYWwsIE9iamVjdC5hc3NpZ24oeyBjZW50cmFsQ29udGFpbmVyU3R5bGVzOiB7XHJcbiAgICAgICAgICAgIHdpZHRoOiBwcm9wcy5wbGFucy5sZW5ndGggKiAyNzUsXHJcbiAgICAgICAgfSwgb3BlbjogdHJ1ZSwgaGVhZGluZ1RpdGxlOiBwcm9wcy5oZWFkZXIgfHwgJ1NlbGVjdCBhIHBsYW4gdG8gcHJvY2VlZCcsIGhlYWRpbmdTdWJ0aXRsZTogcHJvcHMuc3ViSGVhZGVyIHx8ICcnLCBjbG9zZU9uT3V0c2lkZUNsaWNrOiB0cnVlLCBvbkNsb3NlOiBwcm9wcy5vbkNsb3NlIH0sIHsgY2hpbGRyZW46IFtwcm9wcy53YXJuaW5nRGVzY3JpcHRpb24gJiYgKF9qc3goV2FybmluZywgeyBjaGlsZHJlbjogcHJvcHMud2FybmluZ0Rlc2NyaXB0aW9uIH0pKSwgX2pzeChQbGFuV3JhcHBlciwgeyBjaGlsZHJlbjogcHJvcHMucGxhbnMubWFwKChwcm9wKSA9PiB7XHJcbiAgICAgICAgICAgICAgICAgICAgcmV0dXJuIChfY3JlYXRlRWxlbWVudChTdWJzY3JpcHRpb25QbGFuLCBPYmplY3QuYXNzaWduKHt9LCBwcm9wLCB7IHNob3dUcmlhbE9wdGlvbnM6IHByb3BzLnNob3dUcmlhbE9wdGlvbnMgfHwgZmFsc2UsIG9uUGxhblNlbGVjdDogcHJvcHMub25QbGFuU2VsZWN0LCBrZXk6IHByb3AucGxhbk5hbWUsIHNob3dNb250aGx5OiB0cnVlIH0pKSk7XHJcbiAgICAgICAgICAgICAgICB9KSB9KV0gfSkpKTtcclxufTtcclxuLy8jIHNvdXJjZU1hcHBpbmdVUkw9U3Vic2NyaXB0aW9uUGxhblNlbGVjdG9yLmpzLm1hcCJdfQ== */",toString:function(){return"You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."}}),s=c("div","production"===process.env.NODE_ENV?{target:"e1s1pw0f0"}:{target:"e1s1pw0f0",label:"Warning"})("color:",i.content.negative,";padding:0px 24px;"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlN1YnNjcmlwdGlvblBsYW5TZWxlY3Rvci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBWTJCIiwiZmlsZSI6IlN1YnNjcmlwdGlvblBsYW5TZWxlY3Rvci50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjcmVhdGVFbGVtZW50IGFzIF9jcmVhdGVFbGVtZW50IH0gZnJvbSBcInJlYWN0XCI7XHJcbmltcG9ydCB7IGpzeCBhcyBfanN4LCBqc3hzIGFzIF9qc3hzIH0gZnJvbSBcInJlYWN0L2pzeC1ydW50aW1lXCI7XHJcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcclxuaW1wb3J0IHsgU3R5bGVkTW9kYWwgfSBmcm9tIFwiLi4vbW9kYWxzXCI7XHJcbmltcG9ydCB7IFN1YnNjcmlwdGlvblBsYW4sIH0gZnJvbSBcIi4vU3Vic2NyaXB0aW9uUGxhblwiO1xyXG5pbXBvcnQgeyBDT0xPUlMgfSBmcm9tIFwiLi4vLi4vY29uc3RhbnRzL1RoZW1lXCI7XHJcbmNvbnN0IFBsYW5XcmFwcGVyID0gc3R5bGVkLmRpdiBgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGNvbHVtbi1nYXA6IDIycHg7XG5cdGFsaWduLWl0ZW1zOiBzdHJldGNoO1xuXHRwYWRkaW5nOiAyNHB4O1xuYDtcclxuY29uc3QgV2FybmluZyA9IHN0eWxlZC5kaXYgYFxuXHRjb2xvcjogJHtDT0xPUlMuY29udGVudC5uZWdhdGl2ZX07XG5cdHBhZGRpbmc6IDBweCAyNHB4O1xuYDtcclxuLy8gU2VsZWN0ZWQgcGxhbiB0byBoYXZlIGNob3NlbiBwbGFuIG5vdCBzZWxlY3RhYmxlXHJcbmV4cG9ydCBjb25zdCBTdWJzY3JpcHRpb25QbGFuU2VsZWN0b3IgPSAocHJvcHMpID0+IHtcclxuICAgIHJldHVybiAoX2pzeHMoU3R5bGVkTW9kYWwsIE9iamVjdC5hc3NpZ24oeyBjZW50cmFsQ29udGFpbmVyU3R5bGVzOiB7XHJcbiAgICAgICAgICAgIHdpZHRoOiBwcm9wcy5wbGFucy5sZW5ndGggKiAyNzUsXHJcbiAgICAgICAgfSwgb3BlbjogdHJ1ZSwgaGVhZGluZ1RpdGxlOiBwcm9wcy5oZWFkZXIgfHwgJ1NlbGVjdCBhIHBsYW4gdG8gcHJvY2VlZCcsIGhlYWRpbmdTdWJ0aXRsZTogcHJvcHMuc3ViSGVhZGVyIHx8ICcnLCBjbG9zZU9uT3V0c2lkZUNsaWNrOiB0cnVlLCBvbkNsb3NlOiBwcm9wcy5vbkNsb3NlIH0sIHsgY2hpbGRyZW46IFtwcm9wcy53YXJuaW5nRGVzY3JpcHRpb24gJiYgKF9qc3goV2FybmluZywgeyBjaGlsZHJlbjogcHJvcHMud2FybmluZ0Rlc2NyaXB0aW9uIH0pKSwgX2pzeChQbGFuV3JhcHBlciwgeyBjaGlsZHJlbjogcHJvcHMucGxhbnMubWFwKChwcm9wKSA9PiB7XHJcbiAgICAgICAgICAgICAgICAgICAgcmV0dXJuIChfY3JlYXRlRWxlbWVudChTdWJzY3JpcHRpb25QbGFuLCBPYmplY3QuYXNzaWduKHt9LCBwcm9wLCB7IHNob3dUcmlhbE9wdGlvbnM6IHByb3BzLnNob3dUcmlhbE9wdGlvbnMgfHwgZmFsc2UsIG9uUGxhblNlbGVjdDogcHJvcHMub25QbGFuU2VsZWN0LCBrZXk6IHByb3AucGxhbk5hbWUsIHNob3dNb250aGx5OiB0cnVlIH0pKSk7XHJcbiAgICAgICAgICAgICAgICB9KSB9KV0gfSkpKTtcclxufTtcclxuLy8jIHNvdXJjZU1hcHBpbmdVUkw9U3Vic2NyaXB0aW9uUGxhblNlbGVjdG9yLmpzLm1hcCJdfQ== */")),n=c=>l(g,Object.assign({centralContainerStyles:{width:275*c.plans.length},open:!0,headingTitle:c.header||"Select a plan to proceed",headingSubtitle:c.subHeader||"",closeOnOutsideClick:!0,onClose:c.onClose},{children:[c.warningDescription&&I(s,{children:c.warningDescription}),I(G,{children:c.plans.map((l=>b(d,Object.assign({},l,{showTrialOptions:c.showTrialOptions||!1,onPlanSelect:c.onPlanSelect,key:l.planName,showMonthly:!0}))))})]}));export{n as SubscriptionPlanSelector};
|
|
@@ -4,4 +4,5 @@ export declare const SubscriptionPlanStyled: import("@emotion/styled").StyledCom
|
|
|
4
4
|
as?: import("react").ElementType<any> | undefined;
|
|
5
5
|
} & {
|
|
6
6
|
isSelected: boolean;
|
|
7
|
+
isManifestPlan?: boolean | undefined;
|
|
7
8
|
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import c from"@emotion/styled/base";import{COLORS as d}from"../../constants/Theme.js";const b=c("div","production"===process.env.NODE_ENV?{target:"e4062250"}:{target:"e4062250",label:"SubscriptionPlanStyled"})("border:1px solid ",d.stroke.primary,";border:1px solid ",(c=>c.isSelected?d.text.altSecondary:d.stroke.primary),";box-shadow:0px 2px 8px rgba(0, 0, 0, 0.12);border-radius:4px;.box{height:400px;padding:24px;background-color:",d.surface.standard,";display:flex;flex-direction:column;.button-box{margin-top:auto;display:flex;}}.box.selected{background-color:",d.background.brandLight,";}.rounded-corners{border-top-left-radius:4px;border-top-right-radius:4px;}width:100%;.most-popular{background:linear-gradient(90.05deg, #743979 1.22%, #526dca 99.95%),#4b1583;padding:4px;border-top-left-radius:4px;border-top-right-radius:4px;display:flex;justify-content:center;align-items:center;.text{color:",d.surface.standard,";}}.trial{margin-top:16px;margin-bottom:12px;padding:4px 8px;border-radius:4px;color:",d.content.secondary,";background-color:",d.surface.hovered,";}.trial.selected{background-color:",d.surface.standard,";}.feature{display:flex;align-items:center;margin-top:
|
|
1
|
+
import c from"@emotion/styled/base";import{COLORS as d}from"../../constants/Theme.js";const b=c("div","production"===process.env.NODE_ENV?{target:"e4062250"}:{target:"e4062250",label:"SubscriptionPlanStyled"})("border:1px solid ",d.stroke.primary,";border:1px solid ",(c=>c.isSelected?d.text.altSecondary:d.stroke.primary),";box-shadow:0px 2px 8px rgba(0, 0, 0, 0.12);border-radius:4px;.box{height:",(c=>c.isManifestPlan?"400px":"600px"),";padding:24px;background-color:",d.surface.standard,";display:flex;flex-direction:column;.button-box{margin-top:auto;display:flex;}}.box.selected{background-color:",d.background.brandLight,";}.rounded-corners{border-top-left-radius:4px;border-top-right-radius:4px;}width:100%;.most-popular{background:linear-gradient(90.05deg, #743979 1.22%, #526dca 99.95%),#4b1583;padding:4px;border-top-left-radius:4px;border-top-right-radius:4px;display:flex;justify-content:center;align-items:center;.text{color:",d.surface.standard,";}}.trial{margin-top:16px;margin-bottom:12px;padding:4px 8px;border-radius:4px;color:",d.content.secondary,";background-color:",d.surface.hovered,";}.trial.selected{background-color:",d.surface.standard,";}.feature{display:flex;align-items:center;margin-top:4px;.feature-text{margin-left:12px;color:",d.content.secondary,";}}.price-block{display:flex;margin-bottom:4px;align-items:center;}.per-message-price{display:flex;}.plan-bottom-information{margin-top:auto;text-align:center;background:",d.background.brandLight,";padding:4px;border-bottom-left-radius:4px;border-bottom-right-radius:4px;.text{color:",d.background.inverse,";}}.disabled{*{color:",d.content.inactive,"!important;}}.plan-bottom-information.disabled{background:",d.background.base,";}.plan-bottom-information.selected{background:",d.surface.standard,";color:",d.content.placeholder,";}"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlN1YnNjcmlwdGlvblBsYW5TdHlsZWQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUVpRCIsImZpbGUiOiJTdWJzY3JpcHRpb25QbGFuU3R5bGVkLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcclxuaW1wb3J0IHsgQ09MT1JTIH0gZnJvbSBcIi4uLy4uL2NvbnN0YW50cy9UaGVtZVwiO1xyXG5leHBvcnQgY29uc3QgU3Vic2NyaXB0aW9uUGxhblN0eWxlZCA9IHN0eWxlZC5kaXYgYFxuXHRib3JkZXI6IDFweCBzb2xpZCAke0NPTE9SUy5zdHJva2UucHJpbWFyeX07XG5cdGJvcmRlcjogMXB4IHNvbGlkXG5cdFx0JHsocHJvcHMpID0+IHByb3BzLmlzU2VsZWN0ZWQgPyBDT0xPUlMudGV4dC5hbHRTZWNvbmRhcnkgOiBDT0xPUlMuc3Ryb2tlLnByaW1hcnl9O1xuXG5cdGJveC1zaGFkb3c6IDBweCAycHggOHB4IHJnYmEoMCwgMCwgMCwgMC4xMik7XG5cdGJvcmRlci1yYWRpdXM6IDRweDtcblxuXHQuYm94IHtcblx0XHRoZWlnaHQ6ICR7KHByb3BzKSA9PiAocHJvcHMuaXNNYW5pZmVzdFBsYW4gPyAnNDAwcHgnIDogJzYwMHB4Jyl9O1xuXHRcdHBhZGRpbmc6IDI0cHg7XG5cdFx0YmFja2dyb3VuZC1jb2xvcjogJHtDT0xPUlMuc3VyZmFjZS5zdGFuZGFyZH07XG5cdFx0ZGlzcGxheTogZmxleDtcblx0XHRmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuXG5cdFx0LmJ1dHRvbi1ib3gge1xuXHRcdFx0bWFyZ2luLXRvcDogYXV0bztcblx0XHRcdGRpc3BsYXk6IGZsZXg7XG5cdFx0fVxuXHR9XG5cblx0LmJveC5zZWxlY3RlZCB7XG5cdFx0YmFja2dyb3VuZC1jb2xvcjogJHtDT0xPUlMuYmFja2dyb3VuZC5icmFuZExpZ2h0fTtcblx0fVxuXG5cdC5yb3VuZGVkLWNvcm5lcnMge1xuXHRcdGJvcmRlci10b3AtbGVmdC1yYWRpdXM6IDRweDtcblx0XHRib3JkZXItdG9wLXJpZ2h0LXJhZGl1czogNHB4O1xuXHR9XG5cblx0d2lkdGg6IDEwMCU7XG5cblx0Lm1vc3QtcG9wdWxhciB7XG5cdFx0YmFja2dyb3VuZDogbGluZWFyLWdyYWRpZW50KDkwLjA1ZGVnLCAjNzQzOTc5IDEuMjIlLCAjNTI2ZGNhIDk5Ljk1JSksXG5cdFx0XHQjNGIxNTgzO1xuXHRcdHBhZGRpbmc6IDRweDtcblx0XHRib3JkZXItdG9wLWxlZnQtcmFkaXVzOiA0cHg7XG5cdFx0Ym9yZGVyLXRvcC1yaWdodC1yYWRpdXM6IDRweDtcblx0XHRkaXNwbGF5OiBmbGV4O1xuXHRcdGp1c3RpZnktY29udGVudDogY2VudGVyO1xuXHRcdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cblx0XHQudGV4dCB7XG5cdFx0XHRjb2xvcjogJHtDT0xPUlMuc3VyZmFjZS5zdGFuZGFyZH07XG5cdFx0fVxuXHR9XG5cblx0LnRyaWFsIHtcblx0XHRtYXJnaW4tdG9wOiAxNnB4O1xuXHRcdG1hcmdpbi1ib3R0b206IDEycHg7XG5cdFx0cGFkZGluZzogNHB4IDhweDtcblx0XHRib3JkZXItcmFkaXVzOiA0cHg7XG5cdFx0Y29sb3I6ICR7Q09MT1JTLmNvbnRlbnQuc2Vjb25kYXJ5fTtcblx0XHRiYWNrZ3JvdW5kLWNvbG9yOiAke0NPTE9SUy5zdXJmYWNlLmhvdmVyZWR9O1xuXHR9XG5cblx0LnRyaWFsLnNlbGVjdGVkIHtcblx0XHRiYWNrZ3JvdW5kLWNvbG9yOiAke0NPTE9SUy5zdXJmYWNlLnN0YW5kYXJkfTtcblx0fVxuXG5cdC5mZWF0dXJlIHtcblx0XHRkaXNwbGF5OiBmbGV4O1xuXHRcdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cblx0XHQuZmVhdHVyZS10ZXh0IHtcblx0XHRcdG1hcmdpbi1sZWZ0OiAxMnB4O1xuXHRcdFx0Y29sb3I6ICR7Q09MT1JTLmNvbnRlbnQuc2Vjb25kYXJ5fTtcblx0XHR9XG5cblx0XHRtYXJnaW4tdG9wOiA0cHg7XG5cdH1cblxuXHQucHJpY2UtYmxvY2sge1xuXHRcdGRpc3BsYXk6IGZsZXg7XG5cdFx0bWFyZ2luLWJvdHRvbTogNHB4O1xuXHRcdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdH1cblxuXHQucGVyLW1lc3NhZ2UtcHJpY2Uge1xuXHRcdGRpc3BsYXk6IGZsZXg7XG5cdH1cblxuXHQucGxhbi1ib3R0b20taW5mb3JtYXRpb24ge1xuXHRcdG1hcmdpbi10b3A6IGF1dG87XG5cdFx0dGV4dC1hbGlnbjogY2VudGVyO1xuXHRcdGJhY2tncm91bmQ6ICR7Q09MT1JTLmJhY2tncm91bmQuYnJhbmRMaWdodH07XG5cdFx0cGFkZGluZzogNHB4O1xuXG5cdFx0LnRleHQge1xuXHRcdFx0Y29sb3I6ICR7Q09MT1JTLmJhY2tncm91bmQuaW52ZXJzZX07XG5cdFx0fVxuXG5cdFx0Ym9yZGVyLWJvdHRvbS1sZWZ0LXJhZGl1czogNHB4O1xuXHRcdGJvcmRlci1ib3R0b20tcmlnaHQtcmFkaXVzOiA0cHg7XG5cdH1cblxuXHQuZGlzYWJsZWQge1xuXHRcdCoge1xuXHRcdFx0Y29sb3I6ICR7Q09MT1JTLmNvbnRlbnQuaW5hY3RpdmV9ICFpbXBvcnRhbnQ7XG5cdFx0fVxuXHR9XG5cblx0LnBsYW4tYm90dG9tLWluZm9ybWF0aW9uLmRpc2FibGVkIHtcblx0XHRiYWNrZ3JvdW5kOiAke0NPTE9SUy5iYWNrZ3JvdW5kLmJhc2V9O1xuXHR9XG5cblx0LnBsYW4tYm90dG9tLWluZm9ybWF0aW9uLnNlbGVjdGVkIHtcblx0XHRiYWNrZ3JvdW5kOiAke0NPTE9SUy5zdXJmYWNlLnN0YW5kYXJkfTtcblx0XHRjb2xvcjogJHtDT0xPUlMuY29udGVudC5wbGFjZWhvbGRlcn07XG5cdH1cbmA7XHJcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPVN1YnNjcmlwdGlvblBsYW5TdHlsZWQuanMubWFwIl19 */"));export{b as SubscriptionPlanStyled};
|