@bikdotai/bik-component-library 0.0.735 → 0.0.736-beta.1

package/dist/cjs/components/plans/SubscriptionPlanStyled.d.ts

@@ -1,15 +1,14 @@
-/// <reference types="react" />
-export declare const SubscriptionPlanStyled: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
-} & {
-    isSelected: boolean;
-    isManifestPlan?: boolean | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const NewSubscriptionStyled: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
-} & {
-    showMostPopularChip: boolean;
-    height?: string | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const SubscriptionPlanStyled: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+} & {
+    isSelected: boolean;
+    isManifestPlan?: boolean;
+}, JSX.IntrinsicElements, {}>;
+export declare const NewSubscriptionStyled: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+} & {
+    showMostPopularChip: boolean;
+    height?: string;
+}, JSX.IntrinsicElements, {}>;

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

@@ -1 +1,266 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var c=require("@emotion/styled/base"),b=require("../../constants/Theme.js");function d(c){return c&&"object"==typeof c&&"default"in c?c:{default:c}}var l=d(c);const X=l.default("div","production"===process.env.NODE_ENV?{target:"e4062251"}:{target:"e4062251",label:"SubscriptionPlanStyled"})("position:relative;border:1px solid ",b.COLORS.stroke.primary,";border:1px solid ",(c=>c.isSelected?b.COLORS.text.altSecondary:b.COLORS.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:",b.COLORS.surface.standard,";display:flex;flex-direction:column;.button-box{margin-top:auto;display:flex;}}.box.selected{background-color:",b.COLORS.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:",b.COLORS.surface.standard,";}}.trial{margin-top:16px;margin-bottom:12px;padding:4px 8px;border-radius:4px;color:",b.COLORS.content.secondary,";background-color:",b.COLORS.surface.hovered,";}.trial.selected{background-color:",b.COLORS.surface.standard,";}.feature{display:flex;align-items:center;margin-top:4px;.feature-text{margin-left:12px;color:",b.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:",b.COLORS.background.brandLight,";padding:4px;border-bottom-left-radius:4px;border-bottom-right-radius:4px;.text{color:",b.COLORS.background.inverse,";}}.disabled{*{color:",b.COLORS.content.inactive,"!important;}}.plan-bottom-information.disabled{background:",b.COLORS.background.base,";}.plan-bottom-information.selected{background:",b.COLORS.surface.standard,";color:",b.COLORS.content.placeholder,";}.old--price{color:",b.COLORS.content.secondary,";text-decoration:line-through;margin-right:4px;}"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlN1YnNjcmlwdGlvblBsYW5TdHlsZWQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUVpRCIsImZpbGUiOiJTdWJzY3JpcHRpb25QbGFuU3R5bGVkLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcclxuaW1wb3J0IHsgQ09MT1JTIH0gZnJvbSBcIi4uLy4uL2NvbnN0YW50cy9UaGVtZVwiO1xyXG5leHBvcnQgY29uc3QgU3Vic2NyaXB0aW9uUGxhblN0eWxlZCA9IHN0eWxlZC5kaXYgYFxuXHRwb3NpdGlvbjogcmVsYXRpdmU7XG5cblx0Ym9yZGVyOiAxcHggc29saWQgJHtDT0xPUlMuc3Ryb2tlLnByaW1hcnl9O1xuXHRib3JkZXI6IDFweCBzb2xpZFxuXHRcdCR7KHByb3BzKSA9PiBwcm9wcy5pc1NlbGVjdGVkID8gQ09MT1JTLnRleHQuYWx0U2Vjb25kYXJ5IDogQ09MT1JTLnN0cm9rZS5wcmltYXJ5fTtcblxuXHRib3gtc2hhZG93OiAwcHggMnB4IDhweCByZ2JhKDAsIDAsIDAsIDAuMTIpO1xuXHRib3JkZXItcmFkaXVzOiA0cHg7XG5cblx0LmJveCB7XG5cdFx0aGVpZ2h0OiAkeyhwcm9wcykgPT4gKHByb3BzLmlzTWFuaWZlc3RQbGFuID8gJzQwMHB4JyA6ICc2MDBweCcpfTtcblx0XHRwYWRkaW5nOiAyNHB4O1xuXHRcdGJhY2tncm91bmQtY29sb3I6ICR7Q09MT1JTLnN1cmZhY2Uuc3RhbmRhcmR9O1xuXHRcdGRpc3BsYXk6IGZsZXg7XG5cdFx0ZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcblxuXHRcdC5idXR0b24tYm94IHtcblx0XHRcdG1hcmdpbi10b3A6IGF1dG87XG5cdFx0XHRkaXNwbGF5OiBmbGV4O1xuXHRcdH1cblx0fVxuXG5cdC5ib3guc2VsZWN0ZWQge1xuXHRcdGJhY2tncm91bmQtY29sb3I6ICR7Q09MT1JTLmJhY2tncm91bmQuYnJhbmRMaWdodH07XG5cdH1cblxuXHQucm91bmRlZC1jb3JuZXJzIHtcblx0XHRib3JkZXItdG9wLWxlZnQtcmFkaXVzOiA0cHg7XG5cdFx0Ym9yZGVyLXRvcC1yaWdodC1yYWRpdXM6IDRweDtcblx0fVxuXG5cdHdpZHRoOiAxMDAlO1xuXG5cdC5tb3N0LXBvcHVsYXIge1xuXHRcdGJhY2tncm91bmQ6IGxpbmVhci1ncmFkaWVudCg5MC4wNWRlZywgIzc0Mzk3OSAxLjIyJSwgIzUyNmRjYSA5OS45NSUpLFxuXHRcdFx0IzRiMTU4Mztcblx0XHRwYWRkaW5nOiA0cHg7XG5cdFx0Ym9yZGVyLXRvcC1sZWZ0LXJhZGl1czogNHB4O1xuXHRcdGJvcmRlci10b3AtcmlnaHQtcmFkaXVzOiA0cHg7XG5cdFx0ZGlzcGxheTogZmxleDtcblx0XHRqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcblx0XHRhbGlnbi1pdGVtczogY2VudGVyO1xuXG5cdFx0LnRleHQge1xuXHRcdFx0Y29sb3I6ICR7Q09MT1JTLnN1cmZhY2Uuc3RhbmRhcmR9O1xuXHRcdH1cblx0fVxuXG5cdC50cmlhbCB7XG5cdFx0bWFyZ2luLXRvcDogMTZweDtcblx0XHRtYXJnaW4tYm90dG9tOiAxMnB4O1xuXHRcdHBhZGRpbmc6IDRweCA4cHg7XG5cdFx0Ym9yZGVyLXJhZGl1czogNHB4O1xuXHRcdGNvbG9yOiAke0NPTE9SUy5jb250ZW50LnNlY29uZGFyeX07XG5cdFx0YmFja2dyb3VuZC1jb2xvcjogJHtDT0xPUlMuc3VyZmFjZS5ob3ZlcmVkfTtcblx0fVxuXG5cdC50cmlhbC5zZWxlY3RlZCB7XG5cdFx0YmFja2dyb3VuZC1jb2xvcjogJHtDT0xPUlMuc3VyZmFjZS5zdGFuZGFyZH07XG5cdH1cblxuXHQuZmVhdHVyZSB7XG5cdFx0ZGlzcGxheTogZmxleDtcblx0XHRhbGlnbi1pdGVtczogY2VudGVyO1xuXG5cdFx0LmZlYXR1cmUtdGV4dCB7XG5cdFx0XHRtYXJnaW4tbGVmdDogMTJweDtcblx0XHRcdGNvbG9yOiAke0NPTE9SUy5jb250ZW50LnNlY29uZGFyeX07XG5cdFx0fVxuXG5cdFx0bWFyZ2luLXRvcDogNHB4O1xuXHR9XG5cblx0LnByaWNlLWJsb2NrIHtcblx0XHRkaXNwbGF5OiBmbGV4O1xuXHRcdG1hcmdpbi1ib3R0b206IDRweDtcblx0XHRhbGlnbi1pdGVtczogY2VudGVyO1xuXHR9XG5cblx0LnBlci1tZXNzYWdlLXByaWNlIHtcblx0XHRkaXNwbGF5OiBmbGV4O1xuXHR9XG5cblx0LnBsYW4tYm90dG9tLWluZm9ybWF0aW9uIHtcblx0XHRtYXJnaW4tdG9wOiBhdXRvO1xuXHRcdHRleHQtYWxpZ246IGNlbnRlcjtcblx0XHRiYWNrZ3JvdW5kOiAke0NPTE9SUy5iYWNrZ3JvdW5kLmJyYW5kTGlnaHR9O1xuXHRcdHBhZGRpbmc6IDRweDtcblxuXHRcdC50ZXh0IHtcblx0XHRcdGNvbG9yOiAke0NPTE9SUy5iYWNrZ3JvdW5kLmludmVyc2V9O1xuXHRcdH1cblxuXHRcdGJvcmRlci1ib3R0b20tbGVmdC1yYWRpdXM6IDRweDtcblx0XHRib3JkZXItYm90dG9tLXJpZ2h0LXJhZGl1czogNHB4O1xuXHR9XG5cblx0LmRpc2FibGVkIHtcblx0XHQqIHtcblx0XHRcdGNvbG9yOiAke0NPTE9SUy5jb250ZW50LmluYWN0aXZlfSAhaW1wb3J0YW50O1xuXHRcdH1cblx0fVxuXG5cdC5wbGFuLWJvdHRvbS1pbmZvcm1hdGlvbi5kaXNhYmxlZCB7XG5cdFx0YmFja2dyb3VuZDogJHtDT0xPUlMuYmFja2dyb3VuZC5iYXNlfTtcblx0fVxuXG5cdC5wbGFuLWJvdHRvbS1pbmZvcm1hdGlvbi5zZWxlY3RlZCB7XG5cdFx0YmFja2dyb3VuZDogJHtDT0xPUlMuc3VyZmFjZS5zdGFuZGFyZH07XG5cdFx0Y29sb3I6ICR7Q09MT1JTLmNvbnRlbnQucGxhY2Vob2xkZXJ9O1xuXHR9XG5cdC5vbGQtLXByaWNlIHtcblx0XHRjb2xvcjogJHtDT0xPUlMuY29udGVudC5zZWNvbmRhcnl9O1xuXHRcdHRleHQtZGVjb3JhdGlvbjogbGluZS10aHJvdWdoO1xuXHRcdG1hcmdpbi1yaWdodDogNHB4O1xuXHR9XG5gO1xyXG5leHBvcnQgY29uc3QgTmV3U3Vic2NyaXB0aW9uU3R5bGVkID0gc3R5bGVkLmRpdiBgXG5cdHBvc2l0aW9uOiByZWxhdGl2ZTtcblx0Y3Vyc29yOiBwb2ludGVyO1xuXHRib3JkZXI6IDFweCBzb2xpZCAke0NPTE9SUy5zdHJva2UucHJpbWFyeX07XG5cdGJveC1zaGFkb3c6ICR7KHByb3BzKSA9PiBwcm9wcy5zaG93TW9zdFBvcHVsYXJDaGlwXHJcbiAgICA/ICcwcHggMHB4IDEycHggMHB4IHJnYmEoMTE2LCAwLCAyNTUsIDAuMjQpJ1xyXG4gICAgOiAnJ307XG5cdGJvcmRlci1yYWRpdXM6IDhweDtcblx0d2lkdGg6IDEwMDtcblxuXHQuYm94IHtcblx0XHRib3JkZXItcmFkaXVzOiA4cHg7XG5cdFx0bWluLWhlaWdodDogJHsocHJvcHMpID0+IChwcm9wcy5oZWlnaHQgPyBwcm9wcy5oZWlnaHQgOiAnNTI1cHgnKX07XG5cdFx0cGFkZGluZzogMTZweDtcblx0XHRiYWNrZ3JvdW5kLWNvbG9yOiAke0NPTE9SUy5zdXJmYWNlLnN0YW5kYXJkfTtcblx0XHRkaXNwbGF5OiBmbGV4O1xuXHRcdGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG5cdFx0Z2FwOiAxMnB4O1xuXG5cdFx0LmJ1dHRvbi1ib3gge1xuXHRcdFx0bWFyZ2luLXRvcDogYXV0bztcblx0XHRcdGRpc3BsYXk6IGZsZXg7XG5cdFx0fVxuXHR9XG5cblx0LnRyaWFsIHtcblx0XHRtYXJnaW4tdG9wOiAxNnB4O1xuXHRcdG1hcmdpbi1ib3R0b206IDEycHg7XG5cdFx0cGFkZGluZzogNHB4IDhweDtcblx0XHRib3JkZXItcmFkaXVzOiA0cHg7XG5cdFx0Y29sb3I6ICR7Q09MT1JTLmNvbnRlbnQuc2Vjb25kYXJ5fTtcblx0XHRiYWNrZ3JvdW5kLWNvbG9yOiAke0NPTE9SUy5zdXJmYWNlLmhvdmVyZWR9O1xuXHR9XG5cblx0LnRyaWFsLnNlbGVjdGVkIHtcblx0XHRiYWNrZ3JvdW5kLWNvbG9yOiAke0NPTE9SUy5zdXJmYWNlLnN0YW5kYXJkfTtcblx0fVxuXHQuZmVhdHVyZXMge1xuXHRcdGRpc3BsYXk6IGZsZXg7XG5cdFx0ZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcblx0XHRnYXA6IDJweDtcblx0fVxuXHQuZmVhdHVyZSB7XG5cdFx0ZGlzcGxheTogZmxleDtcblx0XHRhbGlnbi1pdGVtczogYmFzZWxpbmU7XG5cdFx0Z2FwOiA5cHg7XG5cdFx0anVzdGlmeS1jb250ZW50OiBmbGV4LXN0YXJ0O1xuXHRcdGZsZXgtZGlyZWN0aW9uOiByb3c7XG5cblx0XHQuZmVhdHVyZS10ZXh0IHtcblx0XHRcdGNvbG9yOiAke0NPTE9SUy5jb250ZW50LnNlY29uZGFyeX07XG5cdFx0fVxuXHR9XG5cblx0LnByaWNlLWJsb2NrIHtcblx0XHRkaXNwbGF5OiBmbGV4O1xuXHRcdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdH1cblxuXHQucGVyLW1lc3NhZ2UtcHJpY2Uge1xuXHRcdGRpc3BsYXk6IGZsZXg7XG5cdH1cblxuXHQucGxhbi1ib3R0b20taW5mb3JtYXRpb24ge1xuXHRcdG1hcmdpbi10b3A6IGF1dG87XG5cdFx0dGV4dC1hbGlnbjogY2VudGVyO1xuXHRcdGJhY2tncm91bmQ6ICR7Q09MT1JTLmJhY2tncm91bmQuYnJhbmRMaWdodH07XG5cdFx0cGFkZGluZzogNHB4O1xuXG5cdFx0LnRleHQge1xuXHRcdFx0Y29sb3I6ICR7Q09MT1JTLmJhY2tncm91bmQuaW52ZXJzZX07XG5cdFx0fVxuXG5cdFx0Ym9yZGVyLWJvdHRvbS1sZWZ0LXJhZGl1czogNHB4O1xuXHRcdGJvcmRlci1ib3R0b20tcmlnaHQtcmFkaXVzOiA0cHg7XG5cdH1cblxuXHQuZGlzYWJsZWQge1xuXHRcdCoge1xuXHRcdFx0Y29sb3I6ICR7Q09MT1JTLmNvbnRlbnQuaW5hY3RpdmV9ICFpbXBvcnRhbnQ7XG5cdFx0fVxuXHR9XG5cblx0LnBsYW4tYm90dG9tLWluZm9ybWF0aW9uLmRpc2FibGVkIHtcblx0XHRiYWNrZ3JvdW5kOiAke0NPTE9SUy5iYWNrZ3JvdW5kLmJhc2V9O1xuXHR9XG5cblx0LnBsYW4tYm90dG9tLWluZm9ybWF0aW9uLnNlbGVjdGVkIHtcblx0XHRiYWNrZ3JvdW5kOiAke0NPTE9SUy5zdXJmYWNlLnN0YW5kYXJkfTtcblx0XHRjb2xvcjogJHtDT0xPUlMuY29udGVudC5wbGFjZWhvbGRlcn07XG5cdH1cblx0Lm9sZC0tcHJpY2Uge1xuXHRcdGNvbG9yOiAke0NPTE9SUy5jb250ZW50LnNlY29uZGFyeX07XG5cdFx0dGV4dC1kZWNvcmF0aW9uOiBsaW5lLXRocm91Z2g7XG5cdFx0bWFyZ2luLXJpZ2h0OiA0cHg7XG5cdH1cblx0Lm1vc3QtcG9wdWxhci1jaGlwIHtcblx0XHRib3JkZXItcmFkaXVzOiAyNXB4IDI1cHggMHB4IDBweDtcblx0XHRiYWNrZ3JvdW5kOiBsaW5lYXItZ3JhZGllbnQoMTgwZGVnLCAjMjgwMzRlIC0wLjY1JSwgIzczMWRjZiA5OS41NSUpO1xuXHRcdHBvc2l0aW9uOiBhYnNvbHV0ZTtcblx0XHRwYWRkaW5nOiA3cHggMThweCA1cHggMThweDtcblx0XHR0b3A6IC0yOHB4O1xuXHRcdHJpZ2h0OiAxNnB4O1xuXHRcdGRpc3BsYXk6IGZsZXg7XG5cdFx0ZmxleC1kaXJlY3Rpb246IHJvdztcblx0XHRhbGlnbi1pdGVtczogY2VudGVyO1xuXHRcdGp1c3RpZnktY29udGVudDogY2VudGVyO1xuXHRcdGdhcDogNHB4O1xuXHR9XG5cdC5wb3B1bGFyLXRleHQge1xuXHRcdGNvbG9yOiAke0NPTE9SUy5zdXJmYWNlLnN1YmR1ZWR9O1xuXHRcdGZvbnQtc2l6ZTogMTAuMzQ1cHg7XG5cdH1cblx0LnJhZGlvLWZsZXgge1xuXHRcdGRpc3BsYXk6IGZsZXg7XG5cdFx0YWxpZ24taXRlbXM6IGJhc2VsaW5lO1xuXHRcdGp1c3RpZnktY29udGVudDogZmxleC1zdGFydDtcblx0XHRnYXA6IDhweDtcblx0fVxuXHQuZXh0cmEtaW5jbHVkZS1tYXJnaW4ge1xuXHRcdG1hcmdpbi10b3A6IDhweDtcblx0fVxuXHQuYnVpc25lc3MtZGVzYyB7XG5cdFx0Zm9udC1zaXplOiAxNHB4O1xuXHRcdGZvbnQtc3R5bGU6IG5vcm1hbDtcblx0XHRmb250LXdlaWdodDogNDAwO1xuXHRcdGNvbG9yOiAke0NPTE9SUy5jb250ZW50LnNlY29uZGFyeX07XG5cdH1cblx0LnBvcHVsYXItdGVzdGltb255IHtcblx0XHRkaXNwbGF5OiBmbGV4O1xuXHRcdHBhZGRpbmc6IDEycHg7XG5cdFx0YWxpZ24taXRlbXM6IGZsZXgtc3RhcnQ7XG5cdFx0Z2FwOiAxMnB4O1xuXHRcdGJvcmRlci1yYWRpdXM6IDhweDtcblx0XHRiYWNrZ3JvdW5kOiAke0NPTE9SUy5iYWNrZ3JvdW5kLmJyYW5kTGlnaHR9O1xuXHR9XG5cdC50ZXN0aW1vbnktdGV4dCB7XG5cdFx0Zm9udC1zaXplOiAxMnB4O1xuXHRcdGZvbnQtc3R5bGU6IG5vcm1hbDtcblx0XHRmb250LXdlaWdodDogNjAwO1xuXHRcdGxpbmUtaGVpZ2h0OiAxNnB4O1xuXHR9XG5cdC5yYWRpby1idXR0b24ge1xuXHRcdHdpZHRoOiAxOHB4O1xuXHRcdGhlaWdodDogMThweDtcblx0fVxuXG5cdGlucHV0W3R5cGU9J3JhZGlvJ10ge1xuXHRcdGFjY2VudC1jb2xvcjogJHtDT0xPUlMuc3Ryb2tlLnBvc2l0aXZlLnZpYnJhbnR9O1xuXHR9XG5gO1xyXG4vLyMgc291cmNlTWFwcGluZ1VSTD1TdWJzY3JpcHRpb25QbGFuU3R5bGVkLmpzLm1hcCJdfQ== */")),x=l.default("div","production"===process.env.NODE_ENV?{target:"e4062250"}:{target:"e4062250",label:"NewSubscriptionStyled"})("position:relative;cursor:pointer;border:1px solid ",b.COLORS.stroke.primary,";box-shadow:",(c=>c.showMostPopularChip?"0px 0px 12px 0px rgba(116, 0, 255, 0.24)":""),";border-radius:8px;width:100;.box{border-radius:8px;min-height:",(c=>c.height?c.height:"525px"),";padding:16px;background-color:",b.COLORS.surface.standard,";display:flex;flex-direction:column;gap:12px;.button-box{margin-top:auto;display:flex;}}.trial{margin-top:16px;margin-bottom:12px;padding:4px 8px;border-radius:4px;color:",b.COLORS.content.secondary,";background-color:",b.COLORS.surface.hovered,";}.trial.selected{background-color:",b.COLORS.surface.standard,";}.features{display:flex;flex-direction:column;gap:2px;}.feature{display:flex;align-items:baseline;gap:9px;justify-content:flex-start;flex-direction:row;.feature-text{color:",b.COLORS.content.secondary,";}}.price-block{display:flex;align-items:center;}.per-message-price{display:flex;}.plan-bottom-information{margin-top:auto;text-align:center;background:",b.COLORS.background.brandLight,";padding:4px;border-bottom-left-radius:4px;border-bottom-right-radius:4px;.text{color:",b.COLORS.background.inverse,";}}.disabled{*{color:",b.COLORS.content.inactive,"!important;}}.plan-bottom-information.disabled{background:",b.COLORS.background.base,";}.plan-bottom-information.selected{background:",b.COLORS.surface.standard,";color:",b.COLORS.content.placeholder,";}.old--price{color:",b.COLORS.content.secondary,";text-decoration:line-through;margin-right:4px;}.most-popular-chip{border-radius:25px 25px 0px 0px;background:linear-gradient(180deg, #28034e -0.65%, #731dcf 99.55%);position:absolute;padding:7px 18px 5px 18px;top:-28px;right:16px;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:4px;}.popular-text{color:",b.COLORS.surface.subdued,";font-size:10.345px;}.radio-flex{display:flex;align-items:baseline;justify-content:flex-start;gap:8px;}.extra-include-margin{margin-top:8px;}.buisness-desc{font-size:14px;font-style:normal;font-weight:400;color:",b.COLORS.content.secondary,";}.popular-testimony{display:flex;padding:12px;align-items:flex-start;gap:12px;border-radius:8px;background:",b.COLORS.background.brandLight,";}.testimony-text{font-size:12px;font-style:normal;font-weight:600;line-height:16px;}.radio-button{width:18px;height:18px;}input[type='radio']{accent-color:",b.COLORS.stroke.positive.vibrant,";}"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlN1YnNjcmlwdGlvblBsYW5TdHlsZWQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXdIZ0QiLCJmaWxlIjoiU3Vic2NyaXB0aW9uUGxhblN0eWxlZC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XHJcbmltcG9ydCB7IENPTE9SUyB9IGZyb20gXCIuLi8uLi9jb25zdGFudHMvVGhlbWVcIjtcclxuZXhwb3J0IGNvbnN0IFN1YnNjcmlwdGlvblBsYW5TdHlsZWQgPSBzdHlsZWQuZGl2IGBcblx0cG9zaXRpb246IHJlbGF0aXZlO1xuXG5cdGJvcmRlcjogMXB4IHNvbGlkICR7Q09MT1JTLnN0cm9rZS5wcmltYXJ5fTtcblx0Ym9yZGVyOiAxcHggc29saWRcblx0XHQkeyhwcm9wcykgPT4gcHJvcHMuaXNTZWxlY3RlZCA/IENPTE9SUy50ZXh0LmFsdFNlY29uZGFyeSA6IENPTE9SUy5zdHJva2UucHJpbWFyeX07XG5cblx0Ym94LXNoYWRvdzogMHB4IDJweCA4cHggcmdiYSgwLCAwLCAwLCAwLjEyKTtcblx0Ym9yZGVyLXJhZGl1czogNHB4O1xuXG5cdC5ib3gge1xuXHRcdGhlaWdodDogJHsocHJvcHMpID0+IChwcm9wcy5pc01hbmlmZXN0UGxhbiA/ICc0MDBweCcgOiAnNjAwcHgnKX07XG5cdFx0cGFkZGluZzogMjRweDtcblx0XHRiYWNrZ3JvdW5kLWNvbG9yOiAke0NPTE9SUy5zdXJmYWNlLnN0YW5kYXJkfTtcblx0XHRkaXNwbGF5OiBmbGV4O1xuXHRcdGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG5cblx0XHQuYnV0dG9uLWJveCB7XG5cdFx0XHRtYXJnaW4tdG9wOiBhdXRvO1xuXHRcdFx0ZGlzcGxheTogZmxleDtcblx0XHR9XG5cdH1cblxuXHQuYm94LnNlbGVjdGVkIHtcblx0XHRiYWNrZ3JvdW5kLWNvbG9yOiAke0NPTE9SUy5iYWNrZ3JvdW5kLmJyYW5kTGlnaHR9O1xuXHR9XG5cblx0LnJvdW5kZWQtY29ybmVycyB7XG5cdFx0Ym9yZGVyLXRvcC1sZWZ0LXJhZGl1czogNHB4O1xuXHRcdGJvcmRlci10b3AtcmlnaHQtcmFkaXVzOiA0cHg7XG5cdH1cblxuXHR3aWR0aDogMTAwJTtcblxuXHQubW9zdC1wb3B1bGFyIHtcblx0XHRiYWNrZ3JvdW5kOiBsaW5lYXItZ3JhZGllbnQoOTAuMDVkZWcsICM3NDM5NzkgMS4yMiUsICM1MjZkY2EgOTkuOTUlKSxcblx0XHRcdCM0YjE1ODM7XG5cdFx0cGFkZGluZzogNHB4O1xuXHRcdGJvcmRlci10b3AtbGVmdC1yYWRpdXM6IDRweDtcblx0XHRib3JkZXItdG9wLXJpZ2h0LXJhZGl1czogNHB4O1xuXHRcdGRpc3BsYXk6IGZsZXg7XG5cdFx0anVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG5cdFx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblxuXHRcdC50ZXh0IHtcblx0XHRcdGNvbG9yOiAke0NPTE9SUy5zdXJmYWNlLnN0YW5kYXJkfTtcblx0XHR9XG5cdH1cblxuXHQudHJpYWwge1xuXHRcdG1hcmdpbi10b3A6IDE2cHg7XG5cdFx0bWFyZ2luLWJvdHRvbTogMTJweDtcblx0XHRwYWRkaW5nOiA0cHggOHB4O1xuXHRcdGJvcmRlci1yYWRpdXM6IDRweDtcblx0XHRjb2xvcjogJHtDT0xPUlMuY29udGVudC5zZWNvbmRhcnl9O1xuXHRcdGJhY2tncm91bmQtY29sb3I6ICR7Q09MT1JTLnN1cmZhY2UuaG92ZXJlZH07XG5cdH1cblxuXHQudHJpYWwuc2VsZWN0ZWQge1xuXHRcdGJhY2tncm91bmQtY29sb3I6ICR7Q09MT1JTLnN1cmZhY2Uuc3RhbmRhcmR9O1xuXHR9XG5cblx0LmZlYXR1cmUge1xuXHRcdGRpc3BsYXk6IGZsZXg7XG5cdFx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblxuXHRcdC5mZWF0dXJlLXRleHQge1xuXHRcdFx0bWFyZ2luLWxlZnQ6IDEycHg7XG5cdFx0XHRjb2xvcjogJHtDT0xPUlMuY29udGVudC5zZWNvbmRhcnl9O1xuXHRcdH1cblxuXHRcdG1hcmdpbi10b3A6IDRweDtcblx0fVxuXG5cdC5wcmljZS1ibG9jayB7XG5cdFx0ZGlzcGxheTogZmxleDtcblx0XHRtYXJnaW4tYm90dG9tOiA0cHg7XG5cdFx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0fVxuXG5cdC5wZXItbWVzc2FnZS1wcmljZSB7XG5cdFx0ZGlzcGxheTogZmxleDtcblx0fVxuXG5cdC5wbGFuLWJvdHRvbS1pbmZvcm1hdGlvbiB7XG5cdFx0bWFyZ2luLXRvcDogYXV0bztcblx0XHR0ZXh0LWFsaWduOiBjZW50ZXI7XG5cdFx0YmFja2dyb3VuZDogJHtDT0xPUlMuYmFja2dyb3VuZC5icmFuZExpZ2h0fTtcblx0XHRwYWRkaW5nOiA0cHg7XG5cblx0XHQudGV4dCB7XG5cdFx0XHRjb2xvcjogJHtDT0xPUlMuYmFja2dyb3VuZC5pbnZlcnNlfTtcblx0XHR9XG5cblx0XHRib3JkZXItYm90dG9tLWxlZnQtcmFkaXVzOiA0cHg7XG5cdFx0Ym9yZGVyLWJvdHRvbS1yaWdodC1yYWRpdXM6IDRweDtcblx0fVxuXG5cdC5kaXNhYmxlZCB7XG5cdFx0KiB7XG5cdFx0XHRjb2xvcjogJHtDT0xPUlMuY29udGVudC5pbmFjdGl2ZX0gIWltcG9ydGFudDtcblx0XHR9XG5cdH1cblxuXHQucGxhbi1ib3R0b20taW5mb3JtYXRpb24uZGlzYWJsZWQge1xuXHRcdGJhY2tncm91bmQ6ICR7Q09MT1JTLmJhY2tncm91bmQuYmFzZX07XG5cdH1cblxuXHQucGxhbi1ib3R0b20taW5mb3JtYXRpb24uc2VsZWN0ZWQge1xuXHRcdGJhY2tncm91bmQ6ICR7Q09MT1JTLnN1cmZhY2Uuc3RhbmRhcmR9O1xuXHRcdGNvbG9yOiAke0NPTE9SUy5jb250ZW50LnBsYWNlaG9sZGVyfTtcblx0fVxuXHQub2xkLS1wcmljZSB7XG5cdFx0Y29sb3I6ICR7Q09MT1JTLmNvbnRlbnQuc2Vjb25kYXJ5fTtcblx0XHR0ZXh0LWRlY29yYXRpb246IGxpbmUtdGhyb3VnaDtcblx0XHRtYXJnaW4tcmlnaHQ6IDRweDtcblx0fVxuYDtcclxuZXhwb3J0IGNvbnN0IE5ld1N1YnNjcmlwdGlvblN0eWxlZCA9IHN0eWxlZC5kaXYgYFxuXHRwb3NpdGlvbjogcmVsYXRpdmU7XG5cdGN1cnNvcjogcG9pbnRlcjtcblx0Ym9yZGVyOiAxcHggc29saWQgJHtDT0xPUlMuc3Ryb2tlLnByaW1hcnl9O1xuXHRib3gtc2hhZG93OiAkeyhwcm9wcykgPT4gcHJvcHMuc2hvd01vc3RQb3B1bGFyQ2hpcFxyXG4gICAgPyAnMHB4IDBweCAxMnB4IDBweCByZ2JhKDExNiwgMCwgMjU1LCAwLjI0KSdcclxuICAgIDogJyd9O1xuXHRib3JkZXItcmFkaXVzOiA4cHg7XG5cdHdpZHRoOiAxMDA7XG5cblx0LmJveCB7XG5cdFx0Ym9yZGVyLXJhZGl1czogOHB4O1xuXHRcdG1pbi1oZWlnaHQ6ICR7KHByb3BzKSA9PiAocHJvcHMuaGVpZ2h0ID8gcHJvcHMuaGVpZ2h0IDogJzUyNXB4Jyl9O1xuXHRcdHBhZGRpbmc6IDE2cHg7XG5cdFx0YmFja2dyb3VuZC1jb2xvcjogJHtDT0xPUlMuc3VyZmFjZS5zdGFuZGFyZH07XG5cdFx0ZGlzcGxheTogZmxleDtcblx0XHRmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuXHRcdGdhcDogMTJweDtcblxuXHRcdC5idXR0b24tYm94IHtcblx0XHRcdG1hcmdpbi10b3A6IGF1dG87XG5cdFx0XHRkaXNwbGF5OiBmbGV4O1xuXHRcdH1cblx0fVxuXG5cdC50cmlhbCB7XG5cdFx0bWFyZ2luLXRvcDogMTZweDtcblx0XHRtYXJnaW4tYm90dG9tOiAxMnB4O1xuXHRcdHBhZGRpbmc6IDRweCA4cHg7XG5cdFx0Ym9yZGVyLXJhZGl1czogNHB4O1xuXHRcdGNvbG9yOiAke0NPTE9SUy5jb250ZW50LnNlY29uZGFyeX07XG5cdFx0YmFja2dyb3VuZC1jb2xvcjogJHtDT0xPUlMuc3VyZmFjZS5ob3ZlcmVkfTtcblx0fVxuXG5cdC50cmlhbC5zZWxlY3RlZCB7XG5cdFx0YmFja2dyb3VuZC1jb2xvcjogJHtDT0xPUlMuc3VyZmFjZS5zdGFuZGFyZH07XG5cdH1cblx0LmZlYXR1cmVzIHtcblx0XHRkaXNwbGF5OiBmbGV4O1xuXHRcdGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG5cdFx0Z2FwOiAycHg7XG5cdH1cblx0LmZlYXR1cmUge1xuXHRcdGRpc3BsYXk6IGZsZXg7XG5cdFx0YWxpZ24taXRlbXM6IGJhc2VsaW5lO1xuXHRcdGdhcDogOXB4O1xuXHRcdGp1c3RpZnktY29udGVudDogZmxleC1zdGFydDtcblx0XHRmbGV4LWRpcmVjdGlvbjogcm93O1xuXG5cdFx0LmZlYXR1cmUtdGV4dCB7XG5cdFx0XHRjb2xvcjogJHtDT0xPUlMuY29udGVudC5zZWNvbmRhcnl9O1xuXHRcdH1cblx0fVxuXG5cdC5wcmljZS1ibG9jayB7XG5cdFx0ZGlzcGxheTogZmxleDtcblx0XHRhbGlnbi1pdGVtczogY2VudGVyO1xuXHR9XG5cblx0LnBlci1tZXNzYWdlLXByaWNlIHtcblx0XHRkaXNwbGF5OiBmbGV4O1xuXHR9XG5cblx0LnBsYW4tYm90dG9tLWluZm9ybWF0aW9uIHtcblx0XHRtYXJnaW4tdG9wOiBhdXRvO1xuXHRcdHRleHQtYWxpZ246IGNlbnRlcjtcblx0XHRiYWNrZ3JvdW5kOiAke0NPTE9SUy5iYWNrZ3JvdW5kLmJyYW5kTGlnaHR9O1xuXHRcdHBhZGRpbmc6IDRweDtcblxuXHRcdC50ZXh0IHtcblx0XHRcdGNvbG9yOiAke0NPTE9SUy5iYWNrZ3JvdW5kLmludmVyc2V9O1xuXHRcdH1cblxuXHRcdGJvcmRlci1ib3R0b20tbGVmdC1yYWRpdXM6IDRweDtcblx0XHRib3JkZXItYm90dG9tLXJpZ2h0LXJhZGl1czogNHB4O1xuXHR9XG5cblx0LmRpc2FibGVkIHtcblx0XHQqIHtcblx0XHRcdGNvbG9yOiAke0NPTE9SUy5jb250ZW50LmluYWN0aXZlfSAhaW1wb3J0YW50O1xuXHRcdH1cblx0fVxuXG5cdC5wbGFuLWJvdHRvbS1pbmZvcm1hdGlvbi5kaXNhYmxlZCB7XG5cdFx0YmFja2dyb3VuZDogJHtDT0xPUlMuYmFja2dyb3VuZC5iYXNlfTtcblx0fVxuXG5cdC5wbGFuLWJvdHRvbS1pbmZvcm1hdGlvbi5zZWxlY3RlZCB7XG5cdFx0YmFja2dyb3VuZDogJHtDT0xPUlMuc3VyZmFjZS5zdGFuZGFyZH07XG5cdFx0Y29sb3I6ICR7Q09MT1JTLmNvbnRlbnQucGxhY2Vob2xkZXJ9O1xuXHR9XG5cdC5vbGQtLXByaWNlIHtcblx0XHRjb2xvcjogJHtDT0xPUlMuY29udGVudC5zZWNvbmRhcnl9O1xuXHRcdHRleHQtZGVjb3JhdGlvbjogbGluZS10aHJvdWdoO1xuXHRcdG1hcmdpbi1yaWdodDogNHB4O1xuXHR9XG5cdC5tb3N0LXBvcHVsYXItY2hpcCB7XG5cdFx0Ym9yZGVyLXJhZGl1czogMjVweCAyNXB4IDBweCAwcHg7XG5cdFx0YmFja2dyb3VuZDogbGluZWFyLWdyYWRpZW50KDE4MGRlZywgIzI4MDM0ZSAtMC42NSUsICM3MzFkY2YgOTkuNTUlKTtcblx0XHRwb3NpdGlvbjogYWJzb2x1dGU7XG5cdFx0cGFkZGluZzogN3B4IDE4cHggNXB4IDE4cHg7XG5cdFx0dG9wOiAtMjhweDtcblx0XHRyaWdodDogMTZweDtcblx0XHRkaXNwbGF5OiBmbGV4O1xuXHRcdGZsZXgtZGlyZWN0aW9uOiByb3c7XG5cdFx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0XHRqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcblx0XHRnYXA6IDRweDtcblx0fVxuXHQucG9wdWxhci10ZXh0IHtcblx0XHRjb2xvcjogJHtDT0xPUlMuc3VyZmFjZS5zdWJkdWVkfTtcblx0XHRmb250LXNpemU6IDEwLjM0NXB4O1xuXHR9XG5cdC5yYWRpby1mbGV4IHtcblx0XHRkaXNwbGF5OiBmbGV4O1xuXHRcdGFsaWduLWl0ZW1zOiBiYXNlbGluZTtcblx0XHRqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtc3RhcnQ7XG5cdFx0Z2FwOiA4cHg7XG5cdH1cblx0LmV4dHJhLWluY2x1ZGUtbWFyZ2luIHtcblx0XHRtYXJnaW4tdG9wOiA4cHg7XG5cdH1cblx0LmJ1aXNuZXNzLWRlc2Mge1xuXHRcdGZvbnQtc2l6ZTogMTRweDtcblx0XHRmb250LXN0eWxlOiBub3JtYWw7XG5cdFx0Zm9udC13ZWlnaHQ6IDQwMDtcblx0XHRjb2xvcjogJHtDT0xPUlMuY29udGVudC5zZWNvbmRhcnl9O1xuXHR9XG5cdC5wb3B1bGFyLXRlc3RpbW9ueSB7XG5cdFx0ZGlzcGxheTogZmxleDtcblx0XHRwYWRkaW5nOiAxMnB4O1xuXHRcdGFsaWduLWl0ZW1zOiBmbGV4LXN0YXJ0O1xuXHRcdGdhcDogMTJweDtcblx0XHRib3JkZXItcmFkaXVzOiA4cHg7XG5cdFx0YmFja2dyb3VuZDogJHtDT0xPUlMuYmFja2dyb3VuZC5icmFuZExpZ2h0fTtcblx0fVxuXHQudGVzdGltb255LXRleHQge1xuXHRcdGZvbnQtc2l6ZTogMTJweDtcblx0XHRmb250LXN0eWxlOiBub3JtYWw7XG5cdFx0Zm9udC13ZWlnaHQ6IDYwMDtcblx0XHRsaW5lLWhlaWdodDogMTZweDtcblx0fVxuXHQucmFkaW8tYnV0dG9uIHtcblx0XHR3aWR0aDogMThweDtcblx0XHRoZWlnaHQ6IDE4cHg7XG5cdH1cblxuXHRpbnB1dFt0eXBlPSdyYWRpbyddIHtcblx0XHRhY2NlbnQtY29sb3I6ICR7Q09MT1JTLnN0cm9rZS5wb3NpdGl2ZS52aWJyYW50fTtcblx0fVxuYDtcclxuLy8jIHNvdXJjZU1hcHBpbmdVUkw9U3Vic2NyaXB0aW9uUGxhblN0eWxlZC5qcy5tYXAiXX0= */"));exports.NewSubscriptionStyled=x,exports.SubscriptionPlanStyled=X;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@emotion/styled"),t=require("../../constants/Theme.js");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var r=o(e);const a=r.default.div`
+	position: relative;
+
+	border: 1px solid ${t.COLORS.stroke.primary};
+	border: 1px solid
+		${e=>e.isSelected?t.COLORS.text.altSecondary:t.COLORS.stroke.primary};
+
+	box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.12);
+	border-radius: 4px;
+
+	.box {
+		height: ${e=>e.isManifestPlan?"400px":"600px"};
+		padding: 24px;
+		background-color: ${t.COLORS.surface.standard};
+		display: flex;
+		flex-direction: column;
+
+		.button-box {
+			margin-top: auto;
+			display: flex;
+		}
+	}
+
+	.box.selected {
+		background-color: ${t.COLORS.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: ${t.COLORS.surface.standard};
+		}
+	}
+
+	.trial {
+		margin-top: 16px;
+		margin-bottom: 12px;
+		padding: 4px 8px;
+		border-radius: 4px;
+		color: ${t.COLORS.content.secondary};
+		background-color: ${t.COLORS.surface.hovered};
+	}
+
+	.trial.selected {
+		background-color: ${t.COLORS.surface.standard};
+	}
+
+	.feature {
+		display: flex;
+		align-items: center;
+
+		.feature-text {
+			margin-left: 12px;
+			color: ${t.COLORS.content.secondary};
+		}
+
+		margin-top: 4px;
+	}
+
+	.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: ${t.COLORS.background.brandLight};
+		padding: 4px;
+
+		.text {
+			color: ${t.COLORS.background.inverse};
+		}
+
+		border-bottom-left-radius: 4px;
+		border-bottom-right-radius: 4px;
+	}
+
+	.disabled {
+		* {
+			color: ${t.COLORS.content.inactive} !important;
+		}
+	}
+
+	.plan-bottom-information.disabled {
+		background: ${t.COLORS.background.base};
+	}
+
+	.plan-bottom-information.selected {
+		background: ${t.COLORS.surface.standard};
+		color: ${t.COLORS.content.placeholder};
+	}
+	.old--price {
+		color: ${t.COLORS.content.secondary};
+		text-decoration: line-through;
+		margin-right: 4px;
+	}
+`,i=r.default.div`
+	position: relative;
+	cursor: pointer;
+	border: 1px solid ${t.COLORS.stroke.primary};
+	box-shadow: ${e=>e.showMostPopularChip?"0px 0px 12px 0px rgba(116, 0, 255, 0.24)":""};
+	border-radius: 8px;
+	width: 100;
+
+	.box {
+		border-radius: 8px;
+		min-height: ${e=>e.height?e.height:"525px"};
+		padding: 16px;
+		background-color: ${t.COLORS.surface.standard};
+		display: flex;
+		flex-direction: column;
+		gap: 12px;
+
+		.button-box {
+			margin-top: auto;
+			display: flex;
+		}
+	}
+
+	.trial {
+		margin-top: 16px;
+		margin-bottom: 12px;
+		padding: 4px 8px;
+		border-radius: 4px;
+		color: ${t.COLORS.content.secondary};
+		background-color: ${t.COLORS.surface.hovered};
+	}
+
+	.trial.selected {
+		background-color: ${t.COLORS.surface.standard};
+	}
+	.features {
+		display: flex;
+		flex-direction: column;
+		gap: 2px;
+	}
+	.feature {
+		display: flex;
+		align-items: baseline;
+		gap: 9px;
+		justify-content: flex-start;
+		flex-direction: row;
+
+		.feature-text {
+			color: ${t.COLORS.content.secondary};
+		}
+	}
+
+	.price-block {
+		display: flex;
+		align-items: center;
+	}
+
+	.per-message-price {
+		display: flex;
+	}
+
+	.plan-bottom-information {
+		margin-top: auto;
+		text-align: center;
+		background: ${t.COLORS.background.brandLight};
+		padding: 4px;
+
+		.text {
+			color: ${t.COLORS.background.inverse};
+		}
+
+		border-bottom-left-radius: 4px;
+		border-bottom-right-radius: 4px;
+	}
+
+	.disabled {
+		* {
+			color: ${t.COLORS.content.inactive} !important;
+		}
+	}
+
+	.plan-bottom-information.disabled {
+		background: ${t.COLORS.background.base};
+	}
+
+	.plan-bottom-information.selected {
+		background: ${t.COLORS.surface.standard};
+		color: ${t.COLORS.content.placeholder};
+	}
+	.old--price {
+		color: ${t.COLORS.content.secondary};
+		text-decoration: line-through;
+		margin-right: 4px;
+	}
+	.most-popular-chip {
+		border-radius: 25px 25px 0px 0px;
+		background: linear-gradient(180deg, #28034e -0.65%, #731dcf 99.55%);
+		position: absolute;
+		padding: 7px 18px 5px 18px;
+		top: -28px;
+		right: 16px;
+		display: flex;
+		flex-direction: row;
+		align-items: center;
+		justify-content: center;
+		gap: 4px;
+	}
+	.popular-text {
+		color: ${t.COLORS.surface.subdued};
+		font-size: 10.345px;
+	}
+	.radio-flex {
+		display: flex;
+		align-items: baseline;
+		justify-content: flex-start;
+		gap: 8px;
+	}
+	.extra-include-margin {
+		margin-top: 8px;
+	}
+	.buisness-desc {
+		font-size: 14px;
+		font-style: normal;
+		font-weight: 400;
+		color: ${t.COLORS.content.secondary};
+	}
+	.popular-testimony {
+		display: flex;
+		padding: 12px;
+		align-items: flex-start;
+		gap: 12px;
+		border-radius: 8px;
+		background: ${t.COLORS.background.brandLight};
+	}
+	.testimony-text {
+		font-size: 12px;
+		font-style: normal;
+		font-weight: 600;
+		line-height: 16px;
+	}
+	.radio-button {
+		width: 18px;
+		height: 18px;
+	}
+
+	input[type='radio'] {
+		accent-color: ${t.COLORS.stroke.positive.vibrant};
+	}
+`;exports.NewSubscriptionStyled=i,exports.SubscriptionPlanStyled=a;

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

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

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

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),l=require("styled-components"),i=require("./NewSubscriptionPlan.js");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}const r=n(l).default.div`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),l=require("styled-components"),i=require("./NewSubscriptionPlan.js");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}const n=r(l).default.div`
 	display: flex;
 	column-gap: 22px;
 	align-items: stretch;
