@bikdotai/bik-component-library 0.0.687-beta.9 → 0.0.688

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

@@ -1,266 +1 @@
-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};
+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};

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

@@ -1,18 +1,16 @@
-import { FunctionComponent } from 'react';
-import { NewSubscriptionPlanProps } from './NewSubscriptionPlan.js';
-
-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;
-};
-declare const SubscriptionPlansCollected: FunctionComponent<Props>;
-
-export { SubscriptionPlansCollected };
+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,9 +1,9 @@
-import{jsx as t}from"react/jsx-runtime";import{useState as e,createElement as l}from"react";import o from"styled-components";import{NewSubscriptionPlan as i}from"./NewSubscriptionPlan.js";const a=o.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 n=i.div`
 	display: flex;
 	column-gap: 22px;
 	align-items: stretch;
 	overflow-x: scroll;
-	max-width: ${t=>t.maxWidth??"100%"};
+	max-width: ${t=>{var e;return null!==(e=t.maxWidth)&&void 0!==e?e:"100%"}};
 	&::-webkit-scrollbar-thumb {
 		background: #888;
 		border-radius: 8px;
@@ -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;
 	}
-`,r=o=>{const[r,n]=e(o.selectedPlan??"");return t(a,{style:{padding:"28px 0px 5px 0px"},maxWidth:o.maxWidth,children:o.plans.map(((e,a)=>t("div",{style:{minWidth:o.staticWidth??280,maxWidth:o.staticWidth??280},children:l(i,{...e,showMonthly:!0,showMonthlyOptions:"monthly"==o.selectedTab,showTrialOptions:o.showTrialOptions||!1,onPlanSelect:t=>{o.onPlanSelect(t),n(t)},key:e.planName,isPlanSelected:r==("monthly"==o.selectedTab?e.code:e.yearlyCode),onClickShowAllFeatures:o.onClickShowAllFeatures,showSelectedPlanChip:o.currentPlan==("monthly"==o.selectedTab?e.code:e.yearlyCode),minHeightOfFeatures:o.minHeightOfFeatures})},a)))})};export{r as SubscriptionPlansCollected};
+`,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};

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

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

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

@@ -0,0 +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>;

package/dist/esm/components/postPicker/PostPicker.styled.js

@@ -1,4 +1,4 @@
-import e from"styled-components";import{TitleMedium as t}from"../TypographyStyle.js";e.div`
+import e from"styled-components";import{TitleMedium as i}from"../TypographyStyle.js";var t;!function(e){e.STORY="story",e.POST="post",e.REEL="reel"}(t||(t={})),e.div`
 	position: fixed;
 	top: 0;
 	left: 0;
@@ -26,15 +26,15 @@ import e from"styled-components";import{TitleMedium as t}from"../TypographyStyle
 	flex-direction: row;
 	gap: 20px;
 	width: 1032px;
-`,e(t)`
+`,e(i)`
 	padding: 6px 6px 20px 6px;
 `,e.div`
 	padding: 6px 6px 20px 6px;
-`;const i=e.div`
+`;const o=e.div`
 	display: grid;
 	grid-template-columns: repeat(
-		${e=>"post"==e.mediaType?6:8},
-		${e=>"post"==e.mediaType?156:113}px
+		${e=>e.mediaType==t.POST?6:8},
+		${e=>e.mediaType==t.POST?156:113}px
 	);
 	grid-gap: 16px;
 	overflow-y: scroll;
@@ -50,10 +50,10 @@ import e from"styled-components";import{TitleMedium as t}from"../TypographyStyle
 	&:hover::-webkit-scrollbar {
 		width: 0.5em;
 	}
-`,o=e.div`
+`,p=e.div`
 	position: relative;
 	cursor: pointer;
-	height: ${e=>"post"==e.mediaType?155:180}px;
+	height: ${e=>e.mediaType==t.POST?155:180}px;
 	padding: 2px;
 	border-radius: 4px;
 	border: 2px solid transparent;
@@ -67,8 +67,8 @@ import e from"styled-components";import{TitleMedium as t}from"../TypographyStyle
 		position: absolute;
 		top: 2px;
 		left: 2px;
-		width: ${e=>"post"==e.mediaType?148:104}px;
-		height: ${e=>"post"==e.mediaType?148:172}px;
+		width: ${e=>e.mediaType==t.POST?148:104}px;
+		height: ${e=>e.mediaType==t.POST?148:172}px;
 		background-color: rgba(255, 255, 255, 0.9);
 		display: flex;
 		flex-direction: column;
@@ -125,4 +125,4 @@ import e from"styled-components";import{TitleMedium as t}from"../TypographyStyle
 	flex-direction: row;
 	justify-content: flex-end;
 	gap: 10px;
-`;export{o as StyledProduct,i as StyledProductGrid};
+`;export{p as StyledProduct,o as StyledProductGrid};

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

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

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

@@ -1,51 +1,47 @@
-import React__default from 'react';
-
-declare enum MEDIA_TYPES {
-    STORY = "story",
-    POST = "post",
-    REEL = "reel"
-}
-type Media = {
-    imageUrl: string;
-    redirectionUrl: string;
-    overlayCaption: string;
-    id: string;
-    timestamp?: string;
-};
-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;
-};
-declare enum DateKeys {
-    'Today' = "Today",
-    '7_Days' = "7",
-    '30_Days' = "30",
-    'custom' = "custom",
-    'Yesterday' = "Yesterday"
-}
-interface DateOptionI {
-    label: string;
-    value: string;
-    key: DateKeys;
-    typeValue?: [Date, Date];
-    selectedRange?: [Date, Date];
-    isCustom?: boolean;
-    dateRangeSelectionOptions?: {
-        selectRange: boolean;
-        maxDate?: Date;
-        minDate?: Date;
-    };
-}
-declare const dateOptions: DateOptionI[];
-declare const PostPicker: React__default.FC<PostPickerProps>;
-
-export { DateKeys, MEDIA_TYPES, PostPicker, dateOptions };
-export type { DateOptionI, Media, 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 r}from"../../assets/icons/searchIcon.js";import{useState as n,useRef as i,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 f}from"../../constants/Theme.js";import C from"../../assets/icons/instagram.svg.js";import j from"../../assets/icons/warning.svg.js";import"../tooltips/Tooltip.js";import"../analytics-chips-and-dropdowns/CommonStyles.js";import{AnalyticsDropdown as v}from"../analytics-chips-and-dropdowns/AnalyticsDropdown.js";import"../analytics-chips-and-dropdowns/AnalyticsMetric.js";import"../shimmer/ShimmerComponent/ShimmerStyled.js";import"../analytics-chips-and-dropdowns/chart/LineChart/LineChart.js";import"react-bootstrap";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/VerticalBarGraph/VerticalGraph.js";import"../analytics-chips-and-dropdowns/chart/VerticalBarGraph/FunnelVerticalBarGraph.js";import"../analytics-chips-and-dropdowns/chart/heatmap/HeatMapStyled.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 x}from"../shimmer-image/ShimmerImage.js";import{StateComponent as k,StateInterface as S}from"../states/StateComponent.js";var b=(e=>(e.STORY="story",e.POST="post",e.REEL="reel",e))(b||{}),B=(e=>(e.Today="Today",e["7_Days"]="7",e["30_Days"]="30",e.custom="custom",e.Yesterday="Yesterday",e))(B||{});const I=[{label:"Today",value:"today",key:"Today",typeValue:[new Date,new Date]},{label:"Last 7 days",value:"7 days",key:"7",typeValue:[new Date((new Date).setDate((new Date).getDate()-6)),new Date]},{label:"Last 30 days",value:"30 days",key:"30",typeValue:[new Date((new Date).setDate((new Date).getDate()-29)),new Date]},{label:"Custom range",value:"calender",key:"custom",isCustom:!0,dateRangeSelectionOptions:{selectRange:!0,maxDate:new Date((new Date).setMonth((new Date).getMonth()+3))}}],V=b=>{const[B,V]=n(b.previouslySelected??[]),[L,G]=n(""),[E,N]=n(!1),[P,R]=n(b.media),[$,M]=n(!1),[_,A]=n(!1),[O,F]=n(!1),H=i(null);o((()=>{b.media.length||(N(!0),setTimeout((()=>{N(!1)}),2e3)),V(b.selected||[])}),[]),o((()=>{b.media.length>0&&(R(b.media),N(!1))}),[b?.media?.length]),o((()=>{B.length>0&&G("")}),[B.length]),o((()=>{$&&(R(b.media),A(!1))}),[$]),o((()=>{const e=e=>{document.getElementById("analytic-dropdown").contains(e.target)||F(!O)},t=document.getElementById("post-picker");return t&&t.addEventListener("click",e),()=>{t&&t.removeEventListener("click",e)}}));return e("div",{ref:H,children:t(D,{zIndex:201,open:b.showModal,headingTitle:b.title,onClose:b.onClose,centralContainerStyles:{width:1071,height:b.showFilter?650:564},primaryButton:{disabled:!P.length,buttonType:"primary",buttonText:`Select ${g(b.mediaType)}`,onClick:()=>{B.length?b.onSelect(B):G(`Please select a ${b.mediaType} to proceed`)}},secondaryButton:{buttonType:"secondary",buttonText:"Back",onClick:()=>b.onClose()},footerLeftCustomElement:L?e(d,{tagText:L,type:"negative",LeadingIcon:j}):B.length?t(u,{children:[B.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(v,{options:I,placeholder:"posted on",resetDropdown:$,onOptionSelected:e=>{let t=null,a=null;"Custom range"===e.label?(t=e?.selectedRange?.[0]||new Date,a=e?.selectedRange?.[1]||new Date):(t=e.typeValue[0],a=e.typeValue[1]);const r=b.media.filter((e=>function(e,t,a){const r=new Date(e),n=new Date(t),i=new Date(a);return r>=n&&r<=i}(e.timestamp,t,a)));R(r),A(!0),M(!1)},closeDropdown:O}),_&&e(c,{color:f.content.secondary,onClick:()=>M(!0),style:{cursor:"pointer"},children:"Clear"})]}),E?e("div",{style:{padding:"0 24px"},children:e(T,{boxes:[{width:("post"==b.mediaType?148:104)+"px",height:("post"==b.mediaType?148:172)+"px"}]})}):e(a,{children:P&&P.length?e(s,{mediaType:b.mediaType,children:P.map((a=>{return t(l,{mediaType:b.mediaType,className:""+(r=a,n=B,n.some((e=>e.id===r.id))?"selected":""),onClick:()=>{return e=a,void V((()=>B.find((t=>t.id===e.id))?B.filter((t=>t.id!==e.id)):!b.limit||B.length<b.limit?[...B,e]:(G(`Only ${b.limit} ${b.mediaType}s can be selected`),B)));var e},children:[e(x,{imageUrl:a.imageUrl,width:"post"==b.mediaType?148:104,height:"post"==b.mediaType?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(C,{height:22,width:22}),e(p,{color:w,style:{fontWeight:500},children:"View"})]})}),e("div",{className:"overlay__caption",children:e(m,{color:f.content.placeholder,children:a.overlayCaption})})]})]},a.id);var r,n}))}):e("div",{style:{justifyContent:"center",alignItems:"center",display:"flex",height:422},children:b.media.length?P.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:`${f.background.inverse}`,borderRadius:"50%"},children:e(r,{color:f.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:()=>{M(!0)},style:{cursor:"pointer"},children:e(y,{color:`${f.content.brand}`,children:"Clear Filter"})})]}):e(k,{states:S.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,V as PostPicker,I 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 n,useRef as r,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 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/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 O,StateInterface as S}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(d,{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(c,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(O,{states:S.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};

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

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+export declare const StyledZeroState: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | 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> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;