@bikdotai/bik-component-library 0.0.83 → 0.0.85

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("../../../assets/icons/horizontal_dots.svg.js"),o=require("../../../assets/icons/vertical_dots.svg.js");require("../Dropdown.js");var n=require("../DropdownPopover/index.js");require("react"),require("../../zeroState/ZeroState.js"),require("../../TypographyStyle.js"),require("../../../constants/Theme.js"),require("../OpenedDropdown/components/description/Description.styled.js"),require("../../checkBox/CheckBox.styled.js"),require("../../list-item/ListItem.js"),require("../OpenedDropdown/components/menu/FreeFormMenu.styled.js"),require("../OpenedDropdown/components/menu/MenuItem.js"),require("../OpenedDropdown/components/menu/MenuList.styled.js"),require("../OpenedDropdown/components/menu/SelectAllMenu.js"),require("../../button/Button.js"),require("../OpenedDropdown/components/multiSelect/MultiSelectDropdownBottomBar.styled.js"),require("../OpenedDropdown/components/OpennedDropdown.styled.js"),require("../../input/Input.js");var t=require("../../icon-button/IconButton.js");const s=s=>e.jsx(e.Fragment,{children:e.jsx(n.DropdownPopover,Object.assign({},s,{children:e.jsx("div",Object.assign({style:{height:20,width:20}},{children:e.jsx(t.IconButton,{Icon:s.isHorizontal?r.default:o.default,bordered:!0})}))}))});s.displayName="MenuItemDropdown",exports.MenuItemDropdown=s;
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("../../../assets/icons/horizontal_dots.svg.js"),o=require("../../../assets/icons/vertical_dots.svg.js");require("../Dropdown.js");var n=require("../DropdownPopover/index.js");require("react"),require("../../zeroState/ZeroState.js"),require("../../TypographyStyle.js"),require("../../../constants/Theme.js"),require("../OpenedDropdown/components/description/Description.styled.js"),require("../../checkBox/CheckBox.styled.js"),require("../../list-item/ListItem.js"),require("../OpenedDropdown/components/menu/FreeFormMenu.styled.js"),require("../OpenedDropdown/components/menu/MenuItem.js"),require("../OpenedDropdown/components/menu/MenuList.styled.js"),require("../OpenedDropdown/components/menu/SelectAllMenu.js"),require("../../button/Button.js"),require("../OpenedDropdown/components/multiSelect/MultiSelectDropdownBottomBar.styled.js"),require("../OpenedDropdown/components/OpennedDropdown.styled.js"),require("../../input/Input.js");var t=require("../../icon-button/IconButton.js");const s=s=>e.jsx(e.Fragment,{children:e.jsx(n.DropdownPopover,Object.assign({},s,{children:e.jsx("div",{children:e.jsx(t.IconButton,{Icon:s.isHorizontal?r.default:o.default,bordered:!0})})}))});s.displayName="MenuItemDropdown",exports.MenuItemDropdown=s;
@@ -13,6 +13,7 @@ export interface SubscriptionPlanProps {
13
13
  isSelected?: boolean;
14
14
  planName: string;
15
15
  monthlyPlan: PlanPrice;
16
+ showTrialOptions: boolean;
16
17
  yearlyPlan: PlanPrice;
17
18
  features: PlanFeature[];
18
19
  showMonthly: boolean;
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),s=require("../../assets/icons/check.svg.js"),t=require("../button/Button.js"),i=require("./SubscriptionPlanStyled.js"),a=require("../TypographyStyle.js"),n=require("../../constants/Theme.js");exports.SubscriptionPlan=r=>{const l=r.showMonthly?r.monthlyPlan:r.yearlyPlan;return e.jsxs(i.SubscriptionPlanStyled,{children:[!r.isDisabled&&r.isMostPopular&&e.jsx("div",Object.assign({className:"most-popular"},{children:e.jsx(a.Caption,Object.assign({className:"text"},{children:"Most popular ⭐️"}))})),e.jsxs("div",Object.assign({className:`box ${r.isSelected?"selected":""} ${r.isDisabled?"disabled":""}`},{children:[e.jsxs("div",{children:[e.jsx(a.TitleRegular,Object.assign({style:{color:n.COLORS.content.secondary,marginBottom:4}},{children:r.planName})),e.jsxs("div",Object.assign({className:"price-block"},{children:[e.jsxs(a.TitleLarge,Object.assign({style:{color:n.COLORS.content.primary}},{children:["$ ",l.price]})),e.jsxs(a.BodyPrimary,Object.assign({style:{color:n.COLORS.content.secondary,marginLeft:4}},{children:["/ ",r.showMonthly?"monthly":"yearly"]}))]})),e.jsxs("div",Object.assign({className:"per-message-price"},{children:[e.jsx(a.BodyCaption,Object.assign({style:{color:n.COLORS.content.secondary}},{children:r.planDescription})),e.jsx(a.BodyCaption,Object.assign({style:{color:n.COLORS.background.positive.vibrant,marginLeft:4}},{children:r.planDescriptionDiscount}))]})),e.jsxs(a.Caption,Object.assign({className:"trial "+(r.isSelected?"selected":"")},{children:["7 day free trial with ",r.freeTrialMessages," messages"]})),e.jsx("div",Object.assign({className:"features"},{children:r.features.map(((t,i)=>e.jsxs("div",Object.assign({className:"feature"},{children:[e.jsx(s.default,{height:16,width:16,color:n.COLORS.content.primary}),e.jsx(a.BodyPrimary,Object.assign({className:"feature-text"},{children:t.detail}),i)]}),t.detail)))}))]}),e.jsxs("div",Object.assign({className:"button-box"},{children:[r.isSelected&&e.jsx(t.Button,{LeadingIcon:s.default,buttonType:"tertiary",size:"medium",matchParentWidth:!0,buttonText:"Selected Plan",disabled:!1}),r.isDisabled&&e.jsx(t.Button,{disabled:!0,buttonType:"primary",size:"medium",matchParentWidth:!0,buttonText:"Choose plan"}),!r.isSelected&&!r.isDisabled&&e.jsx(t.Button,{buttonType:"primary",size:"medium",onClick:()=>r.onPlanSelect(r.code),matchParentWidth:!0,buttonText:"Choose plan"})]}))]}))]})};
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),s=require("../../assets/icons/check.svg.js"),t=require("../button/Button.js"),i=require("./SubscriptionPlanStyled.js"),a=require("../TypographyStyle.js"),n=require("../../constants/Theme.js");exports.SubscriptionPlan=l=>{const r=l.showMonthly?l.monthlyPlan:l.yearlyPlan,c=!l.isDisabled&&l.isMostPopular;return e.jsxs(i.SubscriptionPlanStyled,Object.assign({style:{marginTop:c?0:24}},{children:[c&&e.jsx("div",Object.assign({className:"most-popular"},{children:e.jsx(a.Caption,Object.assign({className:"text"},{children:"Most popular ⭐️"}))})),e.jsxs("div",Object.assign({className:`box ${l.isSelected?"selected":""} ${l.isDisabled?"disabled":""}`},{children:[e.jsxs("div",{children:[e.jsx(a.TitleRegular,Object.assign({style:{color:n.COLORS.content.secondary,marginBottom:4}},{children:l.planName})),e.jsxs("div",Object.assign({className:"price-block"},{children:[e.jsxs(a.TitleLarge,Object.assign({style:{color:n.COLORS.content.primary}},{children:["$ ",r.price]})),e.jsxs(a.BodyPrimary,Object.assign({style:{color:n.COLORS.content.secondary,marginLeft:4}},{children:["/ ",l.showMonthly?"monthly":"yearly"]}))]})),e.jsxs("div",Object.assign({className:"per-message-price"},{children:[e.jsx(a.BodyCaption,Object.assign({style:{color:n.COLORS.content.secondary}},{children:l.planDescription})),e.jsx(a.BodyCaption,Object.assign({style:{color:n.COLORS.background.positive.vibrant,marginLeft:4}},{children:l.planDescriptionDiscount}))]})),l.showTrialOptions&&e.jsxs(a.Caption,Object.assign({className:"trial "+(l.isSelected?"selected":"")},{children:["7 day free trial with ",l.freeTrialMessages," messages"]})),e.jsx("div",Object.assign({className:"features"},{children:l.features.map(((t,i)=>e.jsxs("div",Object.assign({className:"feature"},{children:[e.jsx(s.default,{height:16,width:16,color:n.COLORS.content.primary}),e.jsx(a.BodyPrimary,Object.assign({className:"feature-text"},{children:t.detail}),i)]}),t.detail)))}))]}),e.jsxs("div",Object.assign({className:"button-box"},{children:[l.isSelected&&e.jsx(t.Button,{LeadingIcon:s.default,buttonType:"tertiary",size:"medium",matchParentWidth:!0,buttonText:"Selected Plan",disabled:!1}),l.isDisabled&&e.jsx(t.Button,{disabled:!0,buttonType:"primary",size:"medium",matchParentWidth:!0,buttonText:"Choose plan"}),!l.isSelected&&!l.isDisabled&&e.jsx(t.Button,{buttonType:"primary",size:"medium",onClick:()=>l.onPlanSelect(l.code),matchParentWidth:!0,buttonText:"Choose plan"})]}))]})),e.jsx("div",Object.assign({className:`plan-bottom-information\n\t\t\t\t\t${l.isDisabled?"disabled":""}\n\t\t\t\t\t${l.isSelected?"selected":""}\n\t\t\t\t`},{children:e.jsx(a.Caption,Object.assign({className:"text"},{children:l.bottomDescription}))}))]}))};
@@ -4,6 +4,9 @@ type Props = {
4
4
  plans: SubscriptionPlanProps[];
5
5
  onPlanSelect: (code: string) => void;
6
6
  onClose: () => void;
7
+ subHeader?: string;
8
+ warningDescription?: string;
9
+ showTrailOptions?: boolean;
7
10
  };