@@ -16,4 +16,4 @@
 	&::-webkit-scrollbar-thumb:horizontal {
 		width: 8px;
 	}
-`;exports.SubscriptionPlansCollected=l=>{var n;const[a,o]=t.useState(null!==(n=l.selectedPlan)&&void 0!==n?n:"");return e.jsx(r,Object.assign({style:{padding:"28px 0px 5px 0px"},maxWidth:l.maxWidth},{children:l.plans.map(((n,r)=>{var s,d,c;return e.jsx("div",Object.assign({style:{minWidth:null!==(s=l.staticWidth)&&void 0!==s?s:280,maxWidth:null!==(d=l.staticWidth)&&void 0!==d?d:280}},{children:t.createElement(i.NewSubscriptionPlan,Object.assign({},n,{showMonthly:!0,showMonthlyOptions:null!==(c="monthly"==l.selectedTab)&&void 0!==c&&c,showTrialOptions:l.showTrialOptions||!1,onPlanSelect:e=>{l.onPlanSelect(e),o(e)},key:n.planName,isPlanSelected:a==("monthly"==l.selectedTab?n.code:n.yearlyCode),onClickShowAllFeatures:l.onClickShowAllFeatures,showSelectedPlanChip:l.currentPlan==("monthly"==l.selectedTab?n.code:n.yearlyCode),minHeightOfFeatures:l.minHeightOfFeatures}))}),r)}))}))};
+`;exports.SubscriptionPlansCollected=l=>{var r;const[a,o]=t.useState(null!==(r=l.selectedPlan)&&void 0!==r?r:"");return e.jsx(n,{style:{padding:"28px 0px 5px 0px"},maxWidth:l.maxWidth,children:l.plans.map(((r,n)=>{var s,d,c;return e.jsx("div",{style:{minWidth:null!==(s=l.staticWidth)&&void 0!==s?s:280,maxWidth:null!==(d=l.staticWidth)&&void 0!==d?d:280},children:t.createElement(i.NewSubscriptionPlan,Object.assign({},r,{showMonthly:!0,showMonthlyOptions:null!==(c="monthly"==l.selectedTab)&&void 0!==c&&c,showTrialOptions:l.showTrialOptions||!1,onPlanSelect:e=>{l.onPlanSelect(e),o(e)},key:r.planName,isPlanSelected:a==("monthly"==l.selectedTab?r.code:r.yearlyCode),onClickShowAllFeatures:l.onClickShowAllFeatures,showSelectedPlanChip:l.currentPlan==("monthly"==l.selectedTab?r.code:r.yearlyCode),minHeightOfFeatures:l.minHeightOfFeatures}))},n)}))})};

