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

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

@@ -1 +1,266 @@
-import c from"@emotion/styled/base";import{COLORS as b}from"../../constants/Theme.js";const d=c("div","production"===process.env.NODE_ENV?{target:"e4062251"}:{target:"e4062251",label:"SubscriptionPlanStyled"})("position:relative;border:1px solid ",b.stroke.primary,";border:1px solid ",(c=>c.isSelected?b.text.altSecondary:b.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.surface.standard,";display:flex;flex-direction:column;.button-box{margin-top:auto;display:flex;}}.box.selected{background-color:",b.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.surface.standard,";}}.trial{margin-top:16px;margin-bottom:12px;padding:4px 8px;border-radius:4px;color:",b.content.secondary,";background-color:",b.surface.hovered,";}.trial.selected{background-color:",b.surface.standard,";}.feature{display:flex;align-items:center;margin-top:4px;.feature-text{margin-left:12px;color:",b.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.background.brandLight,";padding:4px;border-bottom-left-radius:4px;border-bottom-right-radius:4px;.text{color:",b.background.inverse,";}}.disabled{*{color:",b.content.inactive,"!important;}}.plan-bottom-information.disabled{background:",b.background.base,";}.plan-bottom-information.selected{background:",b.surface.standard,";color:",b.content.placeholder,";}.old--price{color:",b.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=c("div","production"===process.env.NODE_ENV?{target:"e4062250"}:{target:"e4062250",label:"NewSubscriptionStyled"})("position:relative;cursor:pointer;border:1px solid ",b.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.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.content.secondary,";background-color:",b.surface.hovered,";}.trial.selected{background-color:",b.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.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.background.brandLight,";padding:4px;border-bottom-left-radius:4px;border-bottom-right-radius:4px;.text{color:",b.background.inverse,";}}.disabled{*{color:",b.content.inactive,"!important;}}.plan-bottom-information.disabled{background:",b.background.base,";}.plan-bottom-information.selected{background:",b.surface.standard,";color:",b.content.placeholder,";}.old--price{color:",b.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.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.content.secondary,";}.popular-testimony{display:flex;padding:12px;align-items:flex-start;gap:12px;border-radius:8px;background:",b.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.stroke.positive.vibrant,";}"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlN1YnNjcmlwdGlvblBsYW5TdHlsZWQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXdIZ0QiLCJmaWxlIjoiU3Vic2NyaXB0aW9uUGxhblN0eWxlZC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XHJcbmltcG9ydCB7IENPTE9SUyB9IGZyb20gXCIuLi8uLi9jb25zdGFudHMvVGhlbWVcIjtcclxuZXhwb3J0IGNvbnN0IFN1YnNjcmlwdGlvblBsYW5TdHlsZWQgPSBzdHlsZWQuZGl2IGBcblx0cG9zaXRpb246IHJlbGF0aXZlO1xuXG5cdGJvcmRlcjogMXB4IHNvbGlkICR7Q09MT1JTLnN0cm9rZS5wcmltYXJ5fTtcblx0Ym9yZGVyOiAxcHggc29saWRcblx0XHQkeyhwcm9wcykgPT4gcHJvcHMuaXNTZWxlY3RlZCA/IENPTE9SUy50ZXh0LmFsdFNlY29uZGFyeSA6IENPTE9SUy5zdHJva2UucHJpbWFyeX07XG5cblx0Ym94LXNoYWRvdzogMHB4IDJweCA4cHggcmdiYSgwLCAwLCAwLCAwLjEyKTtcblx0Ym9yZGVyLXJhZGl1czogNHB4O1xuXG5cdC5ib3gge1xuXHRcdGhlaWdodDogJHsocHJvcHMpID0+IChwcm9wcy5pc01hbmlmZXN0UGxhbiA/ICc0MDBweCcgOiAnNjAwcHgnKX07XG5cdFx0cGFkZGluZzogMjRweDtcblx0XHRiYWNrZ3JvdW5kLWNvbG9yOiAke0NPTE9SUy5zdXJmYWNlLnN0YW5kYXJkfTtcblx0XHRkaXNwbGF5OiBmbGV4O1xuXHRcdGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG5cblx0XHQuYnV0dG9uLWJveCB7XG5cdFx0XHRtYXJnaW4tdG9wOiBhdXRvO1xuXHRcdFx0ZGlzcGxheTogZmxleDtcblx0XHR9XG5cdH1cblxuXHQuYm94LnNlbGVjdGVkIHtcblx0XHRiYWNrZ3JvdW5kLWNvbG9yOiAke0NPTE9SUy5iYWNrZ3JvdW5kLmJyYW5kTGlnaHR9O1xuXHR9XG5cblx0LnJvdW5kZWQtY29ybmVycyB7XG5cdFx0Ym9yZGVyLXRvcC1sZWZ0LXJhZGl1czogNHB4O1xuXHRcdGJvcmRlci10b3AtcmlnaHQtcmFkaXVzOiA0cHg7XG5cdH1cblxuXHR3aWR0aDogMTAwJTtcblxuXHQubW9zdC1wb3B1bGFyIHtcblx0XHRiYWNrZ3JvdW5kOiBsaW5lYXItZ3JhZGllbnQoOTAuMDVkZWcsICM3NDM5NzkgMS4yMiUsICM1MjZkY2EgOTkuOTUlKSxcblx0XHRcdCM0YjE1ODM7XG5cdFx0cGFkZGluZzogNHB4O1xuXHRcdGJvcmRlci10b3AtbGVmdC1yYWRpdXM6IDRweDtcblx0XHRib3JkZXItdG9wLXJpZ2h0LXJhZGl1czogNHB4O1xuXHRcdGRpc3BsYXk6IGZsZXg7XG5cdFx0anVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG5cdFx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblxuXHRcdC50ZXh0IHtcblx0XHRcdGNvbG9yOiAke0NPTE9SUy5zdXJmYWNlLnN0YW5kYXJkfTtcblx0XHR9XG5cdH1cblxuXHQudHJpYWwge1xuXHRcdG1hcmdpbi10b3A6IDE2cHg7XG5cdFx0bWFyZ2luLWJvdHRvbTogMTJweDtcblx0XHRwYWRkaW5nOiA0cHggOHB4O1xuXHRcdGJvcmRlci1yYWRpdXM6IDRweDtcblx0XHRjb2xvcjogJHtDT0xPUlMuY29udGVudC5zZWNvbmRhcnl9O1xuXHRcdGJhY2tncm91bmQtY29sb3I6ICR7Q09MT1JTLnN1cmZhY2UuaG92ZXJlZH07XG5cdH1cblxuXHQudHJpYWwuc2VsZWN0ZWQge1xuXHRcdGJhY2tncm91bmQtY29sb3I6ICR7Q09MT1JTLnN1cmZhY2Uuc3RhbmRhcmR9O1xuXHR9XG5cblx0LmZlYXR1cmUge1xuXHRcdGRpc3BsYXk6IGZsZXg7XG5cdFx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblxuXHRcdC5mZWF0dXJlLXRleHQge1xuXHRcdFx0bWFyZ2luLWxlZnQ6IDEycHg7XG5cdFx0XHRjb2xvcjogJHtDT0xPUlMuY29udGVudC5zZWNvbmRhcnl9O1xuXHRcdH1cblxuXHRcdG1hcmdpbi10b3A6IDRweDtcblx0fVxuXG5cdC5wcmljZS1ibG9jayB7XG5cdFx0ZGlzcGxheTogZmxleDtcblx0XHRtYXJnaW4tYm90dG9tOiA0cHg7XG5cdFx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0fVxuXG5cdC5wZXItbWVzc2FnZS1wcmljZSB7XG5cdFx0ZGlzcGxheTogZmxleDtcblx0fVxuXG5cdC5wbGFuLWJvdHRvbS1pbmZvcm1hdGlvbiB7XG5cdFx0bWFyZ2luLXRvcDogYXV0bztcblx0XHR0ZXh0LWFsaWduOiBjZW50ZXI7XG5cdFx0YmFja2dyb3VuZDogJHtDT0xPUlMuYmFja2dyb3VuZC5icmFuZExpZ2h0fTtcblx0XHRwYWRkaW5nOiA0cHg7XG5cblx0XHQudGV4dCB7XG5cdFx0XHRjb2xvcjogJHtDT0xPUlMuYmFja2dyb3VuZC5pbnZlcnNlfTtcblx0XHR9XG5cblx0XHRib3JkZXItYm90dG9tLWxlZnQtcmFkaXVzOiA0cHg7XG5cdFx0Ym9yZGVyLWJvdHRvbS1yaWdodC1yYWRpdXM6IDRweDtcblx0fVxuXG5cdC5kaXNhYmxlZCB7XG5cdFx0KiB7XG5cdFx0XHRjb2xvcjogJHtDT0xPUlMuY29udGVudC5pbmFjdGl2ZX0gIWltcG9ydGFudDtcblx0XHR9XG5cdH1cblxuXHQucGxhbi1ib3R0b20taW5mb3JtYXRpb24uZGlzYWJsZWQge1xuXHRcdGJhY2tncm91bmQ6ICR7Q09MT1JTLmJhY2tncm91bmQuYmFzZX07XG5cdH1cblxuXHQucGxhbi1ib3R0b20taW5mb3JtYXRpb24uc2VsZWN0ZWQge1xuXHRcdGJhY2tncm91bmQ6ICR7Q09MT1JTLnN1cmZhY2Uuc3RhbmRhcmR9O1xuXHRcdGNvbG9yOiAke0NPTE9SUy5jb250ZW50LnBsYWNlaG9sZGVyfTtcblx0fVxuXHQub2xkLS1wcmljZSB7XG5cdFx0Y29sb3I6ICR7Q09MT1JTLmNvbnRlbnQuc2Vjb25kYXJ5fTtcblx0XHR0ZXh0LWRlY29yYXRpb246IGxpbmUtdGhyb3VnaDtcblx0XHRtYXJnaW4tcmlnaHQ6IDRweDtcblx0fVxuYDtcclxuZXhwb3J0IGNvbnN0IE5ld1N1YnNjcmlwdGlvblN0eWxlZCA9IHN0eWxlZC5kaXYgYFxuXHRwb3NpdGlvbjogcmVsYXRpdmU7XG5cdGN1cnNvcjogcG9pbnRlcjtcblx0Ym9yZGVyOiAxcHggc29saWQgJHtDT0xPUlMuc3Ryb2tlLnByaW1hcnl9O1xuXHRib3gtc2hhZG93OiAkeyhwcm9wcykgPT4gcHJvcHMuc2hvd01vc3RQb3B1bGFyQ2hpcFxyXG4gICAgPyAnMHB4IDBweCAxMnB4IDBweCByZ2JhKDExNiwgMCwgMjU1LCAwLjI0KSdcclxuICAgIDogJyd9O1xuXHRib3JkZXItcmFkaXVzOiA4cHg7XG5cdHdpZHRoOiAxMDA7XG5cblx0LmJveCB7XG5cdFx0Ym9yZGVyLXJhZGl1czogOHB4O1xuXHRcdG1pbi1oZWlnaHQ6ICR7KHByb3BzKSA9PiAocHJvcHMuaGVpZ2h0ID8gcHJvcHMuaGVpZ2h0IDogJzUyNXB4Jyl9O1xuXHRcdHBhZGRpbmc6IDE2cHg7XG5cdFx0YmFja2dyb3VuZC1jb2xvcjogJHtDT0xPUlMuc3VyZmFjZS5zdGFuZGFyZH07XG5cdFx0ZGlzcGxheTogZmxleDtcblx0XHRmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuXHRcdGdhcDogMTJweDtcblxuXHRcdC5idXR0b24tYm94IHtcblx0XHRcdG1hcmdpbi10b3A6IGF1dG87XG5cdFx0XHRkaXNwbGF5OiBmbGV4O1xuXHRcdH1cblx0fVxuXG5cdC50cmlhbCB7XG5cdFx0bWFyZ2luLXRvcDogMTZweDtcblx0XHRtYXJnaW4tYm90dG9tOiAxMnB4O1xuXHRcdHBhZGRpbmc6IDRweCA4cHg7XG5cdFx0Ym9yZGVyLXJhZGl1czogNHB4O1xuXHRcdGNvbG9yOiAke0NPTE9SUy5jb250ZW50LnNlY29uZGFyeX07XG5cdFx0YmFja2dyb3VuZC1jb2xvcjogJHtDT0xPUlMuc3VyZmFjZS5ob3ZlcmVkfTtcblx0fVxuXG5cdC50cmlhbC5zZWxlY3RlZCB7XG5cdFx0YmFja2dyb3VuZC1jb2xvcjogJHtDT0xPUlMuc3VyZmFjZS5zdGFuZGFyZH07XG5cdH1cblx0LmZlYXR1cmVzIHtcblx0XHRkaXNwbGF5OiBmbGV4O1xuXHRcdGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG5cdFx0Z2FwOiAycHg7XG5cdH1cblx0LmZlYXR1cmUge1xuXHRcdGRpc3BsYXk6IGZsZXg7XG5cdFx0YWxpZ24taXRlbXM6IGJhc2VsaW5lO1xuXHRcdGdhcDogOXB4O1xuXHRcdGp1c3RpZnktY29udGVudDogZmxleC1zdGFydDtcblx0XHRmbGV4LWRpcmVjdGlvbjogcm93O1xuXG5cdFx0LmZlYXR1cmUtdGV4dCB7XG5cdFx0XHRjb2xvcjogJHtDT0xPUlMuY29udGVudC5zZWNvbmRhcnl9O1xuXHRcdH1cblx0fVxuXG5cdC5wcmljZS1ibG9jayB7XG5cdFx0ZGlzcGxheTogZmxleDtcblx0XHRhbGlnbi1pdGVtczogY2VudGVyO1xuXHR9XG5cblx0LnBlci1tZXNzYWdlLXByaWNlIHtcblx0XHRkaXNwbGF5OiBmbGV4O1xuXHR9XG5cblx0LnBsYW4tYm90dG9tLWluZm9ybWF0aW9uIHtcblx0XHRtYXJnaW4tdG9wOiBhdXRvO1xuXHRcdHRleHQtYWxpZ246IGNlbnRlcjtcblx0XHRiYWNrZ3JvdW5kOiAke0NPTE9SUy5iYWNrZ3JvdW5kLmJyYW5kTGlnaHR9O1xuXHRcdHBhZGRpbmc6IDRweDtcblxuXHRcdC50ZXh0IHtcblx0XHRcdGNvbG9yOiAke0NPTE9SUy5iYWNrZ3JvdW5kLmludmVyc2V9O1xuXHRcdH1cblxuXHRcdGJvcmRlci1ib3R0b20tbGVmdC1yYWRpdXM6IDRweDtcblx0XHRib3JkZXItYm90dG9tLXJpZ2h0LXJhZGl1czogNHB4O1xuXHR9XG5cblx0LmRpc2FibGVkIHtcblx0XHQqIHtcblx0XHRcdGNvbG9yOiAke0NPTE9SUy5jb250ZW50LmluYWN0aXZlfSAhaW1wb3J0YW50O1xuXHRcdH1cblx0fVxuXG5cdC5wbGFuLWJvdHRvbS1pbmZvcm1hdGlvbi5kaXNhYmxlZCB7XG5cdFx0YmFja2dyb3VuZDogJHtDT0xPUlMuYmFja2dyb3VuZC5iYXNlfTtcblx0fVxuXG5cdC5wbGFuLWJvdHRvbS1pbmZvcm1hdGlvbi5zZWxlY3RlZCB7XG5cdFx0YmFja2dyb3VuZDogJHtDT0xPUlMuc3VyZmFjZS5zdGFuZGFyZH07XG5cdFx0Y29sb3I6ICR7Q09MT1JTLmNvbnRlbnQucGxhY2Vob2xkZXJ9O1xuXHR9XG5cdC5vbGQtLXByaWNlIHtcblx0XHRjb2xvcjogJHtDT0xPUlMuY29udGVudC5zZWNvbmRhcnl9O1xuXHRcdHRleHQtZGVjb3JhdGlvbjogbGluZS10aHJvdWdoO1xuXHRcdG1hcmdpbi1yaWdodDogNHB4O1xuXHR9XG5cdC5tb3N0LXBvcHVsYXItY2hpcCB7XG5cdFx0Ym9yZGVyLXJhZGl1czogMjVweCAyNXB4IDBweCAwcHg7XG5cdFx0YmFja2dyb3VuZDogbGluZWFyLWdyYWRpZW50KDE4MGRlZywgIzI4MDM0ZSAtMC42NSUsICM3MzFkY2YgOTkuNTUlKTtcblx0XHRwb3NpdGlvbjogYWJzb2x1dGU7XG5cdFx0cGFkZGluZzogN3B4IDE4cHggNXB4IDE4cHg7XG5cdFx0dG9wOiAtMjhweDtcblx0XHRyaWdodDogMTZweDtcblx0XHRkaXNwbGF5OiBmbGV4O1xuXHRcdGZsZXgtZGlyZWN0aW9uOiByb3c7XG5cdFx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0XHRqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcblx0XHRnYXA6IDRweDtcblx0fVxuXHQucG9wdWxhci10ZXh0IHtcblx0XHRjb2xvcjogJHtDT0xPUlMuc3VyZmFjZS5zdWJkdWVkfTtcblx0XHRmb250LXNpemU6IDEwLjM0NXB4O1xuXHR9XG5cdC5yYWRpby1mbGV4IHtcblx0XHRkaXNwbGF5OiBmbGV4O1xuXHRcdGFsaWduLWl0ZW1zOiBiYXNlbGluZTtcblx0XHRqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtc3RhcnQ7XG5cdFx0Z2FwOiA4cHg7XG5cdH1cblx0LmV4dHJhLWluY2x1ZGUtbWFyZ2luIHtcblx0XHRtYXJnaW4tdG9wOiA4cHg7XG5cdH1cblx0LmJ1aXNuZXNzLWRlc2Mge1xuXHRcdGZvbnQtc2l6ZTogMTRweDtcblx0XHRmb250LXN0eWxlOiBub3JtYWw7XG5cdFx0Zm9udC13ZWlnaHQ6IDQwMDtcblx0XHRjb2xvcjogJHtDT0xPUlMuY29udGVudC5zZWNvbmRhcnl9O1xuXHR9XG5cdC5wb3B1bGFyLXRlc3RpbW9ueSB7XG5cdFx0ZGlzcGxheTogZmxleDtcblx0XHRwYWRkaW5nOiAxMnB4O1xuXHRcdGFsaWduLWl0ZW1zOiBmbGV4LXN0YXJ0O1xuXHRcdGdhcDogMTJweDtcblx0XHRib3JkZXItcmFkaXVzOiA4cHg7XG5cdFx0YmFja2dyb3VuZDogJHtDT0xPUlMuYmFja2dyb3VuZC5icmFuZExpZ2h0fTtcblx0fVxuXHQudGVzdGltb255LXRleHQge1xuXHRcdGZvbnQtc2l6ZTogMTJweDtcblx0XHRmb250LXN0eWxlOiBub3JtYWw7XG5cdFx0Zm9udC13ZWlnaHQ6IDYwMDtcblx0XHRsaW5lLWhlaWdodDogMTZweDtcblx0fVxuXHQucmFkaW8tYnV0dG9uIHtcblx0XHR3aWR0aDogMThweDtcblx0XHRoZWlnaHQ6IDE4cHg7XG5cdH1cblxuXHRpbnB1dFt0eXBlPSdyYWRpbyddIHtcblx0XHRhY2NlbnQtY29sb3I6ICR7Q09MT1JTLnN0cm9rZS5wb3NpdGl2ZS52aWJyYW50fTtcblx0fVxuYDtcclxuLy8jIHNvdXJjZU1hcHBpbmdVUkw9U3Vic2NyaXB0aW9uUGxhblN0eWxlZC5qcy5tYXAiXX0= */"));export{X as NewSubscriptionStyled,d as SubscriptionPlanStyled};
+import o from"@emotion/styled";import{COLORS as t}from"../../constants/Theme.js";const r=o.div`
+	position: relative;
+
+	border: 1px solid ${t.stroke.primary};
+	border: 1px solid
+		${o=>o.isSelected?t.text.altSecondary:t.stroke.primary};
+
+	box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.12);
+	border-radius: 4px;
+
+	.box {
+		height: ${o=>o.isManifestPlan?"400px":"600px"};
+		padding: 24px;
+		background-color: ${t.surface.standard};
+		display: flex;
+		flex-direction: column;
+
+		.button-box {
+			margin-top: auto;
+			display: flex;
+		}
+	}
+
+	.box.selected {
+		background-color: ${t.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.surface.standard};
+		}
+	}
+
+	.trial {
+		margin-top: 16px;
+		margin-bottom: 12px;
+		padding: 4px 8px;
+		border-radius: 4px;
+		color: ${t.content.secondary};
+		background-color: ${t.surface.hovered};
+	}
+
+	.trial.selected {
+		background-color: ${t.surface.standard};
+	}
+
+	.feature {
+		display: flex;
+		align-items: center;
+
+		.feature-text {
+			margin-left: 12px;
+			color: ${t.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.background.brandLight};
+		padding: 4px;
+
+		.text {
+			color: ${t.background.inverse};
+		}
+
+		border-bottom-left-radius: 4px;
+		border-bottom-right-radius: 4px;
+	}
+
+	.disabled {
+		* {
+			color: ${t.content.inactive} !important;
+		}
+	}
+
+	.plan-bottom-information.disabled {
+		background: ${t.background.base};
+	}
+
+	.plan-bottom-information.selected {
+		background: ${t.surface.standard};
+		color: ${t.content.placeholder};
+	}
+	.old--price {
+		color: ${t.content.secondary};
+		text-decoration: line-through;
+		margin-right: 4px;
+	}
+`,e=o.div`
+	position: relative;
+	cursor: pointer;
+	border: 1px solid ${t.stroke.primary};
+	box-shadow: ${o=>o.showMostPopularChip?"0px 0px 12px 0px rgba(116, 0, 255, 0.24)":""};
+	border-radius: 8px;
+	width: 100;
+
+	.box {
+		border-radius: 8px;
+		min-height: ${o=>o.height?o.height:"525px"};
+		padding: 16px;
+		background-color: ${t.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.content.secondary};
+		background-color: ${t.surface.hovered};
+	}
+
+	.trial.selected {
+		background-color: ${t.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.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.background.brandLight};
+		padding: 4px;
+
+		.text {
+			color: ${t.background.inverse};
+		}
+
+		border-bottom-left-radius: 4px;
+		border-bottom-right-radius: 4px;
+	}
+
+	.disabled {
+		* {
+			color: ${t.content.inactive} !important;
+		}
+	}
+
+	.plan-bottom-information.disabled {
+		background: ${t.background.base};
+	}
+
+	.plan-bottom-information.selected {
+		background: ${t.surface.standard};
+		color: ${t.content.placeholder};
+	}
+	.old--price {
+		color: ${t.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.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.content.secondary};
+	}
+	.popular-testimony {
+		display: flex;
+		padding: 12px;
+		align-items: flex-start;
+		gap: 12px;
+		border-radius: 8px;
+		background: ${t.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.stroke.positive.vibrant};
+	}
+`;export{e as NewSubscriptionStyled,r as SubscriptionPlanStyled};

package/dist/esm/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/esm/components/plans/SubscriptionPlansCollected.js

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

package/dist/esm/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/esm/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/esm/components/postPicker/index.d.ts

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

package/dist/esm/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/esm/components/postPicker/postPicker.js

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

package/dist/esm/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, {}>;