8
11
  export declare const SubscriptionPlanSelector: FunctionComponent<Props>;
9
12
  export {};
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@emotion/styled/base"),c=require("react/jsx-runtime"),l=require("react"),t=require("../modals/styledModal.js"),a=require("./SubscriptionPlan.js");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}const i=s(e).default("div","production"===process.env.NODE_ENV?{target:"e1s1pw0f0"}:{target:"e1s1pw0f0",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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlN1YnNjcmlwdGlvblBsYW5TZWxlY3Rvci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBSytCIiwiZmlsZSI6IlN1YnNjcmlwdGlvblBsYW5TZWxlY3Rvci50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBqc3ggYXMgX2pzeCB9IGZyb20gXCJyZWFjdC9qc3gtcnVudGltZVwiO1xyXG5pbXBvcnQgeyBjcmVhdGVFbGVtZW50IGFzIF9jcmVhdGVFbGVtZW50IH0gZnJvbSBcInJlYWN0XCI7XHJcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcclxuaW1wb3J0IHsgU3R5bGVkTW9kYWwgfSBmcm9tIFwiLi4vbW9kYWxzXCI7XHJcbmltcG9ydCB7IFN1YnNjcmlwdGlvblBsYW4sIH0gZnJvbSBcIi4vU3Vic2NyaXB0aW9uUGxhblwiO1xyXG5jb25zdCBQbGFuV3JhcHBlciA9IHN0eWxlZC5kaXYgYFxuXHRkaXNwbGF5OiBmbGV4O1xuXHRjb2x1bW4tZ2FwOiAyMnB4O1xuXHRhbGlnbi1pdGVtczogc3RyZXRjaDtcblx0cGFkZGluZzogMjRweDtcbmA7XHJcbi8vIFNlbGVjdGVkIHBsYW4gdG8gaGF2ZSBjaG9zZW4gcGxhbiBub3Qgc2VsZWN0YWJsZVxyXG5leHBvcnQgY29uc3QgU3Vic2NyaXB0aW9uUGxhblNlbGVjdG9yID0gKHByb3BzKSA9PiB7XHJcbiAgICByZXR1cm4gKF9qc3goU3R5bGVkTW9kYWwsIE9iamVjdC5hc3NpZ24oeyBjZW50cmFsQ29udGFpbmVyU3R5bGVzOiB7XHJcbiAgICAgICAgICAgIHdpZHRoOiAxMDAwLFxyXG4gICAgICAgIH0sIG9wZW46IHRydWUsIGhlYWRpbmdUaXRsZTogJ1NlbGVjdCBhIHBsYW4gdG8gcHJvY2VlZCcsIGhlYWRpbmdTdWJ0aXRsZTogJ0FsbCBwbGFucyBoYXZlIDE0IGRheSBmcmVlIHRyaWFsLiBZb3UgY2FuIGNoYW5nZSBwbGFucyBsYXRlciBhcyB3ZWxsJywgY2xvc2VPbk91dHNpZGVDbGljazogdHJ1ZSwgb25DbG9zZTogcHJvcHMub25DbG9zZSB9LCB7IGNoaWxkcmVuOiBfanN4KFBsYW5XcmFwcGVyLCB7IGNoaWxkcmVuOiBwcm9wcy5wbGFucy5tYXAoKHByb3ApID0+IHtcclxuICAgICAgICAgICAgICAgIHJldHVybiAoX2NyZWF0ZUVsZW1lbnQoU3Vic2NyaXB0aW9uUGxhbiwgT2JqZWN0LmFzc2lnbih7fSwgcHJvcCwgeyBvblBsYW5TZWxlY3Q6IHByb3BzLm9uUGxhblNlbGVjdCwga2V5OiBwcm9wLnBsYW5OYW1lLCBzaG93TW9udGhseTogdHJ1ZSB9KSkpO1xyXG4gICAgICAgICAgICB9KSB9KSB9KSkpO1xyXG59O1xyXG4vLyMgc291cmNlTWFwcGluZ1VSTD1TdWJzY3JpcHRpb25QbGFuU2VsZWN0b3IuanMubWFwIl19 */",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)."}});exports.SubscriptionPlanSelector=e=>c.jsx(t.StyledModal,Object.assign({centralContainerStyles:{width:1e3},open:!0,headingTitle:"Select a plan to proceed",headingSubtitle:"All plans have 14 day free trial. You can change plans later as well",closeOnOutsideClick:!0,onClose:e.onClose},{children:c.jsx(i,{children:e.plans.map((c=>l.createElement(a.SubscriptionPlan,Object.assign({},c,{onPlanSelect:e.onPlanSelect,key:c.planName,showMonthly:!0}))))})}));
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var c=require("@emotion/styled/base"),l=require("react"),b=require("react/jsx-runtime"),e=require("../modals/styledModal.js"),I=require("./SubscriptionPlan.js"),d=require("../../constants/Theme.js");function i(c){return c&&"object"==typeof c&&"default"in c?c:{default:c}}var t=i(c);const s=t.default("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+IHtcclxuICAgIHJldHVybiAoX2pzeHMoU3R5bGVkTW9kYWwsIE9iamVjdC5hc3NpZ24oeyBjZW50cmFsQ29udGFpbmVyU3R5bGVzOiB7XHJcbiAgICAgICAgICAgIHdpZHRoOiAxMDAwLFxyXG4gICAgICAgIH0sIG9wZW46IHRydWUsIGhlYWRpbmdUaXRsZTogJ1NlbGVjdCBhIHBsYW4gdG8gcHJvY2VlZCcsIGhlYWRpbmdTdWJ0aXRsZTogcHJvcHMuc3ViSGVhZGVyIHx8ICcnLCBjbG9zZU9uT3V0c2lkZUNsaWNrOiB0cnVlLCBvbkNsb3NlOiBwcm9wcy5vbkNsb3NlIH0sIHsgY2hpbGRyZW46IFtwcm9wcy53YXJuaW5nRGVzY3JpcHRpb24gJiYgKF9qc3goV2FybmluZywgeyBjaGlsZHJlbjogcHJvcHMud2FybmluZ0Rlc2NyaXB0aW9uIH0pKSwgX2pzeChQbGFuV3JhcHBlciwgeyBjaGlsZHJlbjogcHJvcHMucGxhbnMubWFwKChwcm9wKSA9PiB7XHJcbiAgICAgICAgICAgICAgICAgICAgcmV0dXJuIChfY3JlYXRlRWxlbWVudChTdWJzY3JpcHRpb25QbGFuLCBPYmplY3QuYXNzaWduKHt9LCBwcm9wLCB7IG9uUGxhblNlbGVjdDogcHJvcHMub25QbGFuU2VsZWN0LCBrZXk6IHByb3AucGxhbk5hbWUsIHNob3dNb250aGx5OiB0cnVlIH0pKSk7XHJcbiAgICAgICAgICAgICAgICB9KSB9KV0gfSkpKTtcclxufTtcclxuLy8jIHNvdXJjZU1hcHBpbmdVUkw9U3Vic2NyaXB0aW9uUGxhblNlbGVjdG9yLmpzLm1hcCJdfQ== */",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)."}}),g=t.default("div","production"===process.env.NODE_ENV?{target:"e1s1pw0f0"}:{target:"e1s1pw0f0",label:"Warning"})("color:",d.COLORS.content.negative,";padding:0px 24px;"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlN1YnNjcmlwdGlvblBsYW5TZWxlY3Rvci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBWTJCIiwiZmlsZSI6IlN1YnNjcmlwdGlvblBsYW5TZWxlY3Rvci50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjcmVhdGVFbGVtZW50IGFzIF9jcmVhdGVFbGVtZW50IH0gZnJvbSBcInJlYWN0XCI7XHJcbmltcG9ydCB7IGpzeCBhcyBfanN4LCBqc3hzIGFzIF9qc3hzIH0gZnJvbSBcInJlYWN0L2pzeC1ydW50aW1lXCI7XHJcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcclxuaW1wb3J0IHsgU3R5bGVkTW9kYWwgfSBmcm9tIFwiLi4vbW9kYWxzXCI7XHJcbmltcG9ydCB7IFN1YnNjcmlwdGlvblBsYW4sIH0gZnJvbSBcIi4vU3Vic2NyaXB0aW9uUGxhblwiO1xyXG5pbXBvcnQgeyBDT0xPUlMgfSBmcm9tIFwiLi4vLi4vY29uc3RhbnRzL1RoZW1lXCI7XHJcbmNvbnN0IFBsYW5XcmFwcGVyID0gc3R5bGVkLmRpdiBgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGNvbHVtbi1nYXA6IDIycHg7XG5cdGFsaWduLWl0ZW1zOiBzdHJldGNoO1xuXHRwYWRkaW5nOiAyNHB4O1xuYDtcclxuY29uc3QgV2FybmluZyA9IHN0eWxlZC5kaXYgYFxuXHRjb2xvcjogJHtDT0xPUlMuY29udGVudC5uZWdhdGl2ZX07XG5cdHBhZGRpbmc6IDBweCAyNHB4O1xuYDtcclxuLy8gU2VsZWN0ZWQgcGxhbiB0byBoYXZlIGNob3NlbiBwbGFuIG5vdCBzZWxlY3RhYmxlXHJcbmV4cG9ydCBjb25zdCBTdWJzY3JpcHRpb25QbGFuU2VsZWN0b3IgPSAocHJvcHMpID0+IHtcclxuICAgIHJldHVybiAoX2pzeHMoU3R5bGVkTW9kYWwsIE9iamVjdC5hc3NpZ24oeyBjZW50cmFsQ29udGFpbmVyU3R5bGVzOiB7XHJcbiAgICAgICAgICAgIHdpZHRoOiAxMDAwLFxyXG4gICAgICAgIH0sIG9wZW46IHRydWUsIGhlYWRpbmdUaXRsZTogJ1NlbGVjdCBhIHBsYW4gdG8gcHJvY2VlZCcsIGhlYWRpbmdTdWJ0aXRsZTogcHJvcHMuc3ViSGVhZGVyIHx8ICcnLCBjbG9zZU9uT3V0c2lkZUNsaWNrOiB0cnVlLCBvbkNsb3NlOiBwcm9wcy5vbkNsb3NlIH0sIHsgY2hpbGRyZW46IFtwcm9wcy53YXJuaW5nRGVzY3JpcHRpb24gJiYgKF9qc3goV2FybmluZywgeyBjaGlsZHJlbjogcHJvcHMud2FybmluZ0Rlc2NyaXB0aW9uIH0pKSwgX2pzeChQbGFuV3JhcHBlciwgeyBjaGlsZHJlbjogcHJvcHMucGxhbnMubWFwKChwcm9wKSA9PiB7XHJcbiAgICAgICAgICAgICAgICAgICAgcmV0dXJuIChfY3JlYXRlRWxlbWVudChTdWJzY3JpcHRpb25QbGFuLCBPYmplY3QuYXNzaWduKHt9LCBwcm9wLCB7IG9uUGxhblNlbGVjdDogcHJvcHMub25QbGFuU2VsZWN0LCBrZXk6IHByb3AucGxhbk5hbWUsIHNob3dNb250aGx5OiB0cnVlIH0pKSk7XHJcbiAgICAgICAgICAgICAgICB9KSB9KV0gfSkpKTtcclxufTtcclxuLy8jIHNvdXJjZU1hcHBpbmdVUkw9U3Vic2NyaXB0aW9uUGxhblNlbGVjdG9yLmpzLm1hcCJdfQ== */"));exports.SubscriptionPlanSelector=c=>b.jsxs(e.StyledModal,Object.assign({centralContainerStyles:{width:1e3},open:!0,headingTitle:"Select a plan to proceed",headingSubtitle:c.subHeader||"",closeOnOutsideClick:!0,onClose:c.onClose},{children:[c.warningDescription&&b.jsx(g,{children:c.warningDescription}),b.jsx(s,{children:c.plans.map((b=>l.createElement(I.SubscriptionPlan,Object.assign({},b,{onPlanSelect:c.onPlanSelect,key:b.planName,showMonthly:!0}))))})]}));
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var c=require("@emotion/styled/base"),l=require("../../constants/Theme.js");function t(c){return c&&"object"==typeof c&&"default"in c?c:{default:c}}const b=t(c).default("div","production"===process.env.NODE_ENV?{target:"e4062250"}:{target:"e4062250",label:"SubscriptionPlanStyled"})(".box{height:400px;padding:24px;background-color:",l.COLORS.surface.standard,";display:flex;flex-direction:column;.button-box{margin-top:auto;display:flex;}}.box.selected{background-color:",l.COLORS.background.brandLight,";}box-shadow:0 2px 8px rgba(0, 0, 0, 0.12);border-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:",l.COLORS.surface.standard,";}}.trial{margin-top:16px;margin-bottom:8px;padding:4px 8px;color:",l.COLORS.content.secondary,";background-color:",l.COLORS.surface.hovered,";}.trial.selected{background-color:",l.COLORS.surface.standard,";}.feature{display:flex;align-items:center;margin-top:12px;.feature-text{margin-left:12px;color:",l.COLORS.content.secondary,";}}.price-block{display:flex;margin-bottom:4px;align-items:center;}.per-message-price{display:flex;}.disabled{*{color:",l.COLORS.content.inactive,"!important;}}"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlN1YnNjcmlwdGlvblBsYW5TdHlsZWQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUVpRCIsImZpbGUiOiJTdWJzY3JpcHRpb25QbGFuU3R5bGVkLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcclxuaW1wb3J0IHsgQ09MT1JTIH0gZnJvbSBcIi4uLy4uL2NvbnN0YW50cy9UaGVtZVwiO1xyXG5leHBvcnQgY29uc3QgU3Vic2NyaXB0aW9uUGxhblN0eWxlZCA9IHN0eWxlZC5kaXYgYFxuXHQuYm94IHtcblx0XHRoZWlnaHQ6IDQwMHB4O1xuXHRcdHBhZGRpbmc6IDI0cHg7XG5cdFx0YmFja2dyb3VuZC1jb2xvcjogJHtDT0xPUlMuc3VyZmFjZS5zdGFuZGFyZH07XG5cdFx0ZGlzcGxheTogZmxleDtcblx0XHRmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuXG5cdFx0LmJ1dHRvbi1ib3gge1xuXHRcdFx0bWFyZ2luLXRvcDogYXV0bztcblx0XHRcdGRpc3BsYXk6IGZsZXg7XG5cdFx0fVxuXHR9XG5cblx0LmJveC5zZWxlY3RlZCB7XG5cdFx0YmFja2dyb3VuZC1jb2xvcjogJHtDT0xPUlMuYmFja2dyb3VuZC5icmFuZExpZ2h0fTtcblx0fVxuXG5cdGJveC1zaGFkb3c6IDAgMnB4IDhweCByZ2JhKDAsIDAsIDAsIDAuMTIpO1xuXHRib3JkZXItcmFkaXVzOiA0cHg7XG5cdHdpZHRoOiAxMDAlO1xuXG5cdC5tb3N0LXBvcHVsYXIge1xuXHRcdGJhY2tncm91bmQ6IGxpbmVhci1ncmFkaWVudCg5MC4wNWRlZywgIzc0Mzk3OSAxLjIyJSwgIzUyNmRjYSA5OS45NSUpLFxuXHRcdFx0IzRiMTU4Mztcblx0XHRwYWRkaW5nOiA0cHg7XG5cdFx0Ym9yZGVyLXRvcC1sZWZ0LXJhZGl1czogNHB4O1xuXHRcdGJvcmRlci10b3AtcmlnaHQtcmFkaXVzOiA0cHg7XG5cdFx0ZGlzcGxheTogZmxleDtcblx0XHRqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcblx0XHRhbGlnbi1pdGVtczogY2VudGVyO1xuXG5cdFx0LnRleHQge1xuXHRcdFx0Y29sb3I6ICR7Q09MT1JTLnN1cmZhY2Uuc3RhbmRhcmR9O1xuXHRcdH1cblx0fVxuXG5cdC50cmlhbCB7XG5cdFx0bWFyZ2luLXRvcDogMTZweDtcblx0XHRtYXJnaW4tYm90dG9tOiA4cHg7XG5cdFx0cGFkZGluZzogNHB4IDhweDtcblx0XHRjb2xvcjogJHtDT0xPUlMuY29udGVudC5zZWNvbmRhcnl9O1xuXHRcdGJhY2tncm91bmQtY29sb3I6ICR7Q09MT1JTLnN1cmZhY2UuaG92ZXJlZH07XG5cdH1cblxuXHQudHJpYWwuc2VsZWN0ZWQge1xuXHRcdGJhY2tncm91bmQtY29sb3I6ICR7Q09MT1JTLnN1cmZhY2Uuc3RhbmRhcmR9O1xuXHR9XG5cblx0LmZlYXR1cmUge1xuXHRcdGRpc3BsYXk6IGZsZXg7XG5cdFx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblxuXHRcdC5mZWF0dXJlLXRleHQge1xuXHRcdFx0bWFyZ2luLWxlZnQ6IDEycHg7XG5cdFx0XHRjb2xvcjogJHtDT0xPUlMuY29udGVudC5zZWNvbmRhcnl9O1xuXHRcdH1cblx0XHRtYXJnaW4tdG9wOiAxMnB4O1xuXHR9XG5cblx0LnByaWNlLWJsb2NrIHtcblx0XHRkaXNwbGF5OiBmbGV4O1xuXHRcdG1hcmdpbi1ib3R0b206IDRweDtcblx0XHRhbGlnbi1pdGVtczogY2VudGVyO1xuXHR9XG5cblx0LnBlci1tZXNzYWdlLXByaWNlIHtcblx0XHRkaXNwbGF5OiBmbGV4O1xuXHR9XG5cblx0LmRpc2FibGVkIHtcblx0XHQqIHtcblx0XHRcdGNvbG9yOiAke0NPTE9SUy5jb250ZW50LmluYWN0aXZlfSAhaW1wb3J0YW50O1xuXHRcdH1cblx0fVxuYDtcclxuLy8jIHNvdXJjZU1hcHBpbmdVUkw9U3Vic2NyaXB0aW9uUGxhblN0eWxlZC5qcy5tYXAiXX0= */"));exports.SubscriptionPlanStyled=b;
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var c=require("@emotion/styled/base"),d=require("../../constants/Theme.js");function b(c){return c&&"object"==typeof c&&"default"in c?c:{default:c}}const l=b(c).default("div","production"===process.env.NODE_ENV?{target:"e4062250"}:{target:"e4062250",label:"SubscriptionPlanStyled"})(".box{height:400px;padding:24px;background-color:",d.COLORS.surface.standard,";display:flex;flex-direction:column;.button-box{margin-top:auto;display:flex;}}.box.selected{background-color:",d.COLORS.background.brandLight,";}box-shadow:0 2px 8px rgba(0, 0, 0, 0.12);border-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.COLORS.surface.standard,";}}.trial{margin-top:16px;margin-bottom:8px;padding:4px 8px;color:",d.COLORS.content.secondary,";background-color:",d.COLORS.surface.hovered,";}.trial.selected{background-color:",d.COLORS.surface.standard,";}.feature{display:flex;align-items:center;margin-top:12px;.feature-text{margin-left:12px;color:",d.COLORS.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.COLORS.background.brandLight,";padding:4px;}.disabled{*{color:",d.COLORS.content.inactive,"!important;}}.plan-bottom-information.disabled{background:",d.COLORS.background.base,";}.plan-bottom-information.selected{background:",d.COLORS.surface.standard,";color:",d.COLORS.content.placeholder,";}"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlN1YnNjcmlwdGlvblBsYW5TdHlsZWQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUVpRCIsImZpbGUiOiJTdWJzY3JpcHRpb25QbGFuU3R5bGVkLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcclxuaW1wb3J0IHsgQ09MT1JTIH0gZnJvbSBcIi4uLy4uL2NvbnN0YW50cy9UaGVtZVwiO1xyXG5leHBvcnQgY29uc3QgU3Vic2NyaXB0aW9uUGxhblN0eWxlZCA9IHN0eWxlZC5kaXYgYFxuXHQuYm94IHtcblx0XHRoZWlnaHQ6IDQwMHB4O1xuXHRcdHBhZGRpbmc6IDI0cHg7XG5cdFx0YmFja2dyb3VuZC1jb2xvcjogJHtDT0xPUlMuc3VyZmFjZS5zdGFuZGFyZH07XG5cdFx0ZGlzcGxheTogZmxleDtcblx0XHRmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuXG5cdFx0LmJ1dHRvbi1ib3gge1xuXHRcdFx0bWFyZ2luLXRvcDogYXV0bztcblx0XHRcdGRpc3BsYXk6IGZsZXg7XG5cdFx0fVxuXHR9XG5cblx0LmJveC5zZWxlY3RlZCB7XG5cdFx0YmFja2dyb3VuZC1jb2xvcjogJHtDT0xPUlMuYmFja2dyb3VuZC5icmFuZExpZ2h0fTtcblx0fVxuXG5cdGJveC1zaGFkb3c6IDAgMnB4IDhweCByZ2JhKDAsIDAsIDAsIDAuMTIpO1xuXHRib3JkZXItcmFkaXVzOiA0cHg7XG5cdHdpZHRoOiAxMDAlO1xuXG5cdC5tb3N0LXBvcHVsYXIge1xuXHRcdGJhY2tncm91bmQ6IGxpbmVhci1ncmFkaWVudCg5MC4wNWRlZywgIzc0Mzk3OSAxLjIyJSwgIzUyNmRjYSA5OS45NSUpLFxuXHRcdFx0IzRiMTU4Mztcblx0XHRwYWRkaW5nOiA0cHg7XG5cdFx0Ym9yZGVyLXRvcC1sZWZ0LXJhZGl1czogNHB4O1xuXHRcdGJvcmRlci10b3AtcmlnaHQtcmFkaXVzOiA0cHg7XG5cdFx0ZGlzcGxheTogZmxleDtcblx0XHRqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcblx0XHRhbGlnbi1pdGVtczogY2VudGVyO1xuXG5cdFx0LnRleHQge1xuXHRcdFx0Y29sb3I6ICR7Q09MT1JTLnN1cmZhY2Uuc3RhbmRhcmR9O1xuXHRcdH1cblx0fVxuXG5cdC50cmlhbCB7XG5cdFx0bWFyZ2luLXRvcDogMTZweDtcblx0XHRtYXJnaW4tYm90dG9tOiA4cHg7XG5cdFx0cGFkZGluZzogNHB4IDhweDtcblx0XHRjb2xvcjogJHtDT0xPUlMuY29udGVudC5zZWNvbmRhcnl9O1xuXHRcdGJhY2tncm91bmQtY29sb3I6ICR7Q09MT1JTLnN1cmZhY2UuaG92ZXJlZH07XG5cdH1cblxuXHQudHJpYWwuc2VsZWN0ZWQge1xuXHRcdGJhY2tncm91bmQtY29sb3I6ICR7Q09MT1JTLnN1cmZhY2Uuc3RhbmRhcmR9O1xuXHR9XG5cblx0LmZlYXR1cmUge1xuXHRcdGRpc3BsYXk6IGZsZXg7XG5cdFx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblxuXHRcdC5mZWF0dXJlLXRleHQge1xuXHRcdFx0bWFyZ2luLWxlZnQ6IDEycHg7XG5cdFx0XHRjb2xvcjogJHtDT0xPUlMuY29udGVudC5zZWNvbmRhcnl9O1xuXHRcdH1cblxuXHRcdG1hcmdpbi10b3A6IDEycHg7XG5cdH1cblxuXHQucHJpY2UtYmxvY2sge1xuXHRcdGRpc3BsYXk6IGZsZXg7XG5cdFx0bWFyZ2luLWJvdHRvbTogNHB4O1xuXHRcdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdH1cblxuXHQucGVyLW1lc3NhZ2UtcHJpY2Uge1xuXHRcdGRpc3BsYXk6IGZsZXg7XG5cdH1cblxuXHQucGxhbi1ib3R0b20taW5mb3JtYXRpb24ge1xuXHRcdG1hcmdpbi10b3A6IGF1dG87XG5cdFx0dGV4dC1hbGlnbjogY2VudGVyO1xuXHRcdGJhY2tncm91bmQ6ICR7Q09MT1JTLmJhY2tncm91bmQuYnJhbmRMaWdodH07XG5cdFx0cGFkZGluZzogNHB4O1xuXHR9XG5cblx0LmRpc2FibGVkIHtcblx0XHQqIHtcblx0XHRcdGNvbG9yOiAke0NPTE9SUy5jb250ZW50LmluYWN0aXZlfSAhaW1wb3J0YW50O1xuXHRcdH1cblx0fVxuXG5cdC5wbGFuLWJvdHRvbS1pbmZvcm1hdGlvbi5kaXNhYmxlZCB7XG5cdFx0YmFja2dyb3VuZDogJHtDT0xPUlMuYmFja2dyb3VuZC5iYXNlfTtcblx0fVxuXG5cdC5wbGFuLWJvdHRvbS1pbmZvcm1hdGlvbi5zZWxlY3RlZCB7XG5cdFx0YmFja2dyb3VuZDogJHtDT0xPUlMuc3VyZmFjZS5zdGFuZGFyZH07XG5cdFx0Y29sb3I6ICR7Q09MT1JTLmNvbnRlbnQucGxhY2Vob2xkZXJ9O1xuXHR9XG5gO1xyXG4vLyMgc291cmNlTWFwcGluZ1VSTD1TdWJzY3JpcHRpb25QbGFuU3R5bGVkLmpzLm1hcCJdfQ== */"));exports.SubscriptionPlanStyled=l;
@@ -1 +1 @@
1
- import{jsx as o,Fragment as t}from"react/jsx-runtime";import e from"../../../assets/icons/horizontal_dots.svg.js";import n from"../../../assets/icons/vertical_dots.svg.js";import"../Dropdown.js";import{DropdownPopover as s}from"../DropdownPopover/index.js";import"react";import"../../zeroState/ZeroState.js";import"../../TypographyStyle.js";import"../../../constants/Theme.js";import"../OpenedDropdown/components/description/Description.styled.js";import"../../checkBox/CheckBox.styled.js";import"../../list-item/ListItem.js";import"../OpenedDropdown/components/menu/FreeFormMenu.styled.js";import"../OpenedDropdown/components/menu/MenuItem.js";import"../OpenedDropdown/components/menu/MenuList.styled.js";import"../OpenedDropdown/components/menu/SelectAllMenu.js";import"../../button/Button.js";import"../OpenedDropdown/components/multiSelect/MultiSelectDropdownBottomBar.styled.js";import"../OpenedDropdown/components/OpennedDropdown.styled.js";import"../../input/Input.js";import{IconButton as r}from"../../icon-button/IconButton.js";const p=p=>o(t,{children:o(s,Object.assign({},p,{children:o("div",Object.assign({style:{height:20,width:20}},{children:o(r,{Icon:p.isHorizontal?e:n,bordered:!0})}))}))});p.displayName="MenuItemDropdown";export{p as MenuItemDropdown};
1
+ import{jsx as o,Fragment as t}from"react/jsx-runtime";import e from"../../../assets/icons/horizontal_dots.svg.js";import n from"../../../assets/icons/vertical_dots.svg.js";import"../Dropdown.js";import{DropdownPopover as r}from"../DropdownPopover/index.js";import"react";import"../../zeroState/ZeroState.js";import"../../TypographyStyle.js";import"../../../constants/Theme.js";import"../OpenedDropdown/components/description/Description.styled.js";import"../../checkBox/CheckBox.styled.js";import"../../list-item/ListItem.js";import"../OpenedDropdown/components/menu/FreeFormMenu.styled.js";import"../OpenedDropdown/components/menu/MenuItem.js";import"../OpenedDropdown/components/menu/MenuList.styled.js";import"../OpenedDropdown/components/menu/SelectAllMenu.js";import"../../button/Button.js";import"../OpenedDropdown/components/multiSelect/MultiSelectDropdownBottomBar.styled.js";import"../OpenedDropdown/components/OpennedDropdown.styled.js";import"../../input/Input.js";import{IconButton as p}from"../../icon-button/IconButton.js";const s=s=>o(t,{children:o(r,Object.assign({},s,{children:o("div",{children:o(p,{Icon:s.isHorizontal?e:n,bordered:!0})})}))});s.displayName="MenuItemDropdown";export{s as MenuItemDropdown};
@@ -13,6 +13,7 @@ export interface SubscriptionPlanProps {
13
13
  isSelected?: boolean;
14
14
  planName: string;
15
15
  monthlyPlan: PlanPrice;
16
+ showTrialOptions: boolean;
16
17
  yearlyPlan: PlanPrice;
17
18
  features: PlanFeature[];
18
19
  showMonthly: boolean;
@@ -1 +1 @@
1
- import{jsxs as e,jsx as t}from"react/jsx-runtime";import s from"../../assets/icons/check.svg.js";import{Button as i}from"../button/Button.js";import{SubscriptionPlanStyled as a}from"./SubscriptionPlanStyled.js";import{Caption as n,TitleRegular as c,TitleLarge as r,BodyPrimary as l,BodyCaption as o}from"../TypographyStyle.js";import{COLORS as d}from"../../constants/Theme.js";const m=m=>{const h=m.showMonthly?m.monthlyPlan:m.yearlyPlan;return e(a,{children:[!m.isDisabled&&m.isMostPopular&&t("div",Object.assign({className:"most-popular"},{children:t(n,Object.assign({className:"text"},{children:"Most popular ⭐️"}))})),e("div",Object.assign({className:`box ${m.isSelected?"selected":""} ${m.isDisabled?"disabled":""}`},{children:[e("div",{children:[t(c,Object.assign({style:{color:d.content.secondary,marginBottom:4}},{children:m.planName})),e("div",Object.assign({className:"price-block"},{children:[e(r,Object.assign({style:{color:d.content.primary}},{children:["$ ",h.price]})),e(l,Object.assign({style:{color:d.content.secondary,marginLeft:4}},{children:["/ ",m.showMonthly?"monthly":"yearly"]}))]})),e("div",Object.assign({className:"per-message-price"},{children:[t(o,Object.assign({style:{color:d.content.secondary}},{children:m.planDescription})),t(o,Object.assign({style:{color:d.background.positive.vibrant,marginLeft:4}},{children:m.planDescriptionDiscount}))]})),e(n,Object.assign({className:"trial "+(m.isSelected?"selected":"")},{children:["7 day free trial with ",m.freeTrialMessages," messages"]})),t("div",Object.assign({className:"features"},{children:m.features.map(((i,a)=>e("div",Object.assign({className:"feature"},{children:[t(s,{height:16,width:16,color:d.content.primary}),t(l,Object.assign({className:"feature-text"},{children:i.detail}),a)]}),i.detail)))}))]}),e("div",Object.assign({className:"button-box"},{children:[m.isSelected&&t(i,{LeadingIcon:s,buttonType:"tertiary",size:"medium",matchParentWidth:!0,buttonText:"Selected Plan",disabled:!1}),m.isDisabled&&t(i,{disabled:!0,buttonType:"primary",size:"medium",matchParentWidth:!0,buttonText:"Choose plan"}),!m.isSelected&&!m.isDisabled&&t(i,{buttonType:"primary",size:"medium",onClick:()=>m.onPlanSelect(m.code),matchParentWidth:!0,buttonText:"Choose plan"})]}))]}))]})};export{m as SubscriptionPlan};
1
+ import{jsxs as e,jsx as t}from"react/jsx-runtime";import s from"../../assets/icons/check.svg.js";import{Button as i}from"../button/Button.js";import{SubscriptionPlanStyled as a}from"./SubscriptionPlanStyled.js";import{Caption as n,TitleRegular as c,TitleLarge as l,BodyPrimary as r,BodyCaption as o}from"../TypographyStyle.js";import{COLORS as d}from"../../constants/Theme.js";const m=m=>{const b=m.showMonthly?m.monthlyPlan:m.yearlyPlan,h=!m.isDisabled&&m.isMostPopular;return e(a,Object.assign({style:{marginTop:h?0:24}},{children:[h&&t("div",Object.assign({className:"most-popular"},{children:t(n,Object.assign({className:"text"},{children:"Most popular ⭐️"}))})),e("div",Object.assign({className:`box ${m.isSelected?"selected":""} ${m.isDisabled?"disabled":""}`},{children:[e("div",{children:[t(c,Object.assign({style:{color:d.content.secondary,marginBottom:4}},{children:m.planName})),e("div",Object.assign({className:"price-block"},{children:[e(l,Object.assign({style:{color:d.content.primary}},{children:["$ ",b.price]})),e(r,Object.assign({style:{color:d.content.secondary,marginLeft:4}},{children:["/ ",m.showMonthly?"monthly":"yearly"]}))]})),e("div",Object.assign({className:"per-message-price"},{children:[t(o,Object.assign({style:{color:d.content.secondary}},{children:m.planDescription})),t(o,Object.assign({style:{color:d.background.positive.vibrant,marginLeft:4}},{children:m.planDescriptionDiscount}))]})),m.showTrialOptions&&e(n,Object.assign({className:"trial "+(m.isSelected?"selected":"")},{children:["7 day free trial with ",m.freeTrialMessages," messages"]})),t("div",Object.assign({className:"features"},{children:m.features.map(((i,a)=>e("div",Object.assign({className:"feature"},{children:[t(s,{height:16,width:16,color:d.content.primary}),t(r,Object.assign({className:"feature-text"},{children:i.detail}),a)]}),i.detail)))}))]}),e("div",Object.assign({className:"button-box"},{children:[m.isSelected&&t(i,{LeadingIcon:s,buttonType:"tertiary",size:"medium",matchParentWidth:!0,buttonText:"Selected Plan",disabled:!1}),m.isDisabled&&t(i,{disabled:!0,buttonType:"primary",size:"medium",matchParentWidth:!0,buttonText:"Choose plan"}),!m.isSelected&&!m.isDisabled&&t(i,{buttonType:"primary",size:"medium",onClick:()=>m.onPlanSelect(m.code),matchParentWidth:!0,buttonText:"Choose plan"})]}))]})),t("div",Object.assign({className:`plan-bottom-information\n\t\t\t\t\t${m.isDisabled?"disabled":""}\n\t\t\t\t\t${m.isSelected?"selected":""}\n\t\t\t\t`},{children:t(n,Object.assign({className:"text"},{children:m.bottomDescription}))}))]}))};export{m as SubscriptionPlan};
@@ -4,6 +4,9 @@ type Props = {
4
4
  plans: SubscriptionPlanProps[];
5
5
  onPlanSelect: (code: string) => void;
6
6
  onClose: () => void;
7
+ subHeader?: string;
8
+ warningDescription?: string;
9
+ showTrailOptions?: boolean;
7
10
  };
8
11
  export declare const SubscriptionPlanSelector: FunctionComponent<Props>;
9
12
  export {};
@@ -1 +1 @@
1
- import c from"@emotion/styled/base";import{jsx as l}from"react/jsx-runtime";import{createElement as e}from"react";import{StyledModal as t}from"../modals/styledModal.js";import{SubscriptionPlan as a}from"./SubscriptionPlan.js";const s=c("div","production"===process.env.NODE_ENV?{target:"e1s1pw0f0"}:{target:"e1s1pw0f0",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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlN1YnNjcmlwdGlvblBsYW5TZWxlY3Rvci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBSytCIiwiZmlsZSI6IlN1YnNjcmlwdGlvblBsYW5TZWxlY3Rvci50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBqc3ggYXMgX2pzeCB9IGZyb20gXCJyZWFjdC9qc3gtcnVudGltZVwiO1xyXG5pbXBvcnQgeyBjcmVhdGVFbGVtZW50IGFzIF9jcmVhdGVFbGVtZW50IH0gZnJvbSBcInJlYWN0XCI7XHJcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcclxuaW1wb3J0IHsgU3R5bGVkTW9kYWwgfSBmcm9tIFwiLi4vbW9kYWxzXCI7XHJcbmltcG9ydCB7IFN1YnNjcmlwdGlvblBsYW4sIH0gZnJvbSBcIi4vU3Vic2NyaXB0aW9uUGxhblwiO1xyXG5jb25zdCBQbGFuV3JhcHBlciA9IHN0eWxlZC5kaXYgYFxuXHRkaXNwbGF5OiBmbGV4O1xuXHRjb2x1bW4tZ2FwOiAyMnB4O1xuXHRhbGlnbi1pdGVtczogc3RyZXRjaDtcblx0cGFkZGluZzogMjRweDtcbmA7XHJcbi8vIFNlbGVjdGVkIHBsYW4gdG8gaGF2ZSBjaG9zZW4gcGxhbiBub3Qgc2VsZWN0YWJsZVxyXG5leHBvcnQgY29uc3QgU3Vic2NyaXB0aW9uUGxhblNlbGVjdG9yID0gKHByb3BzKSA9PiB7XHJcbiAgICByZXR1cm4gKF9qc3goU3R5bGVkTW9kYWwsIE9iamVjdC5hc3NpZ24oeyBjZW50cmFsQ29udGFpbmVyU3R5bGVzOiB7XHJcbiAgICAgICAgICAgIHdpZHRoOiAxMDAwLFxyXG4gICAgICAgIH0sIG9wZW46IHRydWUsIGhlYWRpbmdUaXRsZTogJ1NlbGVjdCBhIHBsYW4gdG8gcHJvY2VlZCcsIGhlYWRpbmdTdWJ0aXRsZTogJ0FsbCBwbGFucyBoYXZlIDE0IGRheSBmcmVlIHRyaWFsLiBZb3UgY2FuIGNoYW5nZSBwbGFucyBsYXRlciBhcyB3ZWxsJywgY2xvc2VPbk91dHNpZGVDbGljazogdHJ1ZSwgb25DbG9zZTogcHJvcHMub25DbG9zZSB9LCB7IGNoaWxkcmVuOiBfanN4KFBsYW5XcmFwcGVyLCB7IGNoaWxkcmVuOiBwcm9wcy5wbGFucy5tYXAoKHByb3ApID0+IHtcclxuICAgICAgICAgICAgICAgIHJldHVybiAoX2NyZWF0ZUVsZW1lbnQoU3Vic2NyaXB0aW9uUGxhbiwgT2JqZWN0LmFzc2lnbih7fSwgcHJvcCwgeyBvblBsYW5TZWxlY3Q6IHByb3BzLm9uUGxhblNlbGVjdCwga2V5OiBwcm9wLnBsYW5OYW1lLCBzaG93TW9udGhseTogdHJ1ZSB9KSkpO1xyXG4gICAgICAgICAgICB9KSB9KSB9KSkpO1xyXG59O1xyXG4vLyMgc291cmNlTWFwcGluZ1VSTD1TdWJzY3JpcHRpb25QbGFuU2VsZWN0b3IuanMubWFwIl19 */",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)."}}),b=c=>l(t,Object.assign({centralContainerStyles:{width:1e3},open:!0,headingTitle:"Select a plan to proceed",headingSubtitle:"All plans have 14 day free trial. You can change plans later as well",closeOnOutsideClick:!0,onClose:c.onClose},{children:l(s,{children:c.plans.map((l=>e(a,Object.assign({},l,{onPlanSelect:c.onPlanSelect,key:l.planName,showMonthly:!0}))))})}));export{b as SubscriptionPlanSelector};
1
+ import c from"@emotion/styled/base";import{createElement as l}from"react";import{jsxs as b,jsx as I}from"react/jsx-runtime";import{StyledModal as d}from"../modals/styledModal.js";import{SubscriptionPlan as g}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+IHtcclxuICAgIHJldHVybiAoX2pzeHMoU3R5bGVkTW9kYWwsIE9iamVjdC5hc3NpZ24oeyBjZW50cmFsQ29udGFpbmVyU3R5bGVzOiB7XHJcbiAgICAgICAgICAgIHdpZHRoOiAxMDAwLFxyXG4gICAgICAgIH0sIG9wZW46IHRydWUsIGhlYWRpbmdUaXRsZTogJ1NlbGVjdCBhIHBsYW4gdG8gcHJvY2VlZCcsIGhlYWRpbmdTdWJ0aXRsZTogcHJvcHMuc3ViSGVhZGVyIHx8ICcnLCBjbG9zZU9uT3V0c2lkZUNsaWNrOiB0cnVlLCBvbkNsb3NlOiBwcm9wcy5vbkNsb3NlIH0sIHsgY2hpbGRyZW46IFtwcm9wcy53YXJuaW5nRGVzY3JpcHRpb24gJiYgKF9qc3goV2FybmluZywgeyBjaGlsZHJlbjogcHJvcHMud2FybmluZ0Rlc2NyaXB0aW9uIH0pKSwgX2pzeChQbGFuV3JhcHBlciwgeyBjaGlsZHJlbjogcHJvcHMucGxhbnMubWFwKChwcm9wKSA9PiB7XHJcbiAgICAgICAgICAgICAgICAgICAgcmV0dXJuIChfY3JlYXRlRWxlbWVudChTdWJzY3JpcHRpb25QbGFuLCBPYmplY3QuYXNzaWduKHt9LCBwcm9wLCB7IG9uUGxhblNlbGVjdDogcHJvcHMub25QbGFuU2VsZWN0LCBrZXk6IHByb3AucGxhbk5hbWUsIHNob3dNb250aGx5OiB0cnVlIH0pKSk7XHJcbiAgICAgICAgICAgICAgICB9KSB9KV0gfSkpKTtcclxufTtcclxuLy8jIHNvdXJjZU1hcHBpbmdVUkw9U3Vic2NyaXB0aW9uUGxhblNlbGVjdG9yLmpzLm1hcCJdfQ== */",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+IHtcclxuICAgIHJldHVybiAoX2pzeHMoU3R5bGVkTW9kYWwsIE9iamVjdC5hc3NpZ24oeyBjZW50cmFsQ29udGFpbmVyU3R5bGVzOiB7XHJcbiAgICAgICAgICAgIHdpZHRoOiAxMDAwLFxyXG4gICAgICAgIH0sIG9wZW46IHRydWUsIGhlYWRpbmdUaXRsZTogJ1NlbGVjdCBhIHBsYW4gdG8gcHJvY2VlZCcsIGhlYWRpbmdTdWJ0aXRsZTogcHJvcHMuc3ViSGVhZGVyIHx8ICcnLCBjbG9zZU9uT3V0c2lkZUNsaWNrOiB0cnVlLCBvbkNsb3NlOiBwcm9wcy5vbkNsb3NlIH0sIHsgY2hpbGRyZW46IFtwcm9wcy53YXJuaW5nRGVzY3JpcHRpb24gJiYgKF9qc3goV2FybmluZywgeyBjaGlsZHJlbjogcHJvcHMud2FybmluZ0Rlc2NyaXB0aW9uIH0pKSwgX2pzeChQbGFuV3JhcHBlciwgeyBjaGlsZHJlbjogcHJvcHMucGxhbnMubWFwKChwcm9wKSA9PiB7XHJcbiAgICAgICAgICAgICAgICAgICAgcmV0dXJuIChfY3JlYXRlRWxlbWVudChTdWJzY3JpcHRpb25QbGFuLCBPYmplY3QuYXNzaWduKHt9LCBwcm9wLCB7IG9uUGxhblNlbGVjdDogcHJvcHMub25QbGFuU2VsZWN0LCBrZXk6IHByb3AucGxhbk5hbWUsIHNob3dNb250aGx5OiB0cnVlIH0pKSk7XHJcbiAgICAgICAgICAgICAgICB9KSB9KV0gfSkpKTtcclxufTtcclxuLy8jIHNvdXJjZU1hcHBpbmdVUkw9U3Vic2NyaXB0aW9uUGxhblNlbGVjdG9yLmpzLm1hcCJdfQ== */")),t=c=>b(d,Object.assign({centralContainerStyles:{width:1e3},open:!0,headingTitle:"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((b=>l(g,Object.assign({},b,{onPlanSelect:c.onPlanSelect,key:b.planName,showMonthly:!0}))))})]}));export{t as SubscriptionPlanSelector};
@@ -1 +1 @@
1
- import c from"@emotion/styled/base";import{COLORS as l}from"../../constants/Theme.js";const b=c("div","production"===process.env.NODE_ENV?{target:"e4062250"}:{target:"e4062250",label:"SubscriptionPlanStyled"})(".box{height:400px;padding:24px;background-color:",l.surface.standard,";display:flex;flex-direction:column;.button-box{margin-top:auto;display:flex;}}.box.selected{background-color:",l.background.brandLight,";}box-shadow:0 2px 8px rgba(0, 0, 0, 0.12);border-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:",l.surface.standard,";}}.trial{margin-top:16px;margin-bottom:8px;padding:4px 8px;color:",l.content.secondary,";background-color:",l.surface.hovered,";}.trial.selected{background-color:",l.surface.standard,";}.feature{display:flex;align-items:center;margin-top:12px;.feature-text{margin-left:12px;color:",l.content.secondary,";}}.price-block{display:flex;margin-bottom:4px;align-items:center;}.per-message-price{display:flex;}.disabled{*{color:",l.content.inactive,"!important;}}"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlN1YnNjcmlwdGlvblBsYW5TdHlsZWQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUVpRCIsImZpbGUiOiJTdWJzY3JpcHRpb25QbGFuU3R5bGVkLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcclxuaW1wb3J0IHsgQ09MT1JTIH0gZnJvbSBcIi4uLy4uL2NvbnN0YW50cy9UaGVtZVwiO1xyXG5leHBvcnQgY29uc3QgU3Vic2NyaXB0aW9uUGxhblN0eWxlZCA9IHN0eWxlZC5kaXYgYFxuXHQuYm94IHtcblx0XHRoZWlnaHQ6IDQwMHB4O1xuXHRcdHBhZGRpbmc6IDI0cHg7XG5cdFx0YmFja2dyb3VuZC1jb2xvcjogJHtDT0xPUlMuc3VyZmFjZS5zdGFuZGFyZH07XG5cdFx0ZGlzcGxheTogZmxleDtcblx0XHRmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuXG5cdFx0LmJ1dHRvbi1ib3gge1xuXHRcdFx0bWFyZ2luLXRvcDogYXV0bztcblx0XHRcdGRpc3BsYXk6IGZsZXg7XG5cdFx0fVxuXHR9XG5cblx0LmJveC5zZWxlY3RlZCB7XG5cdFx0YmFja2dyb3VuZC1jb2xvcjogJHtDT0xPUlMuYmFja2dyb3VuZC5icmFuZExpZ2h0fTtcblx0fVxuXG5cdGJveC1zaGFkb3c6IDAgMnB4IDhweCByZ2JhKDAsIDAsIDAsIDAuMTIpO1xuXHRib3JkZXItcmFkaXVzOiA0cHg7XG5cdHdpZHRoOiAxMDAlO1xuXG5cdC5tb3N0LXBvcHVsYXIge1xuXHRcdGJhY2tncm91bmQ6IGxpbmVhci1ncmFkaWVudCg5MC4wNWRlZywgIzc0Mzk3OSAxLjIyJSwgIzUyNmRjYSA5OS45NSUpLFxuXHRcdFx0IzRiMTU4Mztcblx0XHRwYWRkaW5nOiA0cHg7XG5cdFx0Ym9yZGVyLXRvcC1sZWZ0LXJhZGl1czogNHB4O1xuXHRcdGJvcmRlci10b3AtcmlnaHQtcmFkaXVzOiA0cHg7XG5cdFx0ZGlzcGxheTogZmxleDtcblx0XHRqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcblx0XHRhbGlnbi1pdGVtczogY2VudGVyO1xuXG5cdFx0LnRleHQge1xuXHRcdFx0Y29sb3I6ICR7Q09MT1JTLnN1cmZhY2Uuc3RhbmRhcmR9O1xuXHRcdH1cblx0fVxuXG5cdC50cmlhbCB7XG5cdFx0bWFyZ2luLXRvcDogMTZweDtcblx0XHRtYXJnaW4tYm90dG9tOiA4cHg7XG5cdFx0cGFkZGluZzogNHB4IDhweDtcblx0XHRjb2xvcjogJHtDT0xPUlMuY29udGVudC5zZWNvbmRhcnl9O1xuXHRcdGJhY2tncm91bmQtY29sb3I6ICR7Q09MT1JTLnN1cmZhY2UuaG92ZXJlZH07XG5cdH1cblxuXHQudHJpYWwuc2VsZWN0ZWQge1xuXHRcdGJhY2tncm91bmQtY29sb3I6ICR7Q09MT1JTLnN1cmZhY2Uuc3RhbmRhcmR9O1xuXHR9XG5cblx0LmZlYXR1cmUge1xuXHRcdGRpc3BsYXk6IGZsZXg7XG5cdFx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblxuXHRcdC5mZWF0dXJlLXRleHQge1xuXHRcdFx0bWFyZ2luLWxlZnQ6IDEycHg7XG5cdFx0XHRjb2xvcjogJHtDT0xPUlMuY29udGVudC5zZWNvbmRhcnl9O1xuXHRcdH1cblx0XHRtYXJnaW4tdG9wOiAxMnB4O1xuXHR9XG5cblx0LnByaWNlLWJsb2NrIHtcblx0XHRkaXNwbGF5OiBmbGV4O1xuXHRcdG1hcmdpbi1ib3R0b206IDRweDtcblx0XHRhbGlnbi1pdGVtczogY2VudGVyO1xuXHR9XG5cblx0LnBlci1tZXNzYWdlLXByaWNlIHtcblx0XHRkaXNwbGF5OiBmbGV4O1xuXHR9XG5cblx0LmRpc2FibGVkIHtcblx0XHQqIHtcblx0XHRcdGNvbG9yOiAke0NPTE9SUy5jb250ZW50LmluYWN0aXZlfSAhaW1wb3J0YW50O1xuXHRcdH1cblx0fVxuYDtcclxuLy8jIHNvdXJjZU1hcHBpbmdVUkw9U3Vic2NyaXB0aW9uUGxhblN0eWxlZC5qcy5tYXAiXX0= */"));export{b as SubscriptionPlanStyled};
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"})(".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,";}box-shadow:0 2px 8px rgba(0, 0, 0, 0.12);border-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:8px;padding:4px 8px;color:",d.content.secondary,";background-color:",d.surface.hovered,";}.trial.selected{background-color:",d.surface.standard,";}.feature{display:flex;align-items:center;margin-top:12px;.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;}.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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlN1YnNjcmlwdGlvblBsYW5TdHlsZWQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUVpRCIsImZpbGUiOiJTdWJzY3JpcHRpb25QbGFuU3R5bGVkLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcclxuaW1wb3J0IHsgQ09MT1JTIH0gZnJvbSBcIi4uLy4uL2NvbnN0YW50cy9UaGVtZVwiO1xyXG5leHBvcnQgY29uc3QgU3Vic2NyaXB0aW9uUGxhblN0eWxlZCA9IHN0eWxlZC5kaXYgYFxuXHQuYm94IHtcblx0XHRoZWlnaHQ6IDQwMHB4O1xuXHRcdHBhZGRpbmc6IDI0cHg7XG5cdFx0YmFja2dyb3VuZC1jb2xvcjogJHtDT0xPUlMuc3VyZmFjZS5zdGFuZGFyZH07XG5cdFx0ZGlzcGxheTogZmxleDtcblx0XHRmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuXG5cdFx0LmJ1dHRvbi1ib3gge1xuXHRcdFx0bWFyZ2luLXRvcDogYXV0bztcblx0XHRcdGRpc3BsYXk6IGZsZXg7XG5cdFx0fVxuXHR9XG5cblx0LmJveC5zZWxlY3RlZCB7XG5cdFx0YmFja2dyb3VuZC1jb2xvcjogJHtDT0xPUlMuYmFja2dyb3VuZC5icmFuZExpZ2h0fTtcblx0fVxuXG5cdGJveC1zaGFkb3c6IDAgMnB4IDhweCByZ2JhKDAsIDAsIDAsIDAuMTIpO1xuXHRib3JkZXItcmFkaXVzOiA0cHg7XG5cdHdpZHRoOiAxMDAlO1xuXG5cdC5tb3N0LXBvcHVsYXIge1xuXHRcdGJhY2tncm91bmQ6IGxpbmVhci1ncmFkaWVudCg5MC4wNWRlZywgIzc0Mzk3OSAxLjIyJSwgIzUyNmRjYSA5OS45NSUpLFxuXHRcdFx0IzRiMTU4Mztcblx0XHRwYWRkaW5nOiA0cHg7XG5cdFx0Ym9yZGVyLXRvcC1sZWZ0LXJhZGl1czogNHB4O1xuXHRcdGJvcmRlci10b3AtcmlnaHQtcmFkaXVzOiA0cHg7XG5cdFx0ZGlzcGxheTogZmxleDtcblx0XHRqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcblx0XHRhbGlnbi1pdGVtczogY2VudGVyO1xuXG5cdFx0LnRleHQge1xuXHRcdFx0Y29sb3I6ICR7Q09MT1JTLnN1cmZhY2Uuc3RhbmRhcmR9O1xuXHRcdH1cblx0fVxuXG5cdC50cmlhbCB7XG5cdFx0bWFyZ2luLXRvcDogMTZweDtcblx0XHRtYXJnaW4tYm90dG9tOiA4cHg7XG5cdFx0cGFkZGluZzogNHB4IDhweDtcblx0XHRjb2xvcjogJHtDT0xPUlMuY29udGVudC5zZWNvbmRhcnl9O1xuXHRcdGJhY2tncm91bmQtY29sb3I6ICR7Q09MT1JTLnN1cmZhY2UuaG92ZXJlZH07XG5cdH1cblxuXHQudHJpYWwuc2VsZWN0ZWQge1xuXHRcdGJhY2tncm91bmQtY29sb3I6ICR7Q09MT1JTLnN1cmZhY2Uuc3RhbmRhcmR9O1xuXHR9XG5cblx0LmZlYXR1cmUge1xuXHRcdGRpc3BsYXk6IGZsZXg7XG5cdFx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblxuXHRcdC5mZWF0dXJlLXRleHQge1xuXHRcdFx0bWFyZ2luLWxlZnQ6IDEycHg7XG5cdFx0XHRjb2xvcjogJHtDT0xPUlMuY29udGVudC5zZWNvbmRhcnl9O1xuXHRcdH1cblxuXHRcdG1hcmdpbi10b3A6IDEycHg7XG5cdH1cblxuXHQucHJpY2UtYmxvY2sge1xuXHRcdGRpc3BsYXk6IGZsZXg7XG5cdFx0bWFyZ2luLWJvdHRvbTogNHB4O1xuXHRcdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdH1cblxuXHQucGVyLW1lc3NhZ2UtcHJpY2Uge1xuXHRcdGRpc3BsYXk6IGZsZXg7XG5cdH1cblxuXHQucGxhbi1ib3R0b20taW5mb3JtYXRpb24ge1xuXHRcdG1hcmdpbi10b3A6IGF1dG87XG5cdFx0dGV4dC1hbGlnbjogY2VudGVyO1xuXHRcdGJhY2tncm91bmQ6ICR7Q09MT1JTLmJhY2tncm91bmQuYnJhbmRMaWdodH07XG5cdFx0cGFkZGluZzogNHB4O1xuXHR9XG5cblx0LmRpc2FibGVkIHtcblx0XHQqIHtcblx0XHRcdGNvbG9yOiAke0NPTE9SUy5jb250ZW50LmluYWN0aXZlfSAhaW1wb3J0YW50O1xuXHRcdH1cblx0fVxuXG5cdC5wbGFuLWJvdHRvbS1pbmZvcm1hdGlvbi5kaXNhYmxlZCB7XG5cdFx0YmFja2dyb3VuZDogJHtDT0xPUlMuYmFja2dyb3VuZC5iYXNlfTtcblx0fVxuXG5cdC5wbGFuLWJvdHRvbS1pbmZvcm1hdGlvbi5zZWxlY3RlZCB7XG5cdFx0YmFja2dyb3VuZDogJHtDT0xPUlMuc3VyZmFjZS5zdGFuZGFyZH07XG5cdFx0Y29sb3I6ICR7Q09MT1JTLmNvbnRlbnQucGxhY2Vob2xkZXJ9O1xuXHR9XG5gO1xyXG4vLyMgc291cmNlTWFwcGluZ1VSTD1TdWJzY3JpcHRpb25QbGFuU3R5bGVkLmpzLm1hcCJdfQ== */"));export{b as SubscriptionPlanStyled};
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@bikdotai/bik-component-library",
3
- "version": "0.0.83",
3
+ "version": "0.0.85",
4
4
  "description": "Bik Component Library",
5
5
  "repository": {
6
6
  "type": "git",