package/dist/cjs/components/plans/index.d.ts

@@ -1,4 +1,4 @@
-export * from './SubscriptionPlan';
-export * from './SubscriptionPlanSelector';
-export * from './NewSubscriptionPlan';
-export * from './SubscriptionPlansCollected';
+export * from './SubscriptionPlan';
+export * from './SubscriptionPlanSelector';
+export * from './NewSubscriptionPlan';
+export * from './SubscriptionPlansCollected';

package/dist/cjs/components/postPicker/PostPicker.styled.d.ts

@@ -1,17 +1,17 @@
-export declare const StyledModal: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyledModalContent: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyledModalHeader: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyledTitleMedium: import("styled-components").StyledComponent<"div", any, {
-    numberOfLines?: number | undefined;
-    color?: string | undefined;
-}, never>;
-export declare const StyledCloseButton: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyledProductGrid: import("styled-components").StyledComponent<"div", any, {
-    mediaType: string;
-}, never>;
-export declare const StyledProduct: import("styled-components").StyledComponent<"div", any, {
-    mediaType: string;
-}, never>;
-export declare const FooterContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const InfoSection: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const ButtonViewContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledModal: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const StyledModalContent: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const StyledModalHeader: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const StyledTitleMedium: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "numberOfLines" | "color"> & {
+    numberOfLines?: number;
+    color?: string;
+}, never>> & string;
+export declare const StyledCloseButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const StyledProductGrid: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    mediaType: string;
+}>> & string;
+export declare const StyledProduct: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    mediaType: string;
+}>> & string;
+export declare const FooterContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const InfoSection: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const ButtonViewContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;

package/dist/cjs/components/postPicker/index.d.ts

@@ -1 +1 @@
-export * from './postPicker';
+export * from './postPicker';

package/dist/cjs/components/postPicker/postPicker.d.ts

@@ -1,47 +1,47 @@
-import React from 'react';
-export declare enum MEDIA_TYPES {
-    STORY = "story",
-    POST = "post",
-    REEL = "reel"
-}
-export type Media = {
-    imageUrl: string;
-    redirectionUrl: string;
-    overlayCaption: string;
-    id: string;
-    timestamp?: string;
-};
-export type PostPickerProps = {
-    title: string;
-    showModal: boolean;
-    onClose: () => void;
-    onSelect: (Media: Media[]) => void;
-    media: Media[];
-    mediaType: MEDIA_TYPES;
-    previouslySelected?: Media[];
-    limit?: number;
-    selected: Media[];
-    showFilter?: boolean;
-};
-export declare enum DateKeys {
-    'Today' = "Today",
-    '7_Days' = "7",
-    '30_Days' = "30",
-    'custom' = "custom",
-    'Yesterday' = "Yesterday"
-}
-export interface DateOptionI {
-    label: string;
-    value: string;
-    key: DateKeys;
-    typeValue?: [Date, Date];
-    selectedRange?: [Date, Date];
-    isCustom?: boolean;
-    dateRangeSelectionOptions?: {
-        selectRange: boolean;
-        maxDate?: Date;
-        minDate?: Date;
-    };
-}
-export declare const dateOptions: DateOptionI[];
-export declare const PostPicker: React.FC<PostPickerProps>;
+import React from 'react';
+export declare enum MEDIA_TYPES {
+    STORY = "story",
+    POST = "post",
+    REEL = "reel"
+}
+export type Media = {
+    imageUrl: string;
+    redirectionUrl: string;
+    overlayCaption: string;
+    id: string;
+    timestamp?: string;
+};
+export type PostPickerProps = {
+    title: string;
+    showModal: boolean;
+    onClose: () => void;
+    onSelect: (Media: Media[]) => void;
+    media: Media[];
+    mediaType: MEDIA_TYPES;
+    previouslySelected?: Media[];
+    limit?: number;
+    selected: Media[];
+    showFilter?: boolean;
+};
+export declare enum DateKeys {
+    'Today' = "Today",
+    '7_Days' = "7",
+    '30_Days' = "30",
+    'custom' = "custom",
+    'Yesterday' = "Yesterday"
+}
+export interface DateOptionI {
+    label: string;
+    value: string;
+    key: DateKeys;
+    typeValue?: [Date, Date];
+    selectedRange?: [Date, Date];
+    isCustom?: boolean;
+    dateRangeSelectionOptions?: {
+        selectRange: boolean;
+        maxDate?: Date;
+        minDate?: Date;
+    };
+}
+export declare const dateOptions: DateOptionI[];
+export declare const PostPicker: React.FC<PostPickerProps>;

package/dist/cjs/components/postPicker/postPicker.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("../../assets/icons/searchIcon.js"),a=require("react"),s=require("./PostPicker.styled.js"),r=require("../tag/Tag.js"),i=require("../TypographyStyle.js"),n=require("../../utils/unCamelCase.js"),o=require("../../constants/colors.js"),l=require("../../constants/Theme.js"),d=require("../../assets/icons/instagram.svg.js"),c=require("../../assets/icons/warning.svg.js");require("../tooltips/Tooltip.js"),require("../analytics-chips-and-dropdowns/CommonStyles.js");var p=require("../analytics-chips-and-dropdowns/AnalyticsDropdown.js");require("../analytics-chips-and-dropdowns/AnalyticsMetric.js"),require("../shimmer/ShimmerComponent/ShimmerStyled.js"),require("../../utils/DateUtils.js"),require("../analytics-chips-and-dropdowns/chart/utils/calcPercentage.js"),require("../analytics-chips-and-dropdowns/chart/LineChart/LineChart.js"),require("react-bootstrap"),require("../analytics-chips-and-dropdowns/chart/scoreBlock/ScoreBlock.styled.js"),require("../analytics-chips-and-dropdowns/chart/linearChipGroupedChart/LinearChipGroupedChart.styled.js"),require("../analytics-chips-and-dropdowns/chart/Pie/PieChartAnalytics.js"),require("../analytics-chips-and-dropdowns/chart/Pie/PieChart.js"),require("../analytics-chips-and-dropdowns/chart/HorizontalBarGraph/HorizontalGraph.js"),require("../analytics-chips-and-dropdowns/chart/StackedBarChart/StackedBarChart.js"),require("../analytics-chips-and-dropdowns/chart/StackedBarChart/StackedBarDistributionChart.js"),require("../analytics-chips-and-dropdowns/chart/StackedBarChart/StackedBarDistributionChart.model.js"),require("../analytics-chips-and-dropdowns/chart/VerticalBarGraph/VerticalGraph.js"),require("../analytics-chips-and-dropdowns/chart/VerticalBarGraph/FunnelVerticalBarGraph.js"),require("../analytics-chips-and-dropdowns/chart/heatmap/HeatMap.js"),require("../analytics-chips-and-dropdowns/chart/heatmap/HeatMapVertical.js"),require("../analytics-chips-and-dropdowns/chart/VerticalBarAndLinearGraph/VerticalBarAndLinearGraph.js");var h,u,y=require("../modals/styledModal.js"),m=require("../shimmer/ShimmerComponent/BikShimmer.js"),j=require("../shimmer-image/ShimmerImage.js"),g=require("../states/StateComponent.js");require("../../_virtual/_tslib.js"),exports.MEDIA_TYPES=void 0,(h=exports.MEDIA_TYPES||(exports.MEDIA_TYPES={})).STORY="story",h.POST="post",h.REEL="reel",exports.DateKeys=void 0,(u=exports.DateKeys||(exports.DateKeys={})).Today="Today",u["7_Days"]="7",u["30_Days"]="30",u.custom="custom",u.Yesterday="Yesterday";const x=[{label:"Today",value:"today",key:exports.DateKeys.Today,typeValue:[new Date,new Date]},{label:"Last 7 days",value:"7 days",key:exports.DateKeys["7_Days"],typeValue:[new Date((new Date).setDate((new Date).getDate()-6)),new Date]},{label:"Last 30 days",value:"30 days",key:exports.DateKeys["30_Days"],typeValue:[new Date((new Date).setDate((new Date).getDate()-29)),new Date]},{label:"Custom range",value:"calender",key:exports.DateKeys.custom,isCustom:!0,dateRangeSelectionOptions:{selectRange:!0,maxDate:new Date((new Date).setMonth((new Date).getMonth()+3))}}];exports.PostPicker=h=>{var u,S;const[w,D]=a.useState(null!==(u=h.previouslySelected)&&void 0!==u?u:[]),[v,C]=a.useState(""),[T,b]=a.useState(!1),[f,O]=a.useState(h.media),[q,k]=a.useState(!1),[B,P]=a.useState(!1),[E,I]=a.useState(!1),_=a.useRef(null);a.useEffect((()=>{h.media.length||(b(!0),setTimeout((()=>{b(!1)}),2e3)),D(h.selected||[])}),[]),a.useEffect((()=>{h.media.length>0&&(O(h.media),b(!1))}),[null===(S=null==h?void 0:h.media)||void 0===S?void 0:S.length]),a.useEffect((()=>{w.length>0&&C("")}),[w.length]),a.useEffect((()=>{q&&(O(h.media),P(!1))}),[q]),a.useEffect((()=>{const e=e=>{document.getElementById("analytic-dropdown").contains(e.target)||I(!E)},t=document.getElementById("post-picker");return t&&t.addEventListener("click",e),()=>{t&&t.removeEventListener("click",e)}}));return e.jsx("div",Object.assign({ref:_},{children:e.jsxs(y.StyledModal,Object.assign({zIndex:201,open:h.showModal,headingTitle:h.title,onClose:h.onClose,centralContainerStyles:{width:1071,height:h.showFilter?650:564},primaryButton:{disabled:!f.length,buttonType:"primary",buttonText:`Select ${n.unCamelCase(h.mediaType)}`,onClick:()=>{w.length?h.onSelect(w):C(`Please select a ${h.mediaType} to proceed`)}},secondaryButton:{buttonType:"secondary",buttonText:"Back",onClick:()=>h.onClose()},footerLeftCustomElement:v?e.jsx(r.Tag,{tagText:v,type:"negative",LeadingIcon:c.default}):w.length?e.jsxs(i.BodySecondary,{children:[w.length," selected"]}):null,id:"post-picker"},{children:[h.showFilter&&e.jsxs("div",Object.assign({style:{marginTop:24,marginBottom:24,padding:"0 24px",display:"flex",flexDirection:"row",gap:8,alignItems:"center"}},{children:[e.jsx(p.AnalyticsDropdown,{options:x,placeholder:"posted on",resetDropdown:q,onOptionSelected:e=>{var t,a;let s=null,r=null;"Custom range"===e.label?(s=(null===(t=null==e?void 0:e.selectedRange)||void 0===t?void 0:t[0])||new Date,r=(null===(a=null==e?void 0:e.selectedRange)||void 0===a?void 0:a[1])||new Date):(s=e.typeValue[0],r=e.typeValue[1]);const i=h.media.filter((e=>function(e,t,a){const s=new Date(e),r=new Date(t),i=new Date(a);return s>=r&&s<=i}(e.timestamp,s,r)));O(i),P(!0),k(!1)},closeDropdown:E}),B&&e.jsx(i.ButtonRegular,Object.assign({color:l.COLORS.content.secondary,onClick:()=>k(!0),style:{cursor:"pointer"}},{children:"Clear"}))]})),T?e.jsx("div",Object.assign({style:{padding:"0 24px"}},{children:e.jsx(m.BikShimmer,{boxes:[{width:(h.mediaType==exports.MEDIA_TYPES.POST?148:104)+"px",height:(h.mediaType==exports.MEDIA_TYPES.POST?148:172)+"px"}]})})):e.jsx(e.Fragment,{children:f&&f.length?e.jsx(s.StyledProductGrid,Object.assign({mediaType:h.mediaType},{children:f.map((t=>{return e.jsxs(s.StyledProduct,Object.assign({mediaType:h.mediaType,className:""+(a=t,r=w,r.some((e=>e.id===a.id))?"selected":""),onClick:()=>{return e=t,void D((()=>w.find((t=>t.id===e.id))?w.filter((t=>t.id!==e.id)):!h.limit||w.length<h.limit?[...w,e]:(C(`Only ${h.limit} ${h.mediaType}s can be selected`),w)));var e}},{children:[e.jsx(j.ShimmerImage,{imageUrl:t.imageUrl,width:h.mediaType==exports.MEDIA_TYPES.POST?148:104,height:h.mediaType==exports.MEDIA_TYPES.POST?148:172,alt:t.overlayCaption}),e.jsxs("div",Object.assign({className:"overlay"},{children:[e.jsx("a",Object.assign({target:"_blank",rel:"noreferrer",href:t.redirectionUrl},{children:e.jsxs("div",Object.assign({className:"overlay__redirection"},{children:[e.jsx(d.default,{height:22,width:22}),e.jsx(i.BodyPrimary,Object.assign({color:o.PRIMARY,style:{fontWeight:500}},{children:"View"}))]}))})),e.jsx("div",Object.assign({className:"overlay__caption"},{children:e.jsx(i.BodyCaption,Object.assign({color:l.COLORS.content.placeholder},{children:t.overlayCaption}))}))]}))]}),t.id);var a,r}))})):e.jsx("div",Object.assign({style:{justifyContent:"center",alignItems:"center",display:"flex",height:422}},{children:h.media.length?f.length?e.jsx(e.Fragment,{}):e.jsxs("div",Object.assign({style:{display:"flex",flexDirection:"column",alignItems:"center",gap:"16px"}},{children:[e.jsx("div",Object.assign({style:{display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",width:"48px",height:"48px",backgroundColor:`${l.COLORS.background.inverse}`,borderRadius:"50%"}},{children:e.jsx(t.SearchIcon,{color:l.COLORS.content.primaryInverse})})),e.jsxs("div",Object.assign({style:{display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",gap:"8px"}},{children:[e.jsx(i.TitleMedium,{children:"No results found"}),e.jsx(i.BodyPrimary,{children:"Sorry we could not find any results for the selected filter"})]})),e.jsx("div",Object.assign({onClick:()=>{k(!0)},style:{cursor:"pointer"}},{children:e.jsx(i.ButtonLarge,Object.assign({color:`${l.COLORS.content.brand}`},{children:"Clear Filter"}))}))]})):e.jsx(g.StateComponent,{states:g.StateInterface.WARNING,heading:`No ${h.mediaType}s on your account`,subline:`There seems to be no ${h.mediaType}s on your account`,isButtonEnabled:!1,width:400})}))})]}))}))},exports.dateOptions=x;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("../../assets/icons/searchIcon.js"),a=require("react"),r=require("./PostPicker.styled.js"),s=require("../tag/Tag.js"),i=require("../TypographyStyle.js"),n=require("../../utils/unCamelCase.js"),o=require("../../constants/colors.js"),l=require("../../constants/Theme.js"),d=require("../../assets/icons/instagram.svg.js"),c=require("../../assets/icons/warning.svg.js");require("../tooltips/Tooltip.js"),require("../analytics-chips-and-dropdowns/CommonStyles.js");var p=require("../analytics-chips-and-dropdowns/AnalyticsDropdown.js");require("../analytics-chips-and-dropdowns/AnalyticsMetric.js"),require("../shimmer/ShimmerComponent/ShimmerStyled.js"),require("../../utils/DateUtils.js"),require("../analytics-chips-and-dropdowns/chart/utils/calcPercentage.js"),require("../analytics-chips-and-dropdowns/chart/LineChart/LineChart.js"),require("react-bootstrap"),require("../analytics-chips-and-dropdowns/chart/scoreBlock/ScoreBlock.styled.js"),require("../analytics-chips-and-dropdowns/chart/linearChipGroupedChart/LinearChipGroupedChart.styled.js"),require("../analytics-chips-and-dropdowns/chart/Pie/PieChartAnalytics.js"),require("../analytics-chips-and-dropdowns/chart/Pie/PieChart.js"),require("../analytics-chips-and-dropdowns/chart/HorizontalBarGraph/HorizontalGraph.js"),require("../analytics-chips-and-dropdowns/chart/StackedBarChart/StackedBarChart.js"),require("../analytics-chips-and-dropdowns/chart/StackedBarChart/StackedBarDistributionChart.js"),require("../analytics-chips-and-dropdowns/chart/StackedBarChart/StackedBarDistributionChart.model.js"),require("../analytics-chips-and-dropdowns/chart/VerticalBarGraph/VerticalGraph.js"),require("../analytics-chips-and-dropdowns/chart/VerticalBarGraph/FunnelVerticalBarGraph.js"),require("../analytics-chips-and-dropdowns/chart/heatmap/HeatMap.js"),require("../analytics-chips-and-dropdowns/chart/heatmap/HeatMapVertical.js"),require("../analytics-chips-and-dropdowns/chart/VerticalBarAndLinearGraph/VerticalBarAndLinearGraph.js");var h,u,y=require("../modals/styledModal.js"),m=require("../shimmer/ShimmerComponent/BikShimmer.js"),x=require("../shimmer-image/ShimmerImage.js"),j=require("../states/StateComponent.js");require("../../_virtual/_tslib.js"),exports.MEDIA_TYPES=void 0,(h=exports.MEDIA_TYPES||(exports.MEDIA_TYPES={})).STORY="story",h.POST="post",h.REEL="reel",exports.DateKeys=void 0,(u=exports.DateKeys||(exports.DateKeys={})).Today="Today",u["7_Days"]="7",u["30_Days"]="30",u.custom="custom",u.Yesterday="Yesterday";const g=[{label:"Today",value:"today",key:exports.DateKeys.Today,typeValue:[new Date,new Date]},{label:"Last 7 days",value:"7 days",key:exports.DateKeys["7_Days"],typeValue:[new Date((new Date).setDate((new Date).getDate()-6)),new Date]},{label:"Last 30 days",value:"30 days",key:exports.DateKeys["30_Days"],typeValue:[new Date((new Date).setDate((new Date).getDate()-29)),new Date]},{label:"Custom range",value:"calender",key:exports.DateKeys.custom,isCustom:!0,dateRangeSelectionOptions:{selectRange:!0,maxDate:new Date((new Date).setMonth((new Date).getMonth()+3))}}];exports.PostPicker=h=>{var u,S;const[w,D]=a.useState(null!==(u=h.previouslySelected)&&void 0!==u?u:[]),[v,C]=a.useState(""),[T,f]=a.useState(!1),[q,k]=a.useState(h.media),[B,P]=a.useState(!1),[E,b]=a.useState(!1),[I,O]=a.useState(!1),_=a.useRef(null);a.useEffect((()=>{h.media.length||(f(!0),setTimeout((()=>{f(!1)}),2e3)),D(h.selected||[])}),[]),a.useEffect((()=>{h.media.length>0&&(k(h.media),f(!1))}),[null===(S=null==h?void 0:h.media)||void 0===S?void 0:S.length]),a.useEffect((()=>{w.length>0&&C("")}),[w.length]),a.useEffect((()=>{B&&(k(h.media),b(!1))}),[B]),a.useEffect((()=>{const e=e=>{document.getElementById("analytic-dropdown").contains(e.target)||O(!I)},t=document.getElementById("post-picker");return t&&t.addEventListener("click",e),()=>{t&&t.removeEventListener("click",e)}}));return e.jsx("div",{ref:_,children:e.jsxs(y.StyledModal,{zIndex:201,open:h.showModal,headingTitle:h.title,onClose:h.onClose,centralContainerStyles:{width:1071,height:h.showFilter?650:564},primaryButton:{disabled:!q.length,buttonType:"primary",buttonText:`Select ${n.unCamelCase(h.mediaType)}`,onClick:()=>{w.length?h.onSelect(w):C(`Please select a ${h.mediaType} to proceed`)}},secondaryButton:{buttonType:"secondary",buttonText:"Back",onClick:()=>h.onClose()},footerLeftCustomElement:v?e.jsx(s.Tag,{tagText:v,type:"negative",LeadingIcon:c.default}):w.length?e.jsxs(i.BodySecondary,{children:[w.length," selected"]}):null,id:"post-picker",children:[h.showFilter&&e.jsxs("div",{style:{marginTop:24,marginBottom:24,padding:"0 24px",display:"flex",flexDirection:"row",gap:8,alignItems:"center"},children:[e.jsx(p.AnalyticsDropdown,{options:g,placeholder:"posted on",resetDropdown:B,onOptionSelected:e=>{var t,a;let r=null,s=null;"Custom range"===e.label?(r=(null===(t=null==e?void 0:e.selectedRange)||void 0===t?void 0:t[0])||new Date,s=(null===(a=null==e?void 0:e.selectedRange)||void 0===a?void 0:a[1])||new Date):(r=e.typeValue[0],s=e.typeValue[1]);const i=h.media.filter((e=>function(e,t,a){const r=new Date(e),s=new Date(t),i=new Date(a);return r>=s&&r<=i}(e.timestamp,r,s)));k(i),b(!0),P(!1)},closeDropdown:I}),E&&e.jsx(i.ButtonRegular,{color:l.COLORS.content.secondary,onClick:()=>P(!0),style:{cursor:"pointer"},children:"Clear"})]}),T?e.jsx("div",{style:{padding:"0 24px"},children:e.jsx(m.BikShimmer,{boxes:[{width:(h.mediaType==exports.MEDIA_TYPES.POST?148:104)+"px",height:(h.mediaType==exports.MEDIA_TYPES.POST?148:172)+"px"}]})}):e.jsx(e.Fragment,{children:q&&q.length?e.jsx(r.StyledProductGrid,{mediaType:h.mediaType,children:q.map((t=>{return e.jsxs(r.StyledProduct,{mediaType:h.mediaType,className:""+(a=t,s=w,s.some((e=>e.id===a.id))?"selected":""),onClick:()=>{return e=t,void D((()=>w.find((t=>t.id===e.id))?w.filter((t=>t.id!==e.id)):!h.limit||w.length<h.limit?[...w,e]:(C(`Only ${h.limit} ${h.mediaType}s can be selected`),w)));var e},children:[e.jsx(x.ShimmerImage,{imageUrl:t.imageUrl,width:h.mediaType==exports.MEDIA_TYPES.POST?148:104,height:h.mediaType==exports.MEDIA_TYPES.POST?148:172,alt:t.overlayCaption}),e.jsxs("div",{className:"overlay",children:[e.jsx("a",{target:"_blank",rel:"noreferrer",href:t.redirectionUrl,children:e.jsxs("div",{className:"overlay__redirection",children:[e.jsx(d.default,{height:22,width:22}),e.jsx(i.BodyPrimary,{color:o.PRIMARY,style:{fontWeight:500},children:"View"})]})}),e.jsx("div",{className:"overlay__caption",children:e.jsx(i.BodyCaption,{color:l.COLORS.content.placeholder,children:t.overlayCaption})})]})]},t.id);var a,s}))}):e.jsx("div",{style:{justifyContent:"center",alignItems:"center",display:"flex",height:422},children:h.media.length?q.length?e.jsx(e.Fragment,{}):e.jsxs("div",{style:{display:"flex",flexDirection:"column",alignItems:"center",gap:"16px"},children:[e.jsx("div",{style:{display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",width:"48px",height:"48px",backgroundColor:`${l.COLORS.background.inverse}`,borderRadius:"50%"},children:e.jsx(t.SearchIcon,{color:l.COLORS.content.primaryInverse})}),e.jsxs("div",{style:{display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",gap:"8px"},children:[e.jsx(i.TitleMedium,{children:"No results found"}),e.jsx(i.BodyPrimary,{children:"Sorry we could not find any results for the selected filter"})]}),e.jsx("div",{onClick:()=>{P(!0)},style:{cursor:"pointer"},children:e.jsx(i.ButtonLarge,{color:`${l.COLORS.content.brand}`,children:"Clear Filter"})})]}):e.jsx(j.StateComponent,{states:j.StateInterface.WARNING,heading:`No ${h.mediaType}s on your account`,subline:`There seems to be no ${h.mediaType}s on your account`,isButtonEnabled:!1,width:400})})})]})})},exports.dateOptions=g;

package/dist/cjs/components/product-picker/ProductPicker.styled.d.ts

@@ -1,9 +1,8 @@
-/// <reference types="react" />
-export declare const StyledZeroState: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const StyledProductPickerContainer: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const StyledZeroState: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, JSX.IntrinsicElements, {}>;
+export declare const StyledProductPickerContainer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, JSX.IntrinsicElements, {}>;