npm - @bikdotai/bik-component-library - Versions diffs - 0.0.375-beta.1 → 0.0.375-beta.5 - Mend

@bikdotai/bik-component-library 0.0.375-beta.1 → 0.0.375-beta.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (525) hide show

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

	@@ -1 +1 @@
1	- import c from"@emotion/styled/base";import{COLORS as d}from"../../constants/Theme.js";const b=c("div","production"===process.env.NODE_ENV?{target:"e4062250"}:{target:"e4062250",label:"SubscriptionPlanStyled"})("border:1px solid ",d.stroke.primary,";border:1px solid ",(c=>c.isSelected?d.text.altSecondary:d.stroke.primary),";box-shadow:0px 2px 8px rgba(0, 0, 0, 0.12);border-radius:4px;.box{height:",(c=>c.isManifestPlan?"400px":"600px"),";padding:24px;background-color:",d.surface.standard,";display:flex;flex-direction:column;.button-box{margin-top:auto;display:flex;}}.box.selected{background-color:",d.background.brandLight,";}.rounded-corners{border-top-left-radius:4px;border-top-right-radius:4px;}width:100%;.most-popular{background:linear-gradient(90.05deg, #743979 1.22%, #526dca 99.95%),#4b1583;padding:4px;border-top-left-radius:4px;border-top-right-radius:4px;display:flex;justify-content:center;align-items:center;.text{color:",d.surface.standard,";}}.trial{margin-top:16px;margin-bottom:12px;padding:4px 8px;border-radius:4px;color:",d.content.secondary,";background-color:",d.surface.hovered,";}.trial.selected{background-color:",d.surface.standard,";}.feature{display:flex;align-items:center;margin-top:4px;.feature-text{margin-left:12px;color:",d.content.secondary,";}}.price-block{display:flex;margin-bottom:4px;align-items:center;}.per-message-price{display:flex;}.plan-bottom-information{margin-top:auto;text-align:center;background:",d.background.brandLight,";padding:4px;border-bottom-left-radius:4px;border-bottom-right-radius:4px;.text{color:",d.background.inverse,";}}.disabled{{color:",d.content.inactive,"!important;}}.plan-bottom-information.disabled{background:",d.background.base,";}.plan-bottom-information.selected{background:",d.surface.standard,";color:",d.content.placeholder,";}"+("production"===process.env.NODE_ENV?"":"/# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlN1YnNjcmlwdGlvblBsYW5TdHlsZWQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUVpRCIsImZpbGUiOiJTdWJzY3JpcHRpb25QbGFuU3R5bGVkLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcclxuaW1wb3J0IHsgQ09MT1JTIH0gZnJvbSBcIi4uLy4uL2NvbnN0YW50cy9UaGVtZVwiO1xyXG5leHBvcnQgY29uc3QgU3Vic2NyaXB0aW9uUGxhblN0eWxlZCA9IHN0eWxlZC5kaXYgYFxuXHRib3JkZXI6IDFweCBzb2xpZCAke0NPTE9SUy5zdHJva2UucHJpbWFyeX07XG5cdGJvcmRlcjogMXB4IHNvbGlkXG5cdFx0JHsocHJvcHMpID0+IHByb3BzLmlzU2VsZWN0ZWQgPyBDT0xPUlMudGV4dC5hbHRTZWNvbmRhcnkgOiBDT0xPUlMuc3Ryb2tlLnByaW1hcnl9O1xuXG5cdGJveC1zaGFkb3c6IDBweCAycHggOHB4IHJnYmEoMCwgMCwgMCwgMC4xMik7XG5cdGJvcmRlci1yYWRpdXM6IDRweDtcblxuXHQuYm94IHtcblx0XHRoZWlnaHQ6ICR7KHByb3BzKSA9PiAocHJvcHMuaXNNYW5pZmVzdFBsYW4gPyAnNDAwcHgnIDogJzYwMHB4Jyl9O1xuXHRcdHBhZGRpbmc6IDI0cHg7XG5cdFx0YmFja2dyb3VuZC1jb2xvcjogJHtDT0xPUlMuc3VyZmFjZS5zdGFuZGFyZH07XG5cdFx0ZGlzcGxheTogZmxleDtcblx0XHRmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuXG5cdFx0LmJ1dHRvbi1ib3gge1xuXHRcdFx0bWFyZ2luLXRvcDogYXV0bztcblx0XHRcdGRpc3BsYXk6IGZsZXg7XG5cdFx0fVxuXHR9XG5cblx0LmJveC5zZWxlY3RlZCB7XG5cdFx0YmFja2dyb3VuZC1jb2xvcjogJHtDT0xPUlMuYmFja2dyb3VuZC5icmFuZExpZ2h0fTtcblx0fVxuXG5cdC5yb3VuZGVkLWNvcm5lcnMge1xuXHRcdGJvcmRlci10b3AtbGVmdC1yYWRpdXM6IDRweDtcblx0XHRib3JkZXItdG9wLXJpZ2h0LXJhZGl1czogNHB4O1xuXHR9XG5cblx0d2lkdGg6IDEwMCU7XG5cblx0Lm1vc3QtcG9wdWxhciB7XG5cdFx0YmFja2dyb3VuZDogbGluZWFyLWdyYWRpZW50KDkwLjA1ZGVnLCAjNzQzOTc5IDEuMjIlLCAjNTI2ZGNhIDk5Ljk1JSksXG5cdFx0XHQjNGIxNTgzO1xuXHRcdHBhZGRpbmc6IDRweDtcblx0XHRib3JkZXItdG9wLWxlZnQtcmFkaXVzOiA0cHg7XG5cdFx0Ym9yZGVyLXRvcC1yaWdodC1yYWRpdXM6IDRweDtcblx0XHRkaXNwbGF5OiBmbGV4O1xuXHRcdGp1c3RpZnktY29udGVudDogY2VudGVyO1xuXHRcdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cblx0XHQudGV4dCB7XG5cdFx0XHRjb2xvcjogJHtDT0xPUlMuc3VyZmFjZS5zdGFuZGFyZH07XG5cdFx0fVxuXHR9XG5cblx0LnRyaWFsIHtcblx0XHRtYXJnaW4tdG9wOiAxNnB4O1xuXHRcdG1hcmdpbi1ib3R0b206IDEycHg7XG5cdFx0cGFkZGluZzogNHB4IDhweDtcblx0XHRib3JkZXItcmFkaXVzOiA0cHg7XG5cdFx0Y29sb3I6ICR7Q09MT1JTLmNvbnRlbnQuc2Vjb25kYXJ5fTtcblx0XHRiYWNrZ3JvdW5kLWNvbG9yOiAke0NPTE9SUy5zdXJmYWNlLmhvdmVyZWR9O1xuXHR9XG5cblx0LnRyaWFsLnNlbGVjdGVkIHtcblx0XHRiYWNrZ3JvdW5kLWNvbG9yOiAke0NPTE9SUy5zdXJmYWNlLnN0YW5kYXJkfTtcblx0fVxuXG5cdC5mZWF0dXJlIHtcblx0XHRkaXNwbGF5OiBmbGV4O1xuXHRcdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cblx0XHQuZmVhdHVyZS10ZXh0IHtcblx0XHRcdG1hcmdpbi1sZWZ0OiAxMnB4O1xuXHRcdFx0Y29sb3I6ICR7Q09MT1JTLmNvbnRlbnQuc2Vjb25kYXJ5fTtcblx0XHR9XG5cblx0XHRtYXJnaW4tdG9wOiA0cHg7XG5cdH1cblxuXHQucHJpY2UtYmxvY2sge1xuXHRcdGRpc3BsYXk6IGZsZXg7XG5cdFx0bWFyZ2luLWJvdHRvbTogNHB4O1xuXHRcdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdH1cblxuXHQucGVyLW1lc3NhZ2UtcHJpY2Uge1xuXHRcdGRpc3BsYXk6IGZsZXg7XG5cdH1cblxuXHQucGxhbi1ib3R0b20taW5mb3JtYXRpb24ge1xuXHRcdG1hcmdpbi10b3A6IGF1dG87XG5cdFx0dGV4dC1hbGlnbjogY2VudGVyO1xuXHRcdGJhY2tncm91bmQ6ICR7Q09MT1JTLmJhY2tncm91bmQuYnJhbmRMaWdodH07XG5cdFx0cGFkZGluZzogNHB4O1xuXG5cdFx0LnRleHQge1xuXHRcdFx0Y29sb3I6ICR7Q09MT1JTLmJhY2tncm91bmQuaW52ZXJzZX07XG5cdFx0fVxuXG5cdFx0Ym9yZGVyLWJvdHRvbS1sZWZ0LXJhZGl1czogNHB4O1xuXHRcdGJvcmRlci1ib3R0b20tcmlnaHQtcmFkaXVzOiA0cHg7XG5cdH1cblxuXHQuZGlzYWJsZWQge1xuXHRcdCoge1xuXHRcdFx0Y29sb3I6ICR7Q09MT1JTLmNvbnRlbnQuaW5hY3RpdmV9ICFpbXBvcnRhbnQ7XG5cdFx0fVxuXHR9XG5cblx0LnBsYW4tYm90dG9tLWluZm9ybWF0aW9uLmRpc2FibGVkIHtcblx0XHRiYWNrZ3JvdW5kOiAke0NPTE9SUy5iYWNrZ3JvdW5kLmJhc2V9O1xuXHR9XG5cblx0LnBsYW4tYm90dG9tLWluZm9ybWF0aW9uLnNlbGVjdGVkIHtcblx0XHRiYWNrZ3JvdW5kOiAke0NPTE9SUy5zdXJmYWNlLnN0YW5kYXJkfTtcblx0XHRjb2xvcjogJHtDT0xPUlMuY29udGVudC5wbGFjZWhvbGRlcn07XG5cdH1cbmA7XHJcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPVN1YnNjcmlwdGlvblBsYW5TdHlsZWQuanMubWFwIl19 */"));export{b as SubscriptionPlanStyled};
1	+ 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+IChwcm9wcy5oZWlnaHQgPyBwcm9wcy5oZWlnaHQgOiAnNTI1cHgnKX07XG5cdFx0cGFkZGluZzogMTZweDtcblx0XHRiYWNrZ3JvdW5kLWNvbG9yOiAke0NPTE9SUy5zdXJmYWNlLnN0YW5kYXJkfTtcblx0XHRkaXNwbGF5OiBmbGV4O1xuXHRcdGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG5cdFx0Z2FwOiAxMnB4O1xuXG5cdFx0LmJ1dHRvbi1ib3gge1xuXHRcdFx0bWFyZ2luLXRvcDogYXV0bztcblx0XHRcdGRpc3BsYXk6IGZsZXg7XG5cdFx0fVxuXHR9XG5cblx0LnRyaWFsIHtcblx0XHRtYXJnaW4tdG9wOiAxNnB4O1xuXHRcdG1hcmdpbi1ib3R0b206IDEycHg7XG5cdFx0cGFkZGluZzogNHB4IDhweDtcblx0XHRib3JkZXItcmFkaXVzOiA0cHg7XG5cdFx0Y29sb3I6ICR7Q09MT1JTLmNvbnRlbnQuc2Vjb25kYXJ5fTtcblx0XHRiYWNrZ3JvdW5kLWNvbG9yOiAke0NPTE9SUy5zdXJmYWNlLmhvdmVyZWR9O1xuXHR9XG5cblx0LnRyaWFsLnNlbGVjdGVkIHtcblx0XHRiYWNrZ3JvdW5kLWNvbG9yOiAke0NPTE9SUy5zdXJmYWNlLnN0YW5kYXJkfTtcblx0fVxuXHQuZmVhdHVyZXMge1xuXHRcdGRpc3BsYXk6IGZsZXg7XG5cdFx0ZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcblx0XHRnYXA6IDEycHg7XG5cdH1cblx0LmZlYXR1cmUge1xuXHRcdGRpc3BsYXk6IGZsZXg7XG5cdFx0YWxpZ24taXRlbXM6IGJhc2VsaW5lO1xuXHRcdGdhcDogOXB4O1xuXHRcdGp1c3RpZnktY29udGVudDogZmxleC1zdGFydDtcblx0XHRmbGV4LWRpcmVjdGlvbjogcm93O1xuXG5cdFx0LmZlYXR1cmUtdGV4dCB7XG5cdFx0XHRjb2xvcjogJHtDT0xPUlMuY29udGVudC5zZWNvbmRhcnl9O1xuXHRcdH1cblx0fVxuXG5cdC5wcmljZS1ibG9jayB7XG5cdFx0ZGlzcGxheTogZmxleDtcblx0XHRhbGlnbi1pdGVtczogY2VudGVyO1xuXHR9XG5cblx0LnBlci1tZXNzYWdlLXByaWNlIHtcblx0XHRkaXNwbGF5OiBmbGV4O1xuXHR9XG5cblx0LnBsYW4tYm90dG9tLWluZm9ybWF0aW9uIHtcblx0XHRtYXJnaW4tdG9wOiBhdXRvO1xuXHRcdHRleHQtYWxpZ246IGNlbnRlcjtcblx0XHRiYWNrZ3JvdW5kOiAke0NPTE9SUy5iYWNrZ3JvdW5kLmJyYW5kTGlnaHR9O1xuXHRcdHBhZGRpbmc6IDRweDtcblxuXHRcdC50ZXh0IHtcblx0XHRcdGNvbG9yOiAke0NPTE9SUy5iYWNrZ3JvdW5kLmludmVyc2V9O1xuXHRcdH1cblxuXHRcdGJvcmRlci1ib3R0b20tbGVmdC1yYWRpdXM6IDRweDtcblx0XHRib3JkZXItYm90dG9tLXJpZ2h0LXJhZGl1czogNHB4O1xuXHR9XG5cblx0LmRpc2FibGVkIHtcblx0XHQqIHtcblx0XHRcdGNvbG9yOiAke0NPTE9SUy5jb250ZW50LmluYWN0aXZlfSAhaW1wb3J0YW50O1xuXHRcdH1cblx0fVxuXG5cdC5wbGFuLWJvdHRvbS1pbmZvcm1hdGlvbi5kaXNhYmxlZCB7XG5cdFx0YmFja2dyb3VuZDogJHtDT0xPUlMuYmFja2dyb3VuZC5iYXNlfTtcblx0fVxuXG5cdC5wbGFuLWJvdHRvbS1pbmZvcm1hdGlvbi5zZWxlY3RlZCB7XG5cdFx0YmFja2dyb3VuZDogJHtDT0xPUlMuc3VyZmFjZS5zdGFuZGFyZH07XG5cdFx0Y29sb3I6ICR7Q09MT1JTLmNvbnRlbnQucGxhY2Vob2xkZXJ9O1xuXHR9XG5cdC5vbGQtLXByaWNlIHtcblx0XHRjb2xvcjogJHtDT0xPUlMuY29udGVudC5zZWNvbmRhcnl9O1xuXHRcdHRleHQtZGVjb3JhdGlvbjogbGluZS10aHJvdWdoO1xuXHRcdG1hcmdpbi1yaWdodDogNHB4O1xuXHR9XG5cdC5tb3N0LXBvcHVsYXItY2hpcCB7XG5cdFx0Ym9yZGVyLXJhZGl1czogMjVweCAyNXB4IDBweCAwcHg7XG5cdFx0YmFja2dyb3VuZDogbGluZWFyLWdyYWRpZW50KDE4MGRlZywgIzI4MDM0ZSAtMC42NSUsICM3MzFkY2YgOTkuNTUlKTtcblx0XHRwb3NpdGlvbjogYWJzb2x1dGU7XG5cdFx0cGFkZGluZzogN3B4IDE4cHggNXB4IDE4cHg7XG5cdFx0dG9wOiAtMjhweDtcblx0XHRyaWdodDogMTZweDtcblx0XHRkaXNwbGF5OiBmbGV4O1xuXHRcdGZsZXgtZGlyZWN0aW9uOiByb3c7XG5cdFx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0XHRqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcblx0XHRnYXA6IDRweDtcblx0fVxuXHQucG9wdWxhci10ZXh0IHtcblx0XHRjb2xvcjogJHtDT0xPUlMuc3VyZmFjZS5zdWJkdWVkfTtcblx0XHRmb250LXNpemU6IDEwLjM0NXB4O1xuXHR9XG5cdC5yYWRpby1mbGV4IHtcblx0XHRkaXNwbGF5OiBmbGV4O1xuXHRcdGFsaWduLWl0ZW1zOiBiYXNlbGluZTtcblx0XHRqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtc3RhcnQ7XG5cdFx0Z2FwOiA4cHg7XG5cdH1cblx0LmV4dHJhLWluY2x1ZGUtbWFyZ2luIHtcblx0XHRtYXJnaW4tdG9wOiA4cHg7XG5cdH1cblx0LmJ1aXNuZXNzLWRlc2Mge1xuXHRcdGZvbnQtc2l6ZTogMTRweDtcblx0XHRmb250LXN0eWxlOiBub3JtYWw7XG5cdFx0Zm9udC13ZWlnaHQ6IDQwMDtcblx0XHRjb2xvcjogJHtDT0xPUlMuY29udGVudC5zZWNvbmRhcnl9O1xuXHR9XG5cdC5wb3B1bGFyLXRlc3RpbW9ueSB7XG5cdFx0ZGlzcGxheTogZmxleDtcblx0XHRwYWRkaW5nOiAxMnB4O1xuXHRcdGFsaWduLWl0ZW1zOiBmbGV4LXN0YXJ0O1xuXHRcdGdhcDogMTJweDtcblx0XHRib3JkZXItcmFkaXVzOiA4cHg7XG5cdFx0YmFja2dyb3VuZDogJHtDT0xPUlMuYmFja2dyb3VuZC5icmFuZExpZ2h0fTtcblx0fVxuXHQudGVzdGltb255LXRleHQge1xuXHRcdGZvbnQtc2l6ZTogMTJweDtcblx0XHRmb250LXN0eWxlOiBub3JtYWw7XG5cdFx0Zm9udC13ZWlnaHQ6IDYwMDtcblx0XHRsaW5lLWhlaWdodDogMTZweDtcblx0fVxuXHQucmFkaW8tYnV0dG9uIHtcblx0XHR3aWR0aDogMThweDtcblx0XHRoZWlnaHQ6IDE4cHg7XG5cdH1cblxuXHRpbnB1dFt0eXBlPSdyYWRpbyddIHtcblx0XHRhY2NlbnQtY29sb3I6ICR7Q09MT1JTLnN0cm9rZS5wb3NpdGl2ZS52aWJyYW50fTtcblx0fVxuYDtcclxuLy8jIHNvdXJjZU1hcHBpbmdVUkw9U3Vic2NyaXB0aW9uUGxhblN0eWxlZC5qcy5tYXAiXX0= /")),l=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:12px;}.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/ICc0MDBweCcgOiAnNjAwcHgnKX07XG5cdFx0cGFkZGluZzogMjRweDtcblx0XHRiYWNrZ3JvdW5kLWNvbG9yOiAke0NPTE9SUy5zdXJmYWNlLnN0YW5kYXJkfTtcblx0XHRkaXNwbGF5OiBmbGV4O1xuXHRcdGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG5cblx0XHQuYnV0dG9uLWJveCB7XG5cdFx0XHRtYXJnaW4tdG9wOiBhdXRvO1xuXHRcdFx0ZGlzcGxheTogZmxleDtcblx0XHR9XG5cdH1cblxuXHQuYm94LnNlbGVjdGVkIHtcblx0XHRiYWNrZ3JvdW5kLWNvbG9yOiAke0NPTE9SUy5iYWNrZ3JvdW5kLmJyYW5kTGlnaHR9O1xuXHR9XG5cblx0LnJvdW5kZWQtY29ybmVycyB7XG5cdFx0Ym9yZGVyLXRvcC1sZWZ0LXJhZGl1czogNHB4O1xuXHRcdGJvcmRlci10b3AtcmlnaHQtcmFkaXVzOiA0cHg7XG5cdH1cblxuXHR3aWR0aDogMTAwJTtcblxuXHQubW9zdC1wb3B1bGFyIHtcblx0XHRiYWNrZ3JvdW5kOiBsaW5lYXItZ3JhZGllbnQoOTAuMDVkZWcsICM3NDM5NzkgMS4yMiUsICM1MjZkY2EgOTkuOTUlKSxcblx0XHRcdCM0YjE1ODM7XG5cdFx0cGFkZGluZzogNHB4O1xuXHRcdGJvcmRlci10b3AtbGVmdC1yYWRpdXM6IDRweDtcblx0XHRib3JkZXItdG9wLXJpZ2h0LXJhZGl1czogNHB4O1xuXHRcdGRpc3BsYXk6IGZsZXg7XG5cdFx0anVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG5cdFx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblxuXHRcdC50ZXh0IHtcblx0XHRcdGNvbG9yOiAke0NPTE9SUy5zdXJmYWNlLnN0YW5kYXJkfTtcblx0XHR9XG5cdH1cblxuXHQudHJpYWwge1xuXHRcdG1hcmdpbi10b3A6IDE2cHg7XG5cdFx0bWFyZ2luLWJvdHRvbTogMTJweDtcblx0XHRwYWRkaW5nOiA0cHggOHB4O1xuXHRcdGJvcmRlci1yYWRpdXM6IDRweDtcblx0XHRjb2xvcjogJHtDT0xPUlMuY29udGVudC5zZWNvbmRhcnl9O1xuXHRcdGJhY2tncm91bmQtY29sb3I6ICR7Q09MT1JTLnN1cmZhY2UuaG92ZXJlZH07XG5cdH1cblxuXHQudHJpYWwuc2VsZWN0ZWQge1xuXHRcdGJhY2tncm91bmQtY29sb3I6ICR7Q09MT1JTLnN1cmZhY2Uuc3RhbmRhcmR9O1xuXHR9XG5cblx0LmZlYXR1cmUge1xuXHRcdGRpc3BsYXk6IGZsZXg7XG5cdFx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblxuXHRcdC5mZWF0dXJlLXRleHQge1xuXHRcdFx0bWFyZ2luLWxlZnQ6IDEycHg7XG5cdFx0XHRjb2xvcjogJHtDT0xPUlMuY29udGVudC5zZWNvbmRhcnl9O1xuXHRcdH1cblxuXHRcdG1hcmdpbi10b3A6IDRweDtcblx0fVxuXG5cdC5wcmljZS1ibG9jayB7XG5cdFx0ZGlzcGxheTogZmxleDtcblx0XHRtYXJnaW4tYm90dG9tOiA0cHg7XG5cdFx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0fVxuXG5cdC5wZXItbWVzc2FnZS1wcmljZSB7XG5cdFx0ZGlzcGxheTogZmxleDtcblx0fVxuXG5cdC5wbGFuLWJvdHRvbS1pbmZvcm1hdGlvbiB7XG5cdFx0bWFyZ2luLXRvcDogYXV0bztcblx0XHR0ZXh0LWFsaWduOiBjZW50ZXI7XG5cdFx0YmFja2dyb3VuZDogJHtDT0xPUlMuYmFja2dyb3VuZC5icmFuZExpZ2h0fTtcblx0XHRwYWRkaW5nOiA0cHg7XG5cblx0XHQudGV4dCB7XG5cdFx0XHRjb2xvcjogJHtDT0xPUlMuYmFja2dyb3VuZC5pbnZlcnNlfTtcblx0XHR9XG5cblx0XHRib3JkZXItYm90dG9tLWxlZnQtcmFkaXVzOiA0cHg7XG5cdFx0Ym9yZGVyLWJvdHRvbS1yaWdodC1yYWRpdXM6IDRweDtcblx0fVxuXG5cdC5kaXNhYmxlZCB7XG5cdFx0KiB7XG5cdFx0XHRjb2xvcjogJHtDT0xPUlMuY29udGVudC5pbmFjdGl2ZX0gIWltcG9ydGFudDtcblx0XHR9XG5cdH1cblxuXHQucGxhbi1ib3R0b20taW5mb3JtYXRpb24uZGlzYWJsZWQge1xuXHRcdGJhY2tncm91bmQ6ICR7Q09MT1JTLmJhY2tncm91bmQuYmFzZX07XG5cdH1cblxuXHQucGxhbi1ib3R0b20taW5mb3JtYXRpb24uc2VsZWN0ZWQge1xuXHRcdGJhY2tncm91bmQ6ICR7Q09MT1JTLnN1cmZhY2Uuc3RhbmRhcmR9O1xuXHRcdGNvbG9yOiAke0NPTE9SUy5jb250ZW50LnBsYWNlaG9sZGVyfTtcblx0fVxuXHQub2xkLS1wcmljZSB7XG5cdFx0Y29sb3I6ICR7Q09MT1JTLmNvbnRlbnQuc2Vjb25kYXJ5fTtcblx0XHR0ZXh0LWRlY29yYXRpb246IGxpbmUtdGhyb3VnaDtcblx0XHRtYXJnaW4tcmlnaHQ6IDRweDtcblx0fVxuYDtcclxuZXhwb3J0IGNvbnN0IE5ld1N1YnNjcmlwdGlvblN0eWxlZCA9IHN0eWxlZC5kaXYgYFxuXHRwb3NpdGlvbjogcmVsYXRpdmU7XG5cdGN1cnNvcjogcG9pbnRlcjtcblx0Ym9yZGVyOiAxcHggc29saWQgJHtDT0xPUlMuc3Ryb2tlLnByaW1hcnl9O1xuXHRib3gtc2hhZG93OiAkeyhwcm9wcykgPT4gcHJvcHMuc2hvd01vc3RQb3B1bGFyQ2hpcFxyXG4gICAgPyAnMHB4IDBweCAxMnB4IDBweCByZ2JhKDExNiwgMCwgMjU1LCAwLjI0KSdcclxuICAgIDogJyd9O1xuXHRib3JkZXItcmFkaXVzOiA4cHg7XG5cdHdpZHRoOiAxMDA7XG5cblx0LmJveCB7XG5cdFx0Ym9yZGVyLXJhZGl1czogOHB4O1xuXHRcdG1pbi1oZWlnaHQ6ICR7KHByb3BzKSA9PiAocHJvcHMuaGVpZ2h0ID8gcHJvcHMuaGVpZ2h0IDogJzUyNXB4Jyl9O1xuXHRcdHBhZGRpbmc6IDE2cHg7XG5cdFx0YmFja2dyb3VuZC1jb2xvcjogJHtDT0xPUlMuc3VyZmFjZS5zdGFuZGFyZH07XG5cdFx0ZGlzcGxheTogZmxleDtcblx0XHRmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuXHRcdGdhcDogMTJweDtcblxuXHRcdC5idXR0b24tYm94IHtcblx0XHRcdG1hcmdpbi10b3A6IGF1dG87XG5cdFx0XHRkaXNwbGF5OiBmbGV4O1xuXHRcdH1cblx0fVxuXG5cdC50cmlhbCB7XG5cdFx0bWFyZ2luLXRvcDogMTZweDtcblx0XHRtYXJnaW4tYm90dG9tOiAxMnB4O1xuXHRcdHBhZGRpbmc6IDRweCA4cHg7XG5cdFx0Ym9yZGVyLXJhZGl1czogNHB4O1xuXHRcdGNvbG9yOiAke0NPTE9SUy5jb250ZW50LnNlY29uZGFyeX07XG5cdFx0YmFja2dyb3VuZC1jb2xvcjogJHtDT0xPUlMuc3VyZmFjZS5ob3ZlcmVkfTtcblx0fVxuXG5cdC50cmlhbC5zZWxlY3RlZCB7XG5cdFx0YmFja2dyb3VuZC1jb2xvcjogJHtDT0xPUlMuc3VyZmFjZS5zdGFuZGFyZH07XG5cdH1cblx0LmZlYXR1cmVzIHtcblx0XHRkaXNwbGF5OiBmbGV4O1xuXHRcdGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG5cdFx0Z2FwOiAxMnB4O1xuXHR9XG5cdC5mZWF0dXJlIHtcblx0XHRkaXNwbGF5OiBmbGV4O1xuXHRcdGFsaWduLWl0ZW1zOiBiYXNlbGluZTtcblx0XHRnYXA6IDlweDtcblx0XHRqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtc3RhcnQ7XG5cdFx0ZmxleC1kaXJlY3Rpb246IHJvdztcblxuXHRcdC5mZWF0dXJlLXRleHQge1xuXHRcdFx0Y29sb3I6ICR7Q09MT1JTLmNvbnRlbnQuc2Vjb25kYXJ5fTtcblx0XHR9XG5cdH1cblxuXHQucHJpY2UtYmxvY2sge1xuXHRcdGRpc3BsYXk6IGZsZXg7XG5cdFx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0fVxuXG5cdC5wZXItbWVzc2FnZS1wcmljZSB7XG5cdFx0ZGlzcGxheTogZmxleDtcblx0fVxuXG5cdC5wbGFuLWJvdHRvbS1pbmZvcm1hdGlvbiB7XG5cdFx0bWFyZ2luLXRvcDogYXV0bztcblx0XHR0ZXh0LWFsaWduOiBjZW50ZXI7XG5cdFx0YmFja2dyb3VuZDogJHtDT0xPUlMuYmFja2dyb3VuZC5icmFuZExpZ2h0fTtcblx0XHRwYWRkaW5nOiA0cHg7XG5cblx0XHQudGV4dCB7XG5cdFx0XHRjb2xvcjogJHtDT0xPUlMuYmFja2dyb3VuZC5pbnZlcnNlfTtcblx0XHR9XG5cblx0XHRib3JkZXItYm90dG9tLWxlZnQtcmFkaXVzOiA0cHg7XG5cdFx0Ym9yZGVyLWJvdHRvbS1yaWdodC1yYWRpdXM6IDRweDtcblx0fVxuXG5cdC5kaXNhYmxlZCB7XG5cdFx0KiB7XG5cdFx0XHRjb2xvcjogJHtDT0xPUlMuY29udGVudC5pbmFjdGl2ZX0gIWltcG9ydGFudDtcblx0XHR9XG5cdH1cblxuXHQucGxhbi1ib3R0b20taW5mb3JtYXRpb24uZGlzYWJsZWQge1xuXHRcdGJhY2tncm91bmQ6ICR7Q09MT1JTLmJhY2tncm91bmQuYmFzZX07XG5cdH1cblxuXHQucGxhbi1ib3R0b20taW5mb3JtYXRpb24uc2VsZWN0ZWQge1xuXHRcdGJhY2tncm91bmQ6ICR7Q09MT1JTLnN1cmZhY2Uuc3RhbmRhcmR9O1xuXHRcdGNvbG9yOiAke0NPTE9SUy5jb250ZW50LnBsYWNlaG9sZGVyfTtcblx0fVxuXHQub2xkLS1wcmljZSB7XG5cdFx0Y29sb3I6ICR7Q09MT1JTLmNvbnRlbnQuc2Vjb25kYXJ5fTtcblx0XHR0ZXh0LWRlY29yYXRpb246IGxpbmUtdGhyb3VnaDtcblx0XHRtYXJnaW4tcmlnaHQ6IDRweDtcblx0fVxuXHQubW9zdC1wb3B1bGFyLWNoaXAge1xuXHRcdGJvcmRlci1yYWRpdXM6IDI1cHggMjVweCAwcHggMHB4O1xuXHRcdGJhY2tncm91bmQ6IGxpbmVhci1ncmFkaWVudCgxODBkZWcsICMyODAzNGUgLTAuNjUlLCAjNzMxZGNmIDk5LjU1JSk7XG5cdFx0cG9zaXRpb246IGFic29sdXRlO1xuXHRcdHBhZGRpbmc6IDdweCAxOHB4IDVweCAxOHB4O1xuXHRcdHRvcDogLTI4cHg7XG5cdFx0cmlnaHQ6IDE2cHg7XG5cdFx0ZGlzcGxheTogZmxleDtcblx0XHRmbGV4LWRpcmVjdGlvbjogcm93O1xuXHRcdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdFx0anVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG5cdFx0Z2FwOiA0cHg7XG5cdH1cblx0LnBvcHVsYXItdGV4dCB7XG5cdFx0Y29sb3I6ICR7Q09MT1JTLnN1cmZhY2Uuc3ViZHVlZH07XG5cdFx0Zm9udC1zaXplOiAxMC4zNDVweDtcblx0fVxuXHQucmFkaW8tZmxleCB7XG5cdFx0ZGlzcGxheTogZmxleDtcblx0XHRhbGlnbi1pdGVtczogYmFzZWxpbmU7XG5cdFx0anVzdGlmeS1jb250ZW50OiBmbGV4LXN0YXJ0O1xuXHRcdGdhcDogOHB4O1xuXHR9XG5cdC5leHRyYS1pbmNsdWRlLW1hcmdpbiB7XG5cdFx0bWFyZ2luLXRvcDogOHB4O1xuXHR9XG5cdC5idWlzbmVzcy1kZXNjIHtcblx0XHRmb250LXNpemU6IDE0cHg7XG5cdFx0Zm9udC1zdHlsZTogbm9ybWFsO1xuXHRcdGZvbnQtd2VpZ2h0OiA0MDA7XG5cdFx0Y29sb3I6ICR7Q09MT1JTLmNvbnRlbnQuc2Vjb25kYXJ5fTtcblx0fVxuXHQucG9wdWxhci10ZXN0aW1vbnkge1xuXHRcdGRpc3BsYXk6IGZsZXg7XG5cdFx0cGFkZGluZzogMTJweDtcblx0XHRhbGlnbi1pdGVtczogZmxleC1zdGFydDtcblx0XHRnYXA6IDEycHg7XG5cdFx0Ym9yZGVyLXJhZGl1czogOHB4O1xuXHRcdGJhY2tncm91bmQ6ICR7Q09MT1JTLmJhY2tncm91bmQuYnJhbmRMaWdodH07XG5cdH1cblx0LnRlc3RpbW9ueS10ZXh0IHtcblx0XHRmb250LXNpemU6IDEycHg7XG5cdFx0Zm9udC1zdHlsZTogbm9ybWFsO1xuXHRcdGZvbnQtd2VpZ2h0OiA2MDA7XG5cdFx0bGluZS1oZWlnaHQ6IDE2cHg7XG5cdH1cblx0LnJhZGlvLWJ1dHRvbiB7XG5cdFx0d2lkdGg6IDE4cHg7XG5cdFx0aGVpZ2h0OiAxOHB4O1xuXHR9XG5cblx0aW5wdXRbdHlwZT0ncmFkaW8nXSB7XG5cdFx0YWNjZW50LWNvbG9yOiAke0NPTE9SUy5zdHJva2UucG9zaXRpdmUudmlicmFudH07XG5cdH1cbmA7XHJcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPVN1YnNjcmlwdGlvblBsYW5TdHlsZWQuanMubWFwIl19 /"));export{l as NewSubscriptionStyled,d as SubscriptionPlanStyled};

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

@@ -0,0 +1,14 @@
+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;
+};
+export declare const SubscriptionPlansCollected: FunctionComponent<Props>;
+export {};

package/dist/esm/components/plans/SubscriptionPlansCollected.js ADDED Viewed

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

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

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

package/dist/esm/components/product-picker/ProductPicker.styled.js CHANGED Viewed

	@@ -1 +1 @@
1	- import c from"@emotion/styled/base";import{DEFAULT_THEME as d}from"../../constants/Theme.js";const X=c("div","production"===process.env.NODE_ENV?{target:"e1h66m5c1"}:{target:"e1h66m5c1",label:"StyledZeroState"})("height:364px;background-color:",d.colorsV2.surface.standard,";display:flex;align-items:center;justify-content:center;gap:8px;flex-direction:column;.icon__container{height:48px;width:48px;border-radius:50%;background-color:",d.colorsV2.background.base,";display:flex;align-items:center;justify-content:center;}"+("production"===process.env.NODE_ENV?"":"/# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlByb2R1Y3RQaWNrZXIuc3R5bGVkLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFFMEMiLCJmaWxlIjoiUHJvZHVjdFBpY2tlci5zdHlsZWQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xyXG5pbXBvcnQgeyBERUZBVUxUX1RIRU1FIH0gZnJvbSBcIi4uLy4uL2NvbnN0YW50cy9UaGVtZVwiO1xyXG5leHBvcnQgY29uc3QgU3R5bGVkWmVyb1N0YXRlID0gc3R5bGVkLmRpdiBgXG5cdGhlaWdodDogMzY0cHg7XG5cdGJhY2tncm91bmQtY29sb3I6ICR7REVGQVVMVF9USEVNRS5jb2xvcnNWMi5zdXJmYWNlLnN0YW5kYXJkfTtcblx0ZGlzcGxheTogZmxleDtcblx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0anVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG5cdGdhcDogOHB4O1xuXHRmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuXG5cdC5pY29uX19jb250YWluZXIge1xuXHRcdGhlaWdodDogNDhweDtcblx0XHR3aWR0aDogNDhweDtcblx0XHRib3JkZXItcmFkaXVzOiA1MCU7XG5cdFx0YmFja2dyb3VuZC1jb2xvcjogJHtERUZBVUxUX1RIRU1FLmNvbG9yc1YyLmJhY2tncm91bmQuYmFzZX07XG5cdFx0ZGlzcGxheTogZmxleDtcblx0XHRhbGlnbi1pdGVtczogY2VudGVyO1xuXHRcdGp1c3RpZnktY29udGVudDogY2VudGVyO1xuXHR9XG5gO1xyXG5leHBvcnQgY29uc3QgU3R5bGVkUHJvZHVjdFBpY2tlckNvbnRhaW5lciA9IHN0eWxlZC5kaXYgYFxuXHRtYXJnaW4tdG9wOiA4cHg7XG5cdC5wb3N0X193cmFwcGVyIHtcblx0XHRtYXJnaW4tdG9wOiA4cHg7XG5cdFx0Ym9yZGVyLXRvcDogMXB4IHNvbGlkICR7REVGQVVMVF9USEVNRS5jb2xvcnNWMi5zdHJva2UucHJpbWFyeX07XG5cdFx0YmFja2dyb3VuZC1jb2xvcjogJHtERUZBVUxUX1RIRU1FLmNvbG9yc1YyLmJhY2tncm91bmQud2FybmluZy5saWdodH07XG5cdFx0cGFkZGluZzogMTJweCAxNnB4O1xuXHRcdGRpc3BsYXk6IGZsZXg7XG5cdFx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0XHRnYXA6IDE2cHg7XG5cdH1cblxuXHQucG9zdF9fdGh1bWJuYWlsIHtcblx0XHRoZWlnaHQ6IDY4cHg7XG5cdFx0d2lkdGg6IDY4cHg7XG5cdFx0b2JqZWN0LWZpdDogY292ZXI7XG5cdFx0Ym9yZGVyLXJhZGl1czogNHB4O1xuXHR9XG5cdC5wb3N0X19pbmZvLXdyYXBwZXIge1xuXHRcdGRpc3BsYXk6IGZsZXg7XG5cdFx0Z2FwOiA4cHg7XG5cdFx0ZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcblx0XHR3aWR0aDogMzUwcHg7XG5cdH1cblx0LmxvYWRlcl9fd3JhcHBlciB7XG5cdFx0aGVpZ2h0OiAzNTBweDtcblx0XHR3aWR0aDogMTAwJTtcblx0XHRtYXJnaW4tdG9wOiA0cHg7XG5cdFx0ZGlzcGxheTogZmxleDtcblx0XHRhbGlnbi1pdGVtczogY2VudGVyO1xuXHRcdGp1c3RpZnktY29udGVudDogY2VudGVyO1xuXHR9XG5cdC5wcm9kdWN0X193cmFwcGVyIHtcblx0XHRwYWRkaW5nOiAxMnB4O1xuXHRcdGRpc3BsYXk6IGZsZXg7XG5cdFx0ZmxleC1kaXJlY3Rpb246IHJvdztcblx0XHRhbGlnbi1pdGVtczogY2VudGVyO1xuXHRcdGdhcDogMTlweDtcblx0XHRib3JkZXItYm90dG9tOiAxcHggc29saWQgJHtERUZBVUxUX1RIRU1FLmNvbG9yc1YyLnN0cm9rZS5wcmltYXJ5fTtcblx0fVxuXHQucHJvZHVjdF9faW5mby13cmFwcGVyIHtcblx0XHRkaXNwbGF5OiBmbGV4O1xuXHRcdGdhcDogMTZweDtcblx0XHRhbGlnbi1pdGVtczogY2VudGVyO1xuXHRcdG9yZGVyOiAyO1xuXHR9XG5cdC5wcm9kdWN0X19pbWFnZSB7XG5cdFx0aGVpZ2h0OiA0MHB4O1xuXHRcdHdpZHRoOiA0MHB4O1xuXHRcdG9iamVjdC1maXQ6IGNvdmVyO1xuXHRcdGJvcmRlci1yYWRpdXM6IDRweDtcblx0fVxuYDtcclxuLy8jIHNvdXJjZU1hcHBpbmdVUkw9UHJvZHVjdFBpY2tlci5zdHlsZWQuanMubWFwIl19 /")),l=c("div","production"===process.env.NODE_ENV?{target:"e1h66m5c0"}:{target:"e1h66m5c0",label:"StyledProductPickerContainer"})("margin-top:8px;.post__wrapper{margin-top:8px;border-top:1px solid ",d.colorsV2.stroke.primary,";background-color:",d.colorsV2.background.warning.light,";padding:12px ~~16px~~;display:flex;align-items:center;gap:16px;}.post__thumbnail{height:68px;width:68px;object-fit:cover;border-radius:4px;}.post__info-wrapper{display:flex;gap:8px;flex-direction:column;width:350px;}.loader__wrapper{height:350px;width:100%;margin-top:4px;display:flex;align-items:center;justify-content:center;}.product__wrapper{padding:12px;display:flex;flex-direction:row;align-items:center;gap:19px;border-bottom:1px solid ",d.colorsV2.stroke.primary,";}.product__info-wrapper{display:flex;gap:16px;align-items:center;order:2;}.product__image{height:40px;width:40px;object-fit:cover;border-radius:4px;}"+("production"===process.env.NODE_ENV?"":"/# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlByb2R1Y3RQaWNrZXIuc3R5bGVkLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFxQnVEIiwiZmlsZSI6IlByb2R1Y3RQaWNrZXIuc3R5bGVkLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcclxuaW1wb3J0IHsgREVGQVVMVF9USEVNRSB9IGZyb20gXCIuLi8uLi9jb25zdGFudHMvVGhlbWVcIjtcclxuZXhwb3J0IGNvbnN0IFN0eWxlZFplcm9TdGF0ZSA9IHN0eWxlZC5kaXYgYFxuXHRoZWlnaHQ6IDM2NHB4O1xuXHRiYWNrZ3JvdW5kLWNvbG9yOiAke0RFRkFVTFRfVEhFTUUuY29sb3JzVjIuc3VyZmFjZS5zdGFuZGFyZH07XG5cdGRpc3BsYXk6IGZsZXg7XG5cdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdGp1c3RpZnktY29udGVudDogY2VudGVyO1xuXHRnYXA6IDhweDtcblx0ZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcblxuXHQuaWNvbl9fY29udGFpbmVyIHtcblx0XHRoZWlnaHQ6IDQ4cHg7XG5cdFx0d2lkdGg6IDQ4cHg7XG5cdFx0Ym9yZGVyLXJhZGl1czogNTAlO1xuXHRcdGJhY2tncm91bmQtY29sb3I6ICR7REVGQVVMVF9USEVNRS5jb2xvcnNWMi5iYWNrZ3JvdW5kLmJhc2V9O1xuXHRcdGRpc3BsYXk6IGZsZXg7XG5cdFx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0XHRqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcblx0fVxuYDtcclxuZXhwb3J0IGNvbnN0IFN0eWxlZFByb2R1Y3RQaWNrZXJDb250YWluZXIgPSBzdHlsZWQuZGl2IGBcblx0bWFyZ2luLXRvcDogOHB4O1xuXHQucG9zdF9fd3JhcHBlciB7XG5cdFx0bWFyZ2luLXRvcDogOHB4O1xuXHRcdGJvcmRlci10b3A6IDFweCBzb2xpZCAke0RFRkFVTFRfVEhFTUUuY29sb3JzVjIuc3Ryb2tlLnByaW1hcnl9O1xuXHRcdGJhY2tncm91bmQtY29sb3I6ICR7REVGQVVMVF9USEVNRS5jb2xvcnNWMi5iYWNrZ3JvdW5kLndhcm5pbmcubGlnaHR9O1xuXHRcdHBhZGRpbmc6IDEycHggMTZweDtcblx0XHRkaXNwbGF5OiBmbGV4O1xuXHRcdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdFx0Z2FwOiAxNnB4O1xuXHR9XG5cblx0LnBvc3RfX3RodW1ibmFpbCB7XG5cdFx0aGVpZ2h0OiA2OHB4O1xuXHRcdHdpZHRoOiA2OHB4O1xuXHRcdG9iamVjdC1maXQ6IGNvdmVyO1xuXHRcdGJvcmRlci1yYWRpdXM6IDRweDtcblx0fVxuXHQucG9zdF9faW5mby13cmFwcGVyIHtcblx0XHRkaXNwbGF5OiBmbGV4O1xuXHRcdGdhcDogOHB4O1xuXHRcdGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG5cdFx0d2lkdGg6IDM1MHB4O1xuXHR9XG5cdC5sb2FkZXJfX3dyYXBwZXIge1xuXHRcdGhlaWdodDogMzUwcHg7XG5cdFx0d2lkdGg6IDEwMCU7XG5cdFx0bWFyZ2luLXRvcDogNHB4O1xuXHRcdGRpc3BsYXk6IGZsZXg7XG5cdFx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0XHRqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcblx0fVxuXHQucHJvZHVjdF9fd3JhcHBlciB7XG5cdFx0cGFkZGluZzogMTJweDtcblx0XHRkaXNwbGF5OiBmbGV4O1xuXHRcdGZsZXgtZGlyZWN0aW9uOiByb3c7XG5cdFx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0XHRnYXA6IDE5cHg7XG5cdFx0Ym9yZGVyLWJvdHRvbTogMXB4IHNvbGlkICR7REVGQVVMVF9USEVNRS5jb2xvcnNWMi5zdHJva2UucHJpbWFyeX07XG5cdH1cblx0LnByb2R1Y3RfX2luZm8td3JhcHBlciB7XG5cdFx0ZGlzcGxheTogZmxleDtcblx0XHRnYXA6IDE2cHg7XG5cdFx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0XHRvcmRlcjogMjtcblx0fVxuXHQucHJvZHVjdF9faW1hZ2Uge1xuXHRcdGhlaWdodDogNDBweDtcblx0XHR3aWR0aDogNDBweDtcblx0XHRvYmplY3QtZml0OiBjb3Zlcjtcblx0XHRib3JkZXItcmFkaXVzOiA0cHg7XG5cdH1cbmA7XHJcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPVByb2R1Y3RQaWNrZXIuc3R5bGVkLmpzLm1hcCJdfQ== /"));export{l as StyledProductPickerContainer,X as StyledZeroState};
1	+ import c from"@emotion/styled/base";import{DEFAULT_THEME as d}from"../../constants/Theme.js";const X=c("div","production"===process.env.NODE_ENV?{target:"e1h66m5c1"}:{target:"e1h66m5c1",label:"StyledZeroState"})("height:364px;background-color:",d.colorsV2.surface.standard,";display:flex;align-items:center;justify-content:center;gap:8px;flex-direction:column;.icon__container{height:48px;width:48px;border-radius:50%;background-color:",d.colorsV2.background.base,";display:flex;align-items:center;justify-content:center;}"+("production"===process.env.NODE_ENV?"":"/# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlByb2R1Y3RQaWNrZXIuc3R5bGVkLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFFMEMiLCJmaWxlIjoiUHJvZHVjdFBpY2tlci5zdHlsZWQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xyXG5pbXBvcnQgeyBERUZBVUxUX1RIRU1FIH0gZnJvbSBcIi4uLy4uL2NvbnN0YW50cy9UaGVtZVwiO1xyXG5leHBvcnQgY29uc3QgU3R5bGVkWmVyb1N0YXRlID0gc3R5bGVkLmRpdiBgXG5cdGhlaWdodDogMzY0cHg7XG5cdGJhY2tncm91bmQtY29sb3I6ICR7REVGQVVMVF9USEVNRS5jb2xvcnNWMi5zdXJmYWNlLnN0YW5kYXJkfTtcblx0ZGlzcGxheTogZmxleDtcblx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0anVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG5cdGdhcDogOHB4O1xuXHRmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuXG5cdC5pY29uX19jb250YWluZXIge1xuXHRcdGhlaWdodDogNDhweDtcblx0XHR3aWR0aDogNDhweDtcblx0XHRib3JkZXItcmFkaXVzOiA1MCU7XG5cdFx0YmFja2dyb3VuZC1jb2xvcjogJHtERUZBVUxUX1RIRU1FLmNvbG9yc1YyLmJhY2tncm91bmQuYmFzZX07XG5cdFx0ZGlzcGxheTogZmxleDtcblx0XHRhbGlnbi1pdGVtczogY2VudGVyO1xuXHRcdGp1c3RpZnktY29udGVudDogY2VudGVyO1xuXHR9XG5gO1xyXG5leHBvcnQgY29uc3QgU3R5bGVkUHJvZHVjdFBpY2tlckNvbnRhaW5lciA9IHN0eWxlZC5kaXYgYFxuXHRtYXJnaW4tdG9wOiA4cHg7XG5cdC5wb3N0X193cmFwcGVyIHtcblx0XHRtYXJnaW4tdG9wOiA4cHg7XG5cdFx0Ym9yZGVyLXRvcDogMXB4IHNvbGlkICR7REVGQVVMVF9USEVNRS5jb2xvcnNWMi5zdHJva2UucHJpbWFyeX07XG5cdFx0YmFja2dyb3VuZC1jb2xvcjogJHtERUZBVUxUX1RIRU1FLmNvbG9yc1YyLmJhY2tncm91bmQud2FybmluZy5saWdodH07XG5cdFx0cGFkZGluZzogMTJweCAyNHB4O1xuXHRcdGRpc3BsYXk6IGZsZXg7XG5cdFx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0XHRnYXA6IDE2cHg7XG5cdH1cblxuXHQucG9zdF9fdGh1bWJuYWlsIHtcblx0XHRoZWlnaHQ6IDY4cHg7XG5cdFx0d2lkdGg6IDY4cHg7XG5cdFx0b2JqZWN0LWZpdDogY292ZXI7XG5cdFx0Ym9yZGVyLXJhZGl1czogNHB4O1xuXHR9XG5cdC5wb3N0X19pbmZvLXdyYXBwZXIge1xuXHRcdGRpc3BsYXk6IGZsZXg7XG5cdFx0Z2FwOiA4cHg7XG5cdFx0ZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcblx0XHR3aWR0aDogMzUwcHg7XG5cdH1cblx0LmxvYWRlcl9fd3JhcHBlciB7XG5cdFx0aGVpZ2h0OiAzNTBweDtcblx0XHR3aWR0aDogMTAwJTtcblx0XHRtYXJnaW4tdG9wOiA0cHg7XG5cdFx0ZGlzcGxheTogZmxleDtcblx0XHRhbGlnbi1pdGVtczogY2VudGVyO1xuXHRcdGp1c3RpZnktY29udGVudDogY2VudGVyO1xuXHR9XG5cdC5wcm9kdWN0X193cmFwcGVyIHtcblx0XHRwYWRkaW5nOiAxMnB4IDI0cHg7XG5cdFx0ZGlzcGxheTogZmxleDtcblx0XHRmbGV4LWRpcmVjdGlvbjogcm93O1xuXHRcdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdFx0Z2FwOiAxOXB4O1xuXHRcdGJvcmRlci1ib3R0b206IDFweCBzb2xpZCAke0RFRkFVTFRfVEhFTUUuY29sb3JzVjIuc3Ryb2tlLnByaW1hcnl9O1xuXHR9XG5cdC5wcm9kdWN0X19pbmZvLXdyYXBwZXIge1xuXHRcdGRpc3BsYXk6IGZsZXg7XG5cdFx0Z2FwOiAxNnB4O1xuXHRcdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdFx0b3JkZXI6IDI7XG5cdH1cblx0LnByb2R1Y3RfX2ltYWdlIHtcblx0XHRoZWlnaHQ6IDQwcHg7XG5cdFx0d2lkdGg6IDQwcHg7XG5cdFx0b2JqZWN0LWZpdDogY292ZXI7XG5cdFx0Ym9yZGVyLXJhZGl1czogNHB4O1xuXHR9XG5gO1xyXG4vLyMgc291cmNlTWFwcGluZ1VSTD1Qcm9kdWN0UGlja2VyLnN0eWxlZC5qcy5tYXAiXX0= /")),l=c("div","production"===process.env.NODE_ENV?{target:"e1h66m5c0"}:{target:"e1h66m5c0",label:"StyledProductPickerContainer"})("margin-top:8px;.post__wrapper{margin-top:8px;border-top:1px solid ",d.colorsV2.stroke.primary,";background-color:",d.colorsV2.background.warning.light,";padding:12px 24px;display:flex;align-items:center;gap:16px;}.post__thumbnail{height:68px;width:68px;object-fit:cover;border-radius:4px;}.post__info-wrapper{display:flex;gap:8px;flex-direction:column;width:350px;}.loader__wrapper{height:350px;width:100%;margin-top:4px;display:flex;align-items:center;justify-content:center;}.product__wrapper{padding:12px 24px;display:flex;flex-direction:row;align-items:center;gap:19px;border-bottom:1px solid ",d.colorsV2.stroke.primary,";}.product__info-wrapper{display:flex;gap:16px;align-items:center;order:2;}.product__image{height:40px;width:40px;object-fit:cover;border-radius:4px;}"+("production"===process.env.NODE_ENV?"":"/# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlByb2R1Y3RQaWNrZXIuc3R5bGVkLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFxQnVEIiwiZmlsZSI6IlByb2R1Y3RQaWNrZXIuc3R5bGVkLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcclxuaW1wb3J0IHsgREVGQVVMVF9USEVNRSB9IGZyb20gXCIuLi8uLi9jb25zdGFudHMvVGhlbWVcIjtcclxuZXhwb3J0IGNvbnN0IFN0eWxlZFplcm9TdGF0ZSA9IHN0eWxlZC5kaXYgYFxuXHRoZWlnaHQ6IDM2NHB4O1xuXHRiYWNrZ3JvdW5kLWNvbG9yOiAke0RFRkFVTFRfVEhFTUUuY29sb3JzVjIuc3VyZmFjZS5zdGFuZGFyZH07XG5cdGRpc3BsYXk6IGZsZXg7XG5cdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdGp1c3RpZnktY29udGVudDogY2VudGVyO1xuXHRnYXA6IDhweDtcblx0ZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcblxuXHQuaWNvbl9fY29udGFpbmVyIHtcblx0XHRoZWlnaHQ6IDQ4cHg7XG5cdFx0d2lkdGg6IDQ4cHg7XG5cdFx0Ym9yZGVyLXJhZGl1czogNTAlO1xuXHRcdGJhY2tncm91bmQtY29sb3I6ICR7REVGQVVMVF9USEVNRS5jb2xvcnNWMi5iYWNrZ3JvdW5kLmJhc2V9O1xuXHRcdGRpc3BsYXk6IGZsZXg7XG5cdFx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0XHRqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcblx0fVxuYDtcclxuZXhwb3J0IGNvbnN0IFN0eWxlZFByb2R1Y3RQaWNrZXJDb250YWluZXIgPSBzdHlsZWQuZGl2IGBcblx0bWFyZ2luLXRvcDogOHB4O1xuXHQucG9zdF9fd3JhcHBlciB7XG5cdFx0bWFyZ2luLXRvcDogOHB4O1xuXHRcdGJvcmRlci10b3A6IDFweCBzb2xpZCAke0RFRkFVTFRfVEhFTUUuY29sb3JzVjIuc3Ryb2tlLnByaW1hcnl9O1xuXHRcdGJhY2tncm91bmQtY29sb3I6ICR7REVGQVVMVF9USEVNRS5jb2xvcnNWMi5iYWNrZ3JvdW5kLndhcm5pbmcubGlnaHR9O1xuXHRcdHBhZGRpbmc6IDEycHggMjRweDtcblx0XHRkaXNwbGF5OiBmbGV4O1xuXHRcdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdFx0Z2FwOiAxNnB4O1xuXHR9XG5cblx0LnBvc3RfX3RodW1ibmFpbCB7XG5cdFx0aGVpZ2h0OiA2OHB4O1xuXHRcdHdpZHRoOiA2OHB4O1xuXHRcdG9iamVjdC1maXQ6IGNvdmVyO1xuXHRcdGJvcmRlci1yYWRpdXM6IDRweDtcblx0fVxuXHQucG9zdF9faW5mby13cmFwcGVyIHtcblx0XHRkaXNwbGF5OiBmbGV4O1xuXHRcdGdhcDogOHB4O1xuXHRcdGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG5cdFx0d2lkdGg6IDM1MHB4O1xuXHR9XG5cdC5sb2FkZXJfX3dyYXBwZXIge1xuXHRcdGhlaWdodDogMzUwcHg7XG5cdFx0d2lkdGg6IDEwMCU7XG5cdFx0bWFyZ2luLXRvcDogNHB4O1xuXHRcdGRpc3BsYXk6IGZsZXg7XG5cdFx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0XHRqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcblx0fVxuXHQucHJvZHVjdF9fd3JhcHBlciB7XG5cdFx0cGFkZGluZzogMTJweCAyNHB4O1xuXHRcdGRpc3BsYXk6IGZsZXg7XG5cdFx0ZmxleC1kaXJlY3Rpb246IHJvdztcblx0XHRhbGlnbi1pdGVtczogY2VudGVyO1xuXHRcdGdhcDogMTlweDtcblx0XHRib3JkZXItYm90dG9tOiAxcHggc29saWQgJHtERUZBVUxUX1RIRU1FLmNvbG9yc1YyLnN0cm9rZS5wcmltYXJ5fTtcblx0fVxuXHQucHJvZHVjdF9faW5mby13cmFwcGVyIHtcblx0XHRkaXNwbGF5OiBmbGV4O1xuXHRcdGdhcDogMTZweDtcblx0XHRhbGlnbi1pdGVtczogY2VudGVyO1xuXHRcdG9yZGVyOiAyO1xuXHR9XG5cdC5wcm9kdWN0X19pbWFnZSB7XG5cdFx0aGVpZ2h0OiA0MHB4O1xuXHRcdHdpZHRoOiA0MHB4O1xuXHRcdG9iamVjdC1maXQ6IGNvdmVyO1xuXHRcdGJvcmRlci1yYWRpdXM6IDRweDtcblx0fVxuYDtcclxuLy8jIHNvdXJjZU1hcHBpbmdVUkw9UHJvZHVjdFBpY2tlci5zdHlsZWQuanMubWFwIl19 /"));export{l as StyledProductPickerContainer,X as StyledZeroState};

package/dist/esm/components/product-picker/ProductPickerModal.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{jsxs as e,jsx as t}from"react/jsx-runtime";import o from"../../node_modules/lodash.debounce/index.js";import{useState as s,useCallback as r,useEffect as n}from"react";import{PageLoader as c}from"../bik-layout/PageLoader.js";import{CheckBox as l}from"../checkBox/CheckBox.js";import{Input as i}from"../input/Input.js";import{StyledModal as d}from"../modals/styledModal.js";import{StyledProductPickerContainer as a,StyledZeroState as p}from"./ProductPicker.styled.js";import{BodyPrimary as m,Caption as h,TitleRegular as u,BodySecondary as g}from"../TypographyStyle.js";import v from"../../utils/DateUtils.js";import{DEFAULT_THEME as f}from"../../constants/Theme.js";import j from"../../assets/icons/alert_triangle.svg.js";import y from"../../assets/icons/search.svg.js";const P="https://jkfenner.com/wp-content/uploads/2019/11/default.jpg",b=o=>{let{text:s,styleProps:r}=o;return e(p,{children:[t("div",Object.assign({className:"icon__container",style:Object.assign({},r)},{children:t(j,{width:24,height:24,color:f.colorsV2.content.secondary})})),t(u,{children:"No results found"}),t(g,Object.assign({style:{color:f.colorsV2.content.secondary,textAlign:"center"}},{children:`Sorry we could not find any results for "${s}"`}))]})},x=n=>{var d,p,g,j;const x=n.instaPost?v.dateFormat(new Date(n.instaPost.timestamp),"•",!0):"",[_,O]=s(n.products),[w,C]=s(!1),[S,N]=s(""),V=r(o((e=>{e?(O([]),n.onSearchKeyChange(e).then((e=>{O(e),C(!1)}))):(O(n.products),C(!1))}),700),[]);return e(a,{children:[n.instaPost&&e("div",Object.assign({className:"post__wrapper"},{children:[t("img",{alt:"Ig Media",onError:e=>{e.target.onerror=null,e.target.src=P},src:null===(d=n.instaPost)\|\|void 0===d?void 0:d.media_url,className:"post__thumbnail"}),e("div",Object.assign({className:"post__info-wrapper"},{children:[t(m,Object.assign({style:{textOverflow:"ellipsis",overflow:"hidden",whiteSpace:"nowrap",color:n.instaPost.caption?f.colorsV2.content.primary:f.colorsV2.content.secondary}},{children:(null===(p=n.instaPost)\|\|void 0===p?void 0:p.caption)?null===(g=n.instaPost)\|\|void 0===g?void 0:g.caption:"No caption"})),t(h,Object.assign({style:{color:f.colorsV2.content.placeholder}},{children:x}))]}))]})),t("div",Object.assign({style:{borderTop:n.instaPost?`1px solid ${f.colorsV2.stroke.primary}`:"none",borderBottom:`1px solid ${f.colorsV2.stroke.primary}`,padding:n.instaPost?"16px":"0px ~~16px~~ 16px ~~16px~~"}},{children:t(i,{placeholder:null!==(j=n.searchPlaceholder)&&void 0!==j?j:"Search products..",onChangeText:e=>{var t;N(e),(null===(t=e.trim())\|\|void 0===t?void 0:t.length)>0?(C(!0),V(e)):(C(!1),O(n.products))},rightIcon:{icon:y}})})),e("div",Object.assign({style:{maxHeight:350,overflowY:"scroll"}},{children:[w&&t("div",Object.assign({className:"loader__wrapper"},{children:t(c,{})})),0!==_.length\|\|w?_.map((o=>{var s;const r=n.selectedProducts.find((e=>e.id===o.id));return e("div",Object.assign({className:"product__wrapper"},{children:[e("div",Object.assign({className:"product__info-wrapper"},{children:[t("img",{alt:"Product",onError:e=>{e.target.onerror=null,e.target.src=P},src:null!==(s=o.image)&&void 0!==s?s:P,className:"product__image"}),t(u,{children:o.name})]})),t("div",Object.assign({style:{order:1}},{children:t(l,{isChecked:void 0!==r,onValueChange:e=>{((e,t)=>{const o=n.selectedProducts.find((e=>e.id===t.id));if(e&&!o){const e=[...n.selectedProducts,t];n.setSelectedProducts(e)}else if(o){const e=[...n.selectedProducts];let o=-1;n.selectedProducts.forEach(((e,s)=>{e.id===t.id&&(o=s)})),e.splice(o,1),n.setSelectedProducts(e)}})(e,o)}})}))]}),o.id)})):t(b,{text:S})]}))]})},_=e=>{var o;const[r,c]=s([]);return n((()=>{var t;c(null!==(t=e.selectedProducts)&&void 0!==t?t:[])}),[null===(o=e.selectedProducts)\|\|void 0===o?void 0:o.length]),t(d,Object.assign({open:e.show,onClose:()=>{e.onClose()},footerLeftCustomElement:r.length>10?t(h,Object.assign({style:{color:f.colorsV2.content.negative}},{children:"Can't add more than 10 products"})):t(h,Object.assign({style:{color:f.colorsV2.content.placeholder}},{children:r?`${r.length} selected`:""})),headingTitle:e.title,primaryButton:{disabled:r.length>10\|\|0===r.length,buttonType:"primary",buttonText:"Select",size:"small",onClick:()=>{e.setSelectedProducts(r),e.onClose()}},secondaryButton:e.secondaryButtonProps,footerShadow:!0},{children:t(x,Object.assign({},e,{selectedProducts:r,setSelectedProducts:c}))}))};export{_ as PricePleaseProductPicker,x as ProductPickerContent};
1	+ import{jsxs as e,jsx as t}from"react/jsx-runtime";import o from"../../node_modules/lodash.debounce/index.js";import{useState as s,useCallback as r,useEffect as n}from"react";import{PageLoader as c}from"../bik-layout/PageLoader.js";import{CheckBox as l}from"../checkBox/CheckBox.js";import{Input as i}from"../input/Input.js";import{StyledModal as d}from"../modals/styledModal.js";import{StyledProductPickerContainer as a,StyledZeroState as p}from"./ProductPicker.styled.js";import{BodyPrimary as m,Caption as h,TitleRegular as u,BodySecondary as g}from"../TypographyStyle.js";import v from"../../utils/DateUtils.js";import{DEFAULT_THEME as f}from"../../constants/Theme.js";import j from"../../assets/icons/alert_triangle.svg.js";import y from"../../assets/icons/search.svg.js";const P="https://jkfenner.com/wp-content/uploads/2019/11/default.jpg",b=o=>{let{text:s,styleProps:r}=o;return e(p,{children:[t("div",Object.assign({className:"icon__container",style:Object.assign({},r)},{children:t(j,{width:24,height:24,color:f.colorsV2.content.secondary})})),t(u,{children:"No results found"}),t(g,Object.assign({style:{color:f.colorsV2.content.secondary,textAlign:"center"}},{children:`Sorry we could not find any results for "${s}"`}))]})},x=n=>{var d,p,g,j;const x=n.instaPost?v.dateFormat(new Date(n.instaPost.timestamp),"•",!0):"",[_,O]=s(n.products),[w,C]=s(!1),[S,N]=s(""),V=r(o((e=>{e?(O([]),n.onSearchKeyChange(e).then((e=>{O(e),C(!1)}))):(O(n.products),C(!1))}),700),[]);return e(a,{children:[n.instaPost&&e("div",Object.assign({className:"post__wrapper"},{children:[t("img",{alt:"Ig Media",onError:e=>{e.target.onerror=null,e.target.src=P},src:null===(d=n.instaPost)\|\|void 0===d?void 0:d.media_url,className:"post__thumbnail"}),e("div",Object.assign({className:"post__info-wrapper"},{children:[t(m,Object.assign({style:{textOverflow:"ellipsis",overflow:"hidden",whiteSpace:"nowrap",color:n.instaPost.caption?f.colorsV2.content.primary:f.colorsV2.content.secondary}},{children:(null===(p=n.instaPost)\|\|void 0===p?void 0:p.caption)?null===(g=n.instaPost)\|\|void 0===g?void 0:g.caption:"No caption"})),t(h,Object.assign({style:{color:f.colorsV2.content.placeholder}},{children:x}))]}))]})),t("div",Object.assign({style:{borderTop:n.instaPost?`1px solid ${f.colorsV2.stroke.primary}`:"none",borderBottom:`1px solid ${f.colorsV2.stroke.primary}`,padding:n.instaPost?"16px 24px":"0px 24px 16px 24px"}},{children:t(i,{placeholder:null!==(j=n.searchPlaceholder)&&void 0!==j?j:"Search products..",onChangeText:e=>{var t;N(e),(null===(t=e.trim())\|\|void 0===t?void 0:t.length)>0?(C(!0),V(e)):(C(!1),O(n.products))},rightIcon:{icon:y}})})),e("div",Object.assign({style:{maxHeight:350,overflowY:"scroll"}},{children:[w&&t("div",Object.assign({className:"loader__wrapper"},{children:t(c,{})})),0!==_.length\|\|w?_.map((o=>{var s;const r=n.selectedProducts.find((e=>e.id===o.id));return e("div",Object.assign({className:"product__wrapper"},{children:[e("div",Object.assign({className:"product__info-wrapper"},{children:[t("img",{alt:"Product",onError:e=>{e.target.onerror=null,e.target.src=P},src:null!==(s=o.image)&&void 0!==s?s:P,className:"product__image"}),t(u,{children:o.name})]})),t("div",Object.assign({style:{order:1}},{children:t(l,{isChecked:void 0!==r,onValueChange:e=>{((e,t)=>{const o=n.selectedProducts.find((e=>e.id===t.id));if(e&&!o){const e=[...n.selectedProducts,t];n.setSelectedProducts(e)}else if(o){const e=[...n.selectedProducts];let o=-1;n.selectedProducts.forEach(((e,s)=>{e.id===t.id&&(o=s)})),e.splice(o,1),n.setSelectedProducts(e)}})(e,o)}})}))]}),o.id)})):t(b,{text:S})]}))]})},_=e=>{var o;const[r,c]=s([]);return n((()=>{var t;c(null!==(t=e.selectedProducts)&&void 0!==t?t:[])}),[null===(o=e.selectedProducts)\|\|void 0===o?void 0:o.length]),t(d,Object.assign({open:e.show,onClose:()=>{e.onClose()},footerLeftCustomElement:r.length>10?t(h,Object.assign({style:{color:f.colorsV2.content.negative}},{children:"Can't add more than 10 products"})):t(h,Object.assign({style:{color:f.colorsV2.content.placeholder}},{children:r?`${r.length} selected`:""})),headingTitle:e.title,primaryButton:{disabled:r.length>10\|\|0===r.length,buttonType:"primary",buttonText:"Select",size:"small",onClick:()=>{e.setSelectedProducts(r),e.onClose()}},secondaryButton:e.secondaryButtonProps,footerShadow:!0},{children:t(x,Object.assign({},e,{selectedProducts:r,setSelectedProducts:c}))}))};export{_ as PricePleaseProductPicker,x as ProductPickerContent};

package/dist/esm/components/product-picker/type.d.ts CHANGED Viewed

@@ -13,15 +13,15 @@ export interface IInstaPost {
 }
 export interface ProductPickerProps {
     show: boolean;
-    products: Product[];
+    products: Product[] | Collection[];
     onClose: () => void;
     title: string;
-    onSave: (productIds: Product[]) => void;
-    onSearchKeyChange: (key: string) => Promise<Product[]>;
+    onSave: (productIds: Product[] | Collection[]) => void;
+    onSearchKeyChange: (key: string) => Promise<Product[] | Collection[]>;
     instaPost?: IInstaPost;
     searchPlaceholder?: string;
-    selectedProducts: Product[];
-    setSelectedProducts: React.Dispatch<React.SetStateAction<Product[]>>;
+    selectedProducts: Product[] | Collection[];
+    setSelectedProducts: React.Dispatch<React.SetStateAction<Product[] | Collection[]>>;
     secondaryButtonProps?: ButtonProps;
 }
 export interface Product {
@@ -42,6 +42,16 @@ export interface Product {
     name: string;
     handle: string;
 }
+export interface Collection {
+    id: string;
+    name: string;
+    description: string;
+    image: string;
+    isHidden: boolean;
+    isPrivate: boolean;
+    handle: string;
+    isSmartCollection: boolean;
+}
 export interface Variant {
     values: string[];
     name: string;

package/dist/esm/components/product-picker-v2/collectionScreen.d.ts CHANGED Viewed

@@ -21,6 +21,8 @@ interface CollectionsScreenInterface {
         setCurPage: React.Dispatch<React.SetStateAction<number>>;
     };
     hideCollectionCheckbox?: boolean;
+    renderCoreComponent?: boolean;
+    pickerType?: 'COLLECTION' | 'PRODUCT';
 }
 export declare const CollectionsScreen: (props: CollectionsScreenInterface) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/esm/components/product-picker-v2/collectionScreen.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{jsxs as e,jsx as t,Fragment as o}from"react/jsx-runtime";import i from"../../assets/icons/chevronRight.svg.js";import{useRef as c,useState as s,useEffect as r}from"react";import{CheckBox as n}from"../checkBox/CheckBox.js";import{IconButton as l}from"../icon-button/IconButton.js";import{BikShimmer as d}from"../shimmer/ShimmerComponent/BikShimmer.js";import{Tag as a}from"../tag/Tag.js";import{TitleRegular as h}from"../TypographyStyle.js";import{EmptyState as u}from"./emptyState.js";import{CollectionCardStyle as m,CollectionCardInfoStyle as p,CollectionCardDetailStyle as C,CollectionNameHolder as g}from"./style.js";const v=(e,t,o)=>{if(e.length<=t)return e;const i=e.slice(0,t-1);return(o?i.slice(0,i.lastIndexOf(" ")):i)+"..."},b=o=>{const{customCollectionRestriction:i,dataLoading:n,collections:l,selectedCollectionsDispatch:a,setCollectionId:h,selectedCollections:m,setScreen:p,collectionFetcher:C,collectionsDispatch:g,pagingControls:v,storeId:b,setSaveDisabled:f,hideCollectionCheckbox:k}=o,j=c(null),x=c(v.curPage),O=!!i&&(null==m?void 0:m.isCustom),[E,S]=s(!1);r((()=>{x.current=v.curPage}),[v.curPage]),r((()=>{const e=new IntersectionObserver((e=>{e[0].isIntersecting&&x.current>0&&(f(!0),S(!0),C(x.current,b).then((e=>{g({type:"paged",data:(null==e?void 0:e.collections)\|\|{}}),v.setCurPage(x.current+1),S(!1),f(!1)})).catch())}),{threshold:1});return j.current&&e.observe(j.current),()=>{j.current&&e.unobserve(j.current)}}),[j]);const D=e=>{var t,o;let i=0,c=0;if(m[e]){const s=null===(t=l[e])\|\|void 0===t?void 0:t.products;s&&Object.keys(s).forEach((e=>{var t;const o=null===(t=s[e])\|\|void 0===t?void 0:t.variants;o&&Object.keys(o).forEach((e=>i+=1))}));const r=null===(o=m[e])\|\|void 0===o?void 0:o.products;return r&&Object.keys(r).forEach((e=>{var t;const o=null===(t=r[e])\|\|void 0===t?void 0:t.variants;o&&Object.keys(o).forEach((e=>c+=1))})),!(i<=0&&c>0)&&(c>0&&i!==c)}return!1};return e("div",{children:[Object.keys(l).length?Object.keys(l).map((e=>t(y,{customCollectionRestriction:i,data:l[e],isDisabled:O&&!(null==m?void 0:m[e]),isChecked:!!(null==m?void 0:m[e]),isPartiallyChecked:D(e),selectedCollectionsDispatch:a,setCollectionId:h,setScreen:p,id:e,hideCollectionCheckbox:k},e))):n?[1,2,3,4,5,6,7,8,9,10].map(((e,o)=>t("div",Object.assign({style:{borderBottom:"1px solid #E0E0E0"}},{children:t(d,{boxes:[{height:"64px",width:"100%",marginTop:"0px"}]})}),o))):t(u,{title:"No collections to show",subtitle:"We couldn’t find any collection."}),t("div",{ref:j}),E&&[1,2,3,4,5].map(((e,o)=>t("div",Object.assign({style:{borderBottom:"1px solid #E0E0E0"}},{children:t(d,{boxes:[{height:"64px",width:"100%",marginTop:"0px"}]})}),o)))]})},y=c=>{const{customCollectionRestriction:s,data:r,selectedCollectionsDispatch:d,setCollectionId:u,isPartiallyChecked:b,setScreen:y,id:f,isChecked:k,isDisabled:j,hideCollectionCheckbox:x}=c;return e(m,Object.assign({isDisabled:j,onClick:()=>{~~j\|\|~~(u(f),y("products"))}},{children:[e(p,{children:[!x&&t(n,{isDisabled:j,isChecked:k,isPartiallyChecked:b,onValueChange:function(e,t,o){null==o\|\|o.stopPropagation(),d(e?{type:"selected",data:{id:f,val:r,isRestricted:s}}:{type:"unselected",data:{id:f}}),u(e?f:"")}}),t(C,{children:e(g,{children:[t(h,{children:v(r.name,40,!0)}),r.isSmartCollection?t(a,{tagText:"Smart Collection",type:"warning"}):t(o,{})]})})]}),t(l,{height:12,width:12,disabled:j,Icon:i})]}))};export{b as CollectionsScreen,v as truncate};
1	+ import{jsxs as e,jsx as t,Fragment as o}from"react/jsx-runtime";import i from"../../assets/icons/chevronRight.svg.js";import{useRef as c,useState as r,useEffect as s}from"react";import{CheckBox as n}from"../checkBox/CheckBox.js";import{IconButton as l}from"../icon-button/IconButton.js";import{BikShimmer as d}from"../shimmer/ShimmerComponent/BikShimmer.js";import{Tag as a}from"../tag/Tag.js";import{TitleRegular as h}from"../TypographyStyle.js";import{EmptyState as p}from"./emptyState.js";import{CollectionCardStyle as u,CollectionCardInfoStyle as m,CollectionCardDetailStyle as C,CollectionNameHolder as v}from"./style.js";const g=(e,t,o)=>{if(e.length<=t)return e;const i=e.slice(0,t-1);return(o?i.slice(0,i.lastIndexOf(" ")):i)+"..."},b=o=>{const{customCollectionRestriction:i,dataLoading:n,collections:l,selectedCollectionsDispatch:a,setCollectionId:h,selectedCollections:u,setScreen:m,collectionFetcher:C,collectionsDispatch:v,pagingControls:g,storeId:b,setSaveDisabled:f,hideCollectionCheckbox:k,renderCoreComponent:j,pickerType:x}=o,O=c(null),E=c(g.curPage),I=!!i&&(null==u?void 0:u.isCustom),[S,T]=r(!1);s((()=>{E.current=g.curPage}),[g.curPage]),s((()=>{const e=new IntersectionObserver((e=>{e[0].isIntersecting&&E.current>0&&(f(!0),T(!0),C(E.current,b).then((e=>{v({type:"paged",data:(null==e?void 0:e.collections)\|\|{}}),g.setCurPage(E.current+1),T(!1),f(!1)})).catch())}),{threshold:1});return O.current&&e.observe(O.current),()=>{O.current&&e.unobserve(O.current)}}),[O]);const D=e=>{var t,o;let i=0,c=0;if(u[e]){const r=null===(t=l[e])\|\|void 0===t?void 0:t.products;r&&Object.keys(r).forEach((e=>{var t;const o=null===(t=r[e])\|\|void 0===t?void 0:t.variants;o&&Object.keys(o).forEach((e=>i+=1))}));const s=null===(o=u[e])\|\|void 0===o?void 0:o.products;return s&&Object.keys(s).forEach((e=>{var t;const o=null===(t=s[e])\|\|void 0===t?void 0:t.variants;o&&Object.keys(o).forEach((e=>c+=1))})),!(i<=0&&c>0)&&(c>0&&i!==c)}return!1};return e("div",{children:[Object.keys(l).length?Object.keys(l).map((e=>t(y,{customCollectionRestriction:i,data:l[e],isDisabled:I&&!(null==u?void 0:u[e]),isChecked:!!(null==u?void 0:u[e]),isPartiallyChecked:D(e),selectedCollectionsDispatch:a,setCollectionId:h,setScreen:m,id:e,hideCollectionCheckbox:k,selectedCollections:u,renderCoreComponent:j,pickerType:x},e))):n?[1,2,3,4,5,6,7,8,9,10].map(((e,o)=>t("div",Object.assign({style:{borderBottom:"1px solid #E0E0E0"}},{children:t(d,{boxes:[{height:"64px",width:"100%",marginTop:"0px"}]})}),o))):t(p,{title:"No collections to show",subtitle:"We couldn’t find any collection."}),t("div",{ref:O}),S&&[1,2,3,4,5].map(((e,o)=>t("div",Object.assign({style:{borderBottom:"1px solid #E0E0E0"}},{children:t(d,{boxes:[{height:"64px",width:"100%",marginTop:"0px"}]})}),o)))]})},y=c=>{const{customCollectionRestriction:r,data:s,selectedCollectionsDispatch:d,setCollectionId:p,isPartiallyChecked:b,setScreen:y,id:f,isChecked:k,isDisabled:j,hideCollectionCheckbox:x,pickerType:O,selectedCollections:E}=c;return e(u,Object.assign({isDisabled:j,onClick:e=>{if(!j){if("COLLECTION"===O)return e.stopPropagation(),d({type:"reset",data:{}}),d({type:"selected",data:{id:f,val:s,isRestricted:r}}),void p(f);p(f),y("products")}},isActive:!!E[f]},{children:[e(m,{children:[!x&&t(n,{isDisabled:j,isChecked:k,isPartiallyChecked:b,onValueChange:function(e,t,o){null==o\|\|o.stopPropagation(),d(e?{type:"selected",data:{id:f,val:s,isRestricted:r}}:{type:"unselected",data:{id:f}}),p(e?f:"")}}),t(C,{children:e(v,{children:[t(h,{children:g(s.name,40,!0)}),s.isSmartCollection?t(a,{tagText:"Smart Collection",type:"warning"}):t(o,{})]})})]}),"COLLECTION"!==O&&t(l,{height:12,width:12,disabled:j,Icon:i})]}))};export{b as CollectionsScreen,g as truncate};

package/dist/esm/components/product-picker-v2/helpers/ProductHelper.d.ts ADDED Viewed

@@ -0,0 +1,33 @@
+import { Product, ProductVariant } from '../modal';
+import { OUT_OF_STOCK_ACTION } from '../type';
+export declare class ProductHelper {
+    /**
+     * how to know if a product is out of stock? currentCombination.quantity === 0 (OOS)
+     * how to know if a product is hidden ? skipSync === true (not-synced)
+     *
+     * if outOfStockAction === OUT_OF_STOCK_ACTION.HIDE
+     *    - not-synced && OOS => NOT_SYNCED
+     *    - not-synced && !OOS => NOT_SYNCED
+     *    - !not-synced && OOS => NOT_SYNCED
+     *    - !not-synced && !OOS => NORMAL
+     *
+     *
+     * if outOfStockAction === OUT_OF_STOCK_ACTION.BLUR
+     *    - not-synced && OOS => NOT_SYNCED
+     *    - not-synced && !OOS => NOT_SYNCED
+     *    - !not-synced && OOS => OUT_OF_STOCK
+     *    - !not-synced && !OOS => NORMAL
+     *
+     *
+     * if outOfStockAction === OUT_OF_STOCK_ACTION.NORMAL
+     *    - not-synced && OOS => NOT_SYNCED
+     *    - not-synced && !OOS => NOT_SYNCED
+     *    - !not-synced && OOS => NORMAL
+     *    - !not-synced && !OOS => NORMAL
+     *
+     * @param product
+     * @param currentCombination
+     * @param outOfStockAction
+     */
+    static getProductLabels(productVariant: Product | ProductVariant, outOfStockAction?: OUT_OF_STOCK_ACTION): string | null;
+}

package/dist/esm/components/product-picker-v2/helpers/ProductHelper.js ADDED Viewed

@@ -0,0 +1 @@

+ import{OUT_OF_STOCK_ACTION as n}from"../type.js";const i={NORMAL:null,NOT_SYNCED:"Hidden",OUT_OF_STOCK:"Out of Stock"};class t{static getProductLabels(t){let l=arguments.length>1&&void 0!==arguments[1]?arguments[1]:n.NORMAL,u="NORMAL";if(t.variants)return i[u];const y=t;return l===n.HIDE&&(!y.skipSync||0!==(null==y?void 0:y.quantity)&&-2!==(null==y?void 0:y.quantity)||(u="NOT_SYNCED"),y.skipSync&&0!==(null==y?void 0:y.quantity)&&-2!==(null==y?void 0:y.quantity)&&(u="NOT_SYNCED"),y.skipSync||0!==(null==y?void 0:y.quantity)&&-2!==(null==y?void 0:y.quantity)||(u="NOT_SYNCED"),y.skipSync||0===(null==y?void 0:y.quantity)||-2===(null==y?void 0:y.quantity)||(u="NORMAL")),l===n.BLUR&&(!y.skipSync||0!==(null==y?void 0:y.quantity)&&-2!==(null==y?void 0:y.quantity)||(u="NOT_SYNCED"),y.skipSync&&0!==(null==y?void 0:y.quantity)&&-2!==(null==y?void 0:y.quantity)&&(u="NOT_SYNCED"),y.skipSync||0!==(null==y?void 0:y.quantity)&&-2!==(null==y?void 0:y.quantity)||(u="OUT_OF_STOCK"),y.skipSync||0===(null==y?void 0:y.quantity)||-2===(null==y?void 0:y.quantity)||(u="NORMAL")),l===n.NORMAL&&(!y.skipSync||0!==(null==y?void 0:y.quantity)&&-2!==(null==y?void 0:y.quantity)||(u="NOT_SYNCED"),y.skipSync&&0!==(null==y?void 0:y.quantity)&&-2!==(null==y?void 0:y.quantity)&&(u="NOT_SYNCED"),y.skipSync||0!==(null==y?void 0:y.quantity)&&-2!==(null==y?void 0:y.quantity)||(u="NORMAL"),y.skipSync||0===(null==y?void 0:y.quantity)||-2===(null==y?void 0:y.quantity)||(u="NORMAL")),i[u]}}export{t as ProductHelper};

package/dist/esm/components/product-picker-v2/modal.d.ts CHANGED Viewed

@@ -1,7 +1,11 @@
+/// <reference types="react" />
+import { OUT_OF_STOCK_ACTION } from './type';
 export interface ProductVariant {
     name: string;
     price: string;
     image: string;
+    quantity: number;
+    skipSync?: boolean;
 }
 export interface Product {
     name: string;
@@ -44,11 +48,22 @@ export interface ProductPickerInterface {
     storeId: string;
     selectedItems: SelectedItems;
     onAdd: (items: SelectedItems, total: number) => void;
-    onClose: () => void;
+    onClose?: () => void;
     visible: boolean;
     zIndex?: number;
     limit?: number;
     hideCollectionCheckbox?: boolean;
     hideProductCheckbox?: boolean;
+    outOfStockAction?: OUT_OF_STOCK_ACTION;
+    hideVariantCheckbox?: boolean;
+    selectProductsFromCustomCollection?: boolean;
+    hideSelectionCount?: boolean;
+    title?: string;
+    postHeader?: React.ReactNode;
+    width?: string;
+    renderCoreComponent?: boolean;
+    onClickSave?: number;
+    pickerType?: 'COLLECTION' | 'PRODUCT';
+    hideProductVariants?: boolean;
 }
 export declare const ProductPickerModal: (props: ProductPickerInterface) => import("react/jsx-runtime").JSX.Element;

package/dist/esm/components/product-picker-v2/modal.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{~~jsx~~ as e,~~jsxs~~ as t,Fragment as o}from"react/jsx-runtime";import c from"../../assets/icons/search.svg.js";import{useReducer as r,useState as s,useEffect as l}from"react";import{COLORS as i}from"../../constants/Theme.js";import{Button as n}from"../button/Button.js";import{Input as d}from"../input/Input.js";import{StyledModal as a}from"../modals/styledModal.js";import{Spinner as h}from"../spinner/Spinner.js";import{Tag as p}from"../tag/Tag.js";import{CollectionsScreen as u}from"./collectionScreen.js";import{ProductsScreen as m}from"./productScreen.js";import{collectionsReducer as C,selectedColectionsReducer as v,CollectionIdContext as b}from"./reducers.js";import{SearchScreen as g}from"./searchScreen.js";import{SelectedScreen as y}from"./selectedScreen.js";import{ContainerStyle as f,ScrollContainerStyle as j}from"./style.js";const S=S=>{const{storeId:x,selectedItems:I,onClose:P,visible:k,zIndex:T,limit:F,hideCollectionCheckbox:D,hideProductCheckbox:E}=S,[O,R]=r(C,{}),[w,B]=s("collections"),[z,G]=s(""),[~~L,$~~]=s(0),[A,H]=s(!1),[M,Y]=s(0),[q,J]=s(""),[K,N]=s(!1),[Q,U]=s(!1),[V,W]=s(),[X,Z]=r(v,Object.keys(I).length>0?I:{});l((()=>{H(!0),U(!0),S.collectionFetcher(L,x).then((e=>{R({type:"fetched",data:(null==e?void 0:e.collections)\|\|{}}),H(!1),$((e=>e+1)),U(!1)})).catch()}),[]),l((()=>{let e=0;Object.keys(X\|\|[]).forEach((t=>{var o;Object.keys((null===(o=X[t])\|\|void 0===o?void 0:o.products)\|\|[]).forEach((o=>{var c,r;Object.keys((null===(r=null===(c=X[t].products)\|\|void 0===c?void 0:c[o])\|\|void 0===r?void 0:r.variants)\|\|[]).forEach((()=>{e+=1}))}))})),Y(e)})),l((()=>{var e;z&&!(null===(e=null==O?void 0:O[z])\|\|void 0===e?void 0:e.products)&&(H(!0),S.productFetcher(z,x).then((e=>{Object.keys(e).length&&R({type:"productsFetched",data:{collectionId:z,products:e}}),H(!1)})).catch())}),[z]),l((()=>{const e=setTimeout((()=>{q.length&&(N(!0),S.searchFetcher(x,q).then((e=>{W(e),B("searchProducts"),H(!1),N(!1)})))}),800);return()=>clearTimeout(e)}),[q])~~;const _=()=>{Z({type:"reset"~~,~~data:{}})};return e~~(~~a,Object.assign~~(~~{zIndex:T,open:k,onClose:~~()=>{P(~~),_~~(~~)},headingTitle:~~"~~collections"===w\|\|"products"===w?"Select~~ ~~Products~~"~~:"view"===w?"Selected Products":"searchProducts"===w?"Searched Products":void 0~~,~~footerShadow:!0~~,~~centralContainerStyles:{width:"480px"},primaryButton:{buttonText:A?"Loading...":"Add",disabled:A\|\|M<1\|\|F&&M>F\|\|!1,onClick:()=>{~~S.onAdd(X,M),_()}},~~footerLeftCustomElement:F&&M>F?e~~(p,{~~tagText:`You can only select $~~{~~F} products`,~~type:"~~negative~~"}):e(n,~~M>0?~~{~~onClick~~:(~~)=>{B(~~"~~view~~")},~~buttonText:`$~~{~~M} products selected`,buttonType~~:"~~tertiaryGray"}:{disabled:!~~0~~,buttonText:`${M}~~ ~~products selected`,buttonType:~~"~~tertiaryGray"~~})},{children:~~t(f,{children:[!~~S.hideGlobalSearch&&e(o,{children:("collections"===w\|\|"searchProducts"===w)&&e("div",Object.assign({style:{padding:"12px 24px",borderBottom:"1px solid #E0E0E0"}},{children:e(d,{noErrorHint:!0,rightIcon:{icon:()=>K?e(h,{size:"small",color:i.content.primary}):e(c,{})},id:"listInput",height:"24px",type:"text",value:q,onChangeText:e=>{e.length&&e.trim().length~~&&J~~(e)~~},placeholder~~:"~~Search products...~~"})}))}),t(j,{children:["collections"===w&&e(u,{customCollectionRestriction:S.customCollectionRestriction,dataLoading:Q,collections:O,selectedCollectionsDispatch:Z,setCollectionId:G,setScreen:B,selectedCollections:X,collectionFetcher:S.collectionFetcher,storeId:x,collectionsDispatch:R,setSaveDisabled:H,pagingControls:{curPage:L,setCurPage:$},hideCollectionCheckbox:D}),"products"===w&&z&&e(b.Provider,Object.assign({value:z},{children:e(m,{hideInCollectionSearch:S.hideInCollectionSearch,customCollectionRestriction:S.customCollectionRestriction,productFetcher:S.productFetcher,setScreen:B,storeId:x,data:O[z],collectionsDispatch:R,selectedCollectionsDispatch:Z,selectedData:X,setSaveDisabled:H,searchInCollectionFetcher:S.searchInCollectionFetcher,hideProductCheckbox:E})})),"view"===w&&e(y,{selectedCollections:X\|\|{},selectedCollectionsDispatch:Z,setScreen:B,collections:O}),"searchProducts"===w&&e(g,{customCollectionRestriction:S.customCollectionRestriction,selectedCollections:X\|\|{},searchedCollections:V\|\|{},selectedCollectionsDispatch:Z,setScreen:B,collections:O,onBackPress:()=>{J(""),W({})}})]})]})}))};export{S as ProductPickerModal};
1	+ import{jsxs as e,jsx as t,Fragment as o}from"react/jsx-runtime";import c from"../../assets/icons/search.svg.js";import{useReducer as r,useState as i,useEffect as s}from"react";import{COLORS as n}from"../../constants/Theme.js";import{Button as l}from"../button/Button.js";import{Input as d}from"../input/Input.js";import{StyledModal as a}from"../modals/styledModal.js";import{Spinner as h}from"../spinner/Spinner.js";import{Tag as p}from"../tag/Tag.js";import{CollectionsScreen as u}from"./collectionScreen.js";import{ProductsScreen as m}from"./productScreen.js";import{collectionsReducer as C,selectedColectionsReducer as b,CollectionIdContext as g}from"./reducers.js";import{SearchScreen as v}from"./searchScreen.js";import{SelectedScreen as y}from"./selectedScreen.js";import{ContainerStyle as f,ScrollContainerStyle as j}from"./style.js";import{OUT_OF_STOCK_ACTION as x}from"./type.js";const S=S=>{const{storeId:k,selectedItems:P,onClose:I,visible:T,zIndex:F,limit:O,hideCollectionCheckbox:D,hideProductCheckbox:E,outOfStockAction:w=x.BLUR,hideVariantCheckbox:R,selectProductsFromCustomCollection:A,hideSelectionCount:B,title:L,width:V,renderCoreComponent:z,onClickSave:G,pickerType:H,hideProductVariants:$=!1}=S,[K,M]=r(C,{}),[U,Y]=i("collections"),[q,J]=i(""),[N,Q]=i(0),[W,X]=i(!1),[Z,_]=i(0),[ee,te]=i(""),[oe,ce]=i(!1),[re,ie]=i(!1),[se,ne]=i(),[le,de]=r(b,Object.keys(P).length>0?P:{});s((()=>{X(!0),ie(!0),S.collectionFetcher(N,k).then((e=>{M({type:"fetched",data:(null==e?void 0:e.collections)\|\|{}}),X(!1),Q((e=>e+1)),ie(!1)})).catch()}),[]),s((()=>{let e=0;Object.keys(le\|\|[]).forEach((t=>{var o;Object.keys((null===(o=le[t])\|\|void 0===o?void 0:o.products)\|\|[]).forEach((o=>{var c,r;Object.keys((null===(r=null===(c=le[t].products)\|\|void 0===c?void 0:c[o])\|\|void 0===r?void 0:r.variants)\|\|[]).forEach((()=>{e+=1}))}))})),_(e)})),s((()=>{var e;q&&!(null===(e=null==K?void 0:K[q])\|\|void 0===e?void 0:e.products)&&(X(!0),S.productFetcher(q,k).then((e=>{Object.keys(e).length&&M({type:"productsFetched",data:{collectionId:q,products:e}}),X(!1)})).catch())}),[q]),s((()=>{const e=setTimeout((()=>{ee.length?(ce(!0),S.searchFetcher(k,ee).then((e=>{ne(Object.assign({},e)),Y("searchProducts"),X(!1),ce(!1)}))):Y("collections")}),800);return()=>clearTimeout(e)}),[ee]),s((()=>{G&&(console.log("selectedCollections:: ",le),S.onAdd(le,Z),ae())}),[G]);const ae=()=>{de({type:"reset",data:{}})},he=e(f,{children:[S.postHeader&&t("div",Object.assign({style:{padding:"0 24px"}},{children:S.postHeader})),!S.hideGlobalSearch&&t(o,{children:("collections"===U\|\|"searchProducts"===U)&&t("div",Object.assign({style:{padding:z?"8px 16px":"12px 24px",borderBottom:"1px solid #E0E0E0"}},{children:t(d,{noKeyDownChange:!0,noErrorHint:!0,rightIcon:{icon:()=>oe?t(h,{size:"small",color:n.content.primary}):t(c,{})},id:"listInput",height:"24px",type:"text",value:ee,onChangeText:e=>{e.length&&e.trim().length?te(e):te("")}})}))}),e(j,{children:["collections"===U&&t(u,{customCollectionRestriction:S.customCollectionRestriction,dataLoading:re,collections:K,selectedCollectionsDispatch:de,setCollectionId:J,setScreen:Y,selectedCollections:le,collectionFetcher:S.collectionFetcher,storeId:k,collectionsDispatch:M,setSaveDisabled:X,pagingControls:{curPage:N,setCurPage:Q},hideCollectionCheckbox:D,renderCoreComponent:z,pickerType:H}),"products"===U&&q&&t(g.Provider,Object.assign({value:q},{children:t(m,{hideInCollectionSearch:S.hideInCollectionSearch,customCollectionRestriction:S.customCollectionRestriction,productFetcher:S.productFetcher,setScreen:Y,storeId:k,data:K[q],collectionsDispatch:M,selectedCollectionsDispatch:de,selectedData:le,setSaveDisabled:X,searchInCollectionFetcher:S.searchInCollectionFetcher,hideProductCheckbox:E,outOfStockAction:w,hideVariantCheckbox:R,selectProductsFromCustomCollection:A,renderCoreComponent:z,pickerType:H,hideProductVariants:$})})),"view"===U&&t(y,{selectedCollections:le\|\|{},selectedCollectionsDispatch:de,setScreen:Y,collections:K}),"searchProducts"===U&&t(v,{customCollectionRestriction:S.customCollectionRestriction,selectedCollections:le\|\|{},searchedCollections:se\|\|{},selectedCollectionsDispatch:de,setScreen:Y,collections:K,onBackPress:()=>{te(""),ne({})}})]})]});return t(o,{children:z?he:t(a,Object.assign({zIndex:F,open:T,onClose:()=>{null==I\|\|I(),ae()},headingTitle:L\|\|("collections"===U\|\|"products"===U?"Select Products":"view"===U?"Selected Products":"searchProducts"===U?"Searched Products":void 0),footerShadow:!0,centralContainerStyles:{width:V\|\|"480px"},primaryButton:{buttonText:W?"Loading...":"Add",disabled:W\|\|Z<1\|\|O&&Z>O\|\|!1,onClick:()=>{S.onAdd(le,Z),ae()}},footerLeftCustomElement:B?t(o,{}):O&&Z>O?t(p,{tagText:`You can only select ${O} products`,type:"negative"}):t(l,Z>0?{onClick:()=>{Y("view")},buttonText:`${Z} products selected`,buttonType:"tertiaryGray"}:{disabled:!0,buttonText:`${Z} products selected`,buttonType:"tertiaryGray"})},{children:he}))})};export{S as ProductPickerModal};

package/dist/esm/components/product-picker-v2/productScreen.d.ts CHANGED Viewed

@@ -1,6 +1,7 @@
-/// <reference types="react" />
+import React from 'react';
 import { Collection, Product, ProductFetcherReturn, ProductVariant, SelectedItems } from '.';
 import { CollectionsActions, SelectedCollectionsActions } from './reducers';
+import { OUT_OF_STOCK_ACTION } from './type';
 interface ProductsScreenInterface {
     hideInCollectionSearch?: boolean;
     customCollectionRestriction?: boolean;
@@ -14,6 +15,12 @@ interface ProductsScreenInterface {
     setScreen: React.Dispatch<React.SetStateAction<string>>;
     setSaveDisabled: React.Dispatch<React.SetStateAction<boolean>>;
     hideProductCheckbox?: boolean;
+    outOfStockAction?: OUT_OF_STOCK_ACTION;
+    hideVariantCheckbox?: boolean;
+    selectProductsFromCustomCollection?: boolean;
+    renderCoreComponent?: boolean;
+    pickerType?: 'COLLECTION' | 'PRODUCT';
+    hideProductVariants?: boolean;
 }
 export declare const ProductsScreen: (props: ProductsScreenInterface) => import("react/jsx-runtime").JSX.Element;
 interface ProductGroupInterface {
@@ -26,6 +33,10 @@ interface ProductGroupInterface {
     isProductPartiallyChecked?: boolean;
     upliftAdditions: any;
     hideProductCheckbox?: boolean;
+    outOfStockAction?: OUT_OF_STOCK_ACTION;
+    hideVariantCheckbox?: boolean;
+    hideProductVariants?: boolean;
+    pickerType?: 'COLLECTION' | 'PRODUCT';
 }
 export declare const ProductGroup: (props: ProductGroupInterface) => import("react/jsx-runtime").JSX.Element;
 interface ProductCardInterface {
@@ -40,6 +51,10 @@ interface ProductCardInterface {
     isPartiallyChecked?: boolean;
     upliftAdditions: any;
     hideProductCheckbox?: boolean;
+    outOfStockAction?: OUT_OF_STOCK_ACTION;
+    hideVariantCheckbox?: boolean;
+    hideProductVariants?: boolean;
+    pickerType?: 'COLLECTION' | 'PRODUCT';
 }
 export declare const ProductCard: (props: ProductCardInterface) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/esm/components/product-picker-v2/productScreen.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{jsxs as t,jsx as e,Fragment as o}from"react/jsx-runtime";import i from"../../assets/icons/arrow_left.svg.js";import d from"../../assets/icons/box.svg.js";import c from"../../assets/icons/search.svg.js";import{cloneDeep as l}from"lodash";import{useContext as r,useState as n,useEffect as s}from"react";import{~~COLORS~~ as a}from"../../constants/Theme.js";import{CheckBox as u}from"../checkBox/CheckBox.js";import{IconButton as h}from"../icon-button/IconButton.js";import{Input as p}from"../input/Input.js";import{BikShimmer as v}from"../shimmer/ShimmerComponent/BikShimmer.js";import{ShimmerImage as m}from"../shimmer-image/ShimmerImage.js";import{Spinner as y}from"../spinner/Spinner.js";import{BodyCaption as f,TitleRegular as g}from"../TypographyStyle.js";import{truncate as j}from"./collectionScreen.js";import{EmptyState as b}from"./emptyState.js";import{CollectionIdContext as I}from"./reducers.js";import{ProductScreenHeader as k,ProductScreenCollectionCardStyle as C,ProductCardStyle as O}from"./style.js";import{liftTheStateUp as x}from"./utility.js";const S=o=>{const m=r(I),{data:j,collectionsDispatch:O,selectedData:S,selectedCollectionsDispatch:E,productFetcher:w,storeId:D,setScreen:A,setSaveDisabled:B,hideInCollectionSearch:T,customCollectionRestriction:V,hideProductCheckbox:F}=o,[R,U]=n(""),[W,z]=n(!1),[H,N]=n(j);s((()=>{const t=setTimeout((()=>{R.length?(z(!0),o.searchInCollectionFetcher(D,m,R).then((t=>{var e;const o=l(j);o.products={};for(const i of t)(null===(e=null==j?void 0:j.products)\|\|void 0===e?void 0:e[i])&&(o.products[i]=j.products[i]);N(o),B(!1),z(!1)}))):N(j)}),800);return()=>clearTimeout(t)}),[R]);const _=!!V&&j.isSmartCollection,q=t=>{var e,o,i,d,c,l,r,n;let s=0,a=0;return!!((null===(o=null===(e=null==S?void 0:S[m])\|\|void 0===e?void 0:e.products)\|\|void 0===o?void 0:o[t])&&(null===(c=Object.keys((null===(d=null===(i=null==j?void 0:j.products)\|\|void 0===i?void 0:i[t])\|\|void 0===d?void 0:d.variants)\|\|[]))\|\|void 0===c\|\|c.forEach((()=>a++)),Object.keys((null===(n=null===(r=null===(l=null==S?void 0:S[m])\|\|void 0===l?void 0:l.products)\|\|void 0===r?void 0:r[t])\|\|void 0===n?void 0:n.variants)\|\|[]).forEach((()=>s++)),s>0&&a!==s))};s((()=>{(null==j?void 0:j.products)\|\|G()}),[]);const G=()=>{B(!0),z(!0),w(m,D).then((t=>{Object.keys(t).length&&(O({type:"productsFetched",data:{collectionId:m,products:t}}),N(Object.assign(Object.assign({},H),{products:t}))),B(!1),z(!1)})).catch()},J=(t,e)=>{const o=x(e,j);E({type:t,data:Object.assign(Object.assign({},o),{isRestricted:V})})};return t("div",{children:[t(k,{children:[e(h,{Icon:i,height:16,onClick:()=>{A("collections")}}),e(f,Object.assign({style:{color:a.content.secondary}},{children:j.name}))]}),!T&&e("div",Object.assign({style:{padding:16,height:"76px",borderBottom:"1px solid #E0E0E0"}},{children:e(p,{noErrorHint:!0,rightIcon:{icon:()=>W&&R.length?e(y,{size:"small",color:a.content.primary}):e(c,{})},id:"listInput",height:"24px",type:"text",value:R,onChangeText:t=>{t.length&&t.trim().length~~&&U~~(t)},placeholder:"Search products in this collection..."})})),t("div",{children:[Object.keys((null==H?void 0:H.products)\|\|[]).length>0&&!_&&!R.length&&!F&&t(C,{children:[e(u,{isChecked:!!(null==S?void 0:S[m]),isPartiallyChecked:(t=>{var e;let o=0,i=0;if(S[t]){const d=null==j?void 0:j.products;d&&Object.keys(d).forEach((t=>{var e;const i=null===(e=d[t])\|\|void 0===e?void 0:e.variants;i&&Object.keys(i).forEach((t=>o+=1))}));const c=null===(e=S[t])\|\|void 0===e?void 0:e.products;return c&&Object.keys(c).forEach((t=>{var e;const o=null===(e=c[t])\|\|void 0===e?void 0:e.variants;o&&Object.keys(o).forEach((()=>i+=1))})),i>0&&o!==i}return!1})(m),onValueChange:function(t){E(t?{type:"selected",data:{id:m,val:j}}:{type:"unselected",data:{id:m}})}}),e("div",Object.assign({style:{width:40,height:40}},{children:e(d,{})})),e(g,{children:"All Products"})]}),Object.keys((null==H?void 0:H.products)\|\|[]).length?Object.keys(H.products\|\|[]).map((t=>e(P,{collectionId:m,isProductPartiallyChecked:q(t),productId:t,data:H.products[t],selectedData:S,selectedCollectionsDispatch:E,viewOnly~~:!!_~~,upliftAdditions:J,hideProductCheckbox:F},t))):W?[1,2,3,4,5,6,7,8,9,10].map(((t,o)=>e("div",Object.assign({style:{borderBottom:"1px solid #E0E0E0"}},{children:e(v,{boxes:[{height:"64px",width:"100%",marginTop:"0px"}]})}),o))):e(b,{title:"No products to show",subtitle:R.length?"We couldn't find the product you were looking for":"We couldn’t find any product in this collection."})]})]})},P=o=>{const{collectionId:i,productId:d,data:c,selectedData:l,selectedCollectionsDispatch:r,viewOnly:n,upliftAdditions:s,isProductPartiallyChecked:a,hideProductCheckbox:u}=o,h=t=>{var e,o,c,r,n,s;if(!(null===(o=null===(e=null==l?void 0:l[i])\|\|void 0===e?void 0:e.products)\|\|void 0===o?void 0:o[d]))return!1;return!!(null===(s=null===(n=null===(r=null===(c=null==l?void 0:l[i])\|\|void 0===c?void 0:c.products)\|\|void 0===r?void 0:r[d])\|\|void 0===n?void 0:n.variants)\|\|void 0===s?void 0:s[t])};return t("div",{children:[e(E,{isVariant:!1,data:c,productId:d,collectionId:i,isSelected:!!(null===(v=null===(p=null==l?void 0:l[i])\|\|void 0===p?void 0:p.products)\|\|void 0===v?void 0:v[d]),isPartiallyChecked:a,selectedCollectionsDispatch:r,upliftAdditions:s,viewOnly:n,hideProductCheckbox:u},d),Object.keys(c.variants\|\|[]).map((t=>e(E,{isVariant:!0,data:c.variants[t],variantId:t,productId:d,viewOnly:n,upliftAdditions:s,collectionId:i,isSelected:h(t),selectedCollectionsDispatch:r},t)))]});var p,v},E=i=>{const{isVariant:d,data:c,productId:l,collectionId:r,variantId:n,isSelected:s,selectedCollectionsDispatch:a,viewOnly:h,upliftAdditions:p,isPartiallyChecked:v,hideProductCheckbox:y}=i;return t(O,Object.assign({isVariant:d},{~~children~~:[y\|\|~~h?e~~(o,{}):e(u,{isChecked:s,isPartiallyChecked:v\|\|!1,onValueChange:function(t){d?t?p("variantSelected",{productId:l,variantId:n,collectionId:r,variant:c}):a({type:"variantUnselected",data:{productId:l,variantId:n,collectionId:r}}):t?p("productSelected",{productId:l,collectionId:r,product:c}):a({type:"productUnselected",data:{productId:l,collectionId:r}})}}),e("div",{children:e(m,{width:40,height:40,imageUrl:c.image,alt:"Item",borderRadius:4})}),e(g,{children:j(c.name,40,!0)})]}))};export{E as ProductCard,P as ProductGroup,S as ProductsScreen};
1	+ import{jsxs as t,jsx as e,Fragment as o}from"react/jsx-runtime";import i from"../../assets/icons/arrow_left.svg.js";import c from"../../assets/icons/box.svg.js";import d from"../../assets/icons/search.svg.js";import{cloneDeep as r}from"lodash";import{useContext as n,useState as l,useEffect as s}from"react";import{Tag as a}from"../tag/Tag.js";import{COLORS as u}from"../../constants/Theme.js";import{CheckBox as h}from"../checkBox/CheckBox.js";import{IconButton as p}from"../icon-button/IconButton.js";import{Input as v}from"../input/Input.js";import{BikShimmer as m}from"../shimmer/ShimmerComponent/BikShimmer.js";import{ShimmerImage as y}from"../shimmer-image/ShimmerImage.js";import{Spinner as f}from"../spinner/Spinner.js";import{BodyCaption as g,TitleRegular as k}from"../TypographyStyle.js";import{truncate as b}from"./collectionScreen.js";import{EmptyState as j}from"./emptyState.js";import{ProductHelper as C}from"./helpers/ProductHelper.js";import{CollectionIdContext as I}from"./reducers.js";import{ProductScreenHeader as O,ProductScreenCollectionCardStyle as x,ProductCardStyle as P}from"./style.js";import{OUT_OF_STOCK_ACTION as S}from"./type.js";import{liftTheStateUp as V}from"./utility.js";const w=o=>{const a=n(I),{data:y,collectionsDispatch:b,selectedData:C,selectedCollectionsDispatch:P,productFetcher:w,storeId:T,setScreen:E,setSaveDisabled:A,hideInCollectionSearch:B,customCollectionRestriction:R,hideProductCheckbox:U,outOfStockAction:F=S.BLUR,hideVariantCheckbox:H=!1,selectProductsFromCustomCollection:L=!1,pickerType:W,hideProductVariants:z}=o,[K,N]=l(""),[_,q]=l(!1),[G,J]=l(y);s((()=>{const t=setTimeout((()=>{K.length?(q(!0),o.searchInCollectionFetcher(T,a,K).then((t=>{var e;const o=r(y);o.products={};for(const i of t)(null===(e=null==y?void 0:y.products)\|\|void 0===e?void 0:e[i])&&(o.products[i]=y.products[i]);J(o),A(!1),q(!1)}))):J(y)}),800);return()=>clearTimeout(t)}),[K]);const M=!!R&&y.isSmartCollection,Q=t=>{var e,o,i,c,d,r,n,l;let s=0,u=0;return!!((null===(o=null===(e=null==C?void 0:C[a])\|\|void 0===e?void 0:e.products)\|\|void 0===o?void 0:o[t])&&(null===(d=Object.keys((null===(c=null===(i=null==y?void 0:y.products)\|\|void 0===i?void 0:i[t])\|\|void 0===c?void 0:c.variants)\|\|[]))\|\|void 0===d\|\|d.forEach((()=>u++)),Object.keys((null===(l=null===(n=null===(r=null==C?void 0:C[a])\|\|void 0===r?void 0:r.products)\|\|void 0===n?void 0:n[t])\|\|void 0===l?void 0:l.variants)\|\|[]).forEach((()=>s++)),s>0&&u!==s))};s((()=>{(null==y?void 0:y.products)\|\|X()}),[]);const X=()=>{A(!0),q(!0),w(a,T).then((t=>{Object.keys(t).length&&(b({type:"productsFetched",data:{collectionId:a,products:t}}),J(Object.assign(Object.assign({},G),{products:t}))),A(!1),q(!1)})).catch()},Y=(t,e)=>{const o=V(e,y);P({type:t,data:Object.assign(Object.assign({},o),{isRestricted:R})})};return t("div",{children:[t(O,{children:[e(p,{Icon:i,height:16,onClick:()=>{E("collections")}}),e(g,Object.assign({style:{color:u.content.secondary}},{children:y.name}))]}),!B&&e("div",Object.assign({style:{padding:16,height:"76px",borderBottom:"1px solid #E0E0E0"}},{children:e(v,{noKeyDownChange:!0,noErrorHint:!0,rightIcon:{icon:()=>_&&K.length?e(f,{size:"small",color:u.content.primary}):e(d,{})},id:"listInput",height:"24px",type:"text",value:K,onChangeText:t=>{t.length&&t.trim().length?N(t):N("")},placeholder:"Search products in this collection..."})})),t("div",{children:[Object.keys((null==G?void 0:G.products)\|\|[]).length>0&&!M&&!K.length&&!U&&t(x,{children:[e(h,{isChecked:!!(null==C?void 0:C[a]),isPartiallyChecked:(t=>{var e;let o=0,i=0;if(C[t]){const c=null==y?void 0:y.products;c&&Object.keys(c).forEach((t=>{var e;const i=null===(e=c[t])\|\|void 0===e?void 0:e.variants;i&&Object.keys(i).forEach((t=>o+=1))}));const d=null===(e=C[t])\|\|void 0===e?void 0:e.products;return d&&Object.keys(d).forEach((t=>{var e;const o=null===(e=d[t])\|\|void 0===e?void 0:e.variants;o&&Object.keys(o).forEach((()=>i+=1))})),i>0&&o!==i}return!1})(a),onValueChange:function(t){P(t?{type:"selected",data:{id:a,val:y}}:{type:"unselected",data:{id:a}})}}),e("div",Object.assign({style:{width:40,height:40}},{children:e(c,{})})),e(k,{children:"All Products"})]}),Object.keys((null==G?void 0:G.products)\|\|[]).length?Object.keys(G.products\|\|[]).map((t=>e(D,{outOfStockAction:F,collectionId:a,isProductPartiallyChecked:Q(t),productId:t,data:G.products[t],selectedData:C,selectedCollectionsDispatch:P,viewOnly:!L&&!!M,upliftAdditions:Y,hideProductCheckbox:U,hideVariantCheckbox:H,hideProductVariants:z,pickerType:W},t))):_?[1,2,3,4,5,6,7,8,9,10].map(((t,o)=>e("div",Object.assign({style:{borderBottom:"1px solid #E0E0E0"}},{children:e(m,{boxes:[{height:"64px",width:"100%",marginTop:"0px"}]})}),o))):e(j,{title:"No products to show",subtitle:K.length?"We couldn't find the product you were looking for":"We couldn’t find any product in this collection."})]})]})},D=o=>{const{collectionId:i,productId:c,data:d,selectedData:r,selectedCollectionsDispatch:n,viewOnly:l,upliftAdditions:s,isProductPartiallyChecked:a,hideProductCheckbox:u,outOfStockAction:h,hideVariantCheckbox:p,hideProductVariants:v,pickerType:m}=o,y=t=>{var e,o,d,n,l,s;if(!(null===(o=null===(e=null==r?void 0:r[i])\|\|void 0===e?void 0:e.products)\|\|void 0===o?void 0:o[c]))return!1;return!!(null===(s=null===(l=null===(n=null===(d=null==r?void 0:r[i])\|\|void 0===d?void 0:d.products)\|\|void 0===n?void 0:n[c])\|\|void 0===l?void 0:l.variants)\|\|void 0===s?void 0:s[t])};return t("div",{children:[e(T,{isVariant:!1,data:d,productId:c,collectionId:i,isSelected:!!(null===(g=null===(f=null==r?void 0:r[i])\|\|void 0===f?void 0:f.products)\|\|void 0===g?void 0:g[c]),isPartiallyChecked:a,selectedCollectionsDispatch:n,upliftAdditions:s,viewOnly:l,hideProductCheckbox:u,hideVariantCheckbox:p,hideProductVariants:v,pickerType:m},c),v?null:Object.keys(d.variants\|\|[]).map((t=>e(T,{isVariant:!0,hideVariantCheckbox:p,data:d.variants[t],variantId:t,productId:c,viewOnly:l,upliftAdditions:s,collectionId:i,isSelected:y(t),selectedCollectionsDispatch:n,outOfStockAction:h},t)))]});var f,g},T=i=>{const{isVariant:c,data:d,productId:r,collectionId:n,variantId:l,isSelected:s,selectedCollectionsDispatch:u,viewOnly:p,upliftAdditions:v,isPartiallyChecked:m,hideProductCheckbox:f,outOfStockAction:g,hideVariantCheckbox:j,hideProductVariants:I,pickerType:O}=i,x=C.getProductLabels(d,g);return t(P,Object.assign({isVariant:c,onClick:t=>{"PRODUCT"===O&&I&&(t.stopPropagation(),u({type:"reset",data:{}}),v("variantSelected",{productId:r,variantId:l\|\|Object.keys(d.variants)[0],collectionId:n,variant:d}))},isActive:s},{children:[c&&!p&&!j\|\|!c&&!p&&!f?e(h,{isChecked:s,isPartiallyChecked:m\|\|!1,onValueChange:function(t){c?t?v("variantSelected",{productId:r,variantId:l,collectionId:n,variant:d}):u({type:"variantUnselected",data:{productId:r,variantId:l,collectionId:n}}):t?v("productSelected",{productId:r,collectionId:n,product:d}):u({type:"productUnselected",data:{productId:r,collectionId:n}})}}):e(o,{}),e("div",{children:e(y,{width:40,height:40,imageUrl:d.image,alt:"Item",borderRadius:4})}),t("div",Object.assign({style:{display:"flex",flexDirection:"column"}},{children:[e(k,{children:b(d.name,40,!0)}),x?e("div",Object.assign({style:{width:90,display:"flex"}},{children:e(a,{tagText:x,type:"warning",theme:"light"})})):e(o,{})]}))]}))};export{T as ProductCard,D as ProductGroup,w as ProductsScreen};

package/dist/esm/components/product-picker-v2/style.d.ts CHANGED Viewed

@@ -2,6 +2,7 @@ export declare const ContainerStyle: import("styled-components").StyledComponent
 export declare const ScrollContainerStyle: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const CollectionCardStyle: import("styled-components").StyledComponent<"div", any, {
     isDisabled: boolean;
+    isActive: boolean;
 }, never>;
 export declare const CollectionCardInfoStyle: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const CollectionCardDetailStyle: import("styled-components").StyledComponent<"div", any, {}, never>;
@@ -9,6 +10,7 @@ export declare const ProductScreenHeader: import("styled-components").StyledComp
 export declare const ProductScreenCollectionCardStyle: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const ProductCardStyle: import("styled-components").StyledComponent<"div", any, {
     isVariant: boolean;
+    isActive: boolean;
 }, never>;
 export declare const SelectedScreenHeader: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const CollectionNameHolder: import("styled-components").StyledComponent<"div", any, {}, never>;

package/dist/esm/components/product-picker-v2/style.js CHANGED Viewed

@@ -9,7 +9,7 @@ import e from"styled-components";import{COLORS as i}from"../../constants/Theme.j
 	overflow-x: hidden;
 `,n=e.div`
 	height: 64px;
-	background-color: ${e=>e.isDisabled?"#F0F0F0":"white"};
+	background-color: ${e=>e.isDisabled?"#F0F0F0":e.isActive?i.background.positive.light:"white"};
 	border-bottom: 1px solid #e0e0e0;
 	padding: 12px 24px;
 	display: flex;
@@ -37,16 +37,16 @@ import e from"styled-components";import{COLORS as i}from"../../constants/Theme.j
 	align-items: center;
 	padding: 8px 16px;
 	margin-top: 16px;
-`,x=e.div`
+`,p=e.div`
 	display: flex;
 	flex-direction: row;
 	column-gap: 16px;
 	padding: 12px 16px;
 	border-bottom: 1px solid #e0e0e0;
 	align-items: center;
-`,p=e.div`
+`,x=e.div`
 	height: 64px;
-	background-color: white;
+	background-color: ${e=>e.isActive?i.background.positive.light:"white"};
 	border-bottom: 1px solid #e0e0e0;
 	padding: 12px 16px;
 	display: flex;
@@ -67,4 +67,4 @@ import e from"styled-components";import{COLORS as i}from"../../constants/Theme.j
 `,a=e.div`
 	display: flex;
 	flex-direction: column;
-`;export{d as CollectionCardDetailStyle,l as CollectionCardInfoStyle,n as CollectionCardStyle,a as CollectionNameHolder,t as ContainerStyle,p as ProductCardStyle,x as ProductScreenCollectionCardStyle,r as ProductScreenHeader,o as ScrollContainerStyle,c as SelectedScreenHeader};
+`;export{d as CollectionCardDetailStyle,l as CollectionCardInfoStyle,n as CollectionCardStyle,a as CollectionNameHolder,t as ContainerStyle,x as ProductCardStyle,p as ProductScreenCollectionCardStyle,r as ProductScreenHeader,o as ScrollContainerStyle,c as SelectedScreenHeader};

package/dist/esm/components/product-picker-v2/type.d.ts ADDED Viewed

@@ -0,0 +1,6 @@
+export declare enum OUT_OF_STOCK_ACTION {
+    HIDE = "HIDE",
+    NORMAL = "NORMAL",
+    /** @description shows OOS label  */
+    BLUR = "BLUR"
+}

package/dist/esm/components/product-picker-v2/type.js ADDED Viewed

	@@ -0,0 +1 @@
1	+ var L;!function(L){L.HIDE="HIDE",L.NORMAL="NORMAL",L.BLUR="BLUR"}(L\|\|(L={}));export{L as OUT_OF_STOCK_ACTION};

package/dist/esm/components/searchBar/searchBar.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{jsx as e}from"react/jsx-runtime";import{SearchIcon as o}from"../../assets/icons/searchIcon.js";import{useState as t,useEffect as n}from"react";import a from"../../assets/icons/cross.svg.js";import{Input as s}from"../input/Input.js";const i=i=>{const{isEnabled:r,onEnter:c,placeholder:l,width:d,variant:h,validate:u,isActive:v}=i,[m,f]=t("search"),[p,C]=t("default"),[g,k]=t(v?"active":r?"none":"disabled"),[b,j]=t(i.initialValue\|\|"");n((()=>{k(v?"active":r?"none":"disabled")}),[r,v]),n((()=>{i.reset&&I()}),[null==i?void 0:i.reset]);const w=e=>{r&&c(e)},I=()=>{f("search"),C("default"),j(""),i.onChange(""),k("none"),c("")};return e(s,{validate:u,onFocus:()=>{"default"===p&&r&&(C("clicked"),k("active"))},width:d,state:g,leftIcon:"search"===m&&"default"===p?{icon:o}:void 0,rightIcon:"cross"===m?{icon:a,callback:()=>{I(),i.onClickCross&&i.onClickCross()}}:void 0,onChangeText:(e,o)=>{i.onChange(e),j(e),"keydown"!==(null==o?void 0:o.type)\|\|13!==o.which&&13!==o.keyCode?e.trim().length?f("cross"):f("search"):w(e)},placeholder:l,variant:h,value:b,onBlur:()=>{b.length\|\|C("default"),k("none")}})};export{i as SearchBar};
1	+ import{jsx as e}from"react/jsx-runtime";import{SearchIcon as o}from"../../assets/icons/searchIcon.js";import{useState as t,useEffect as n}from"react";import s from"../../assets/icons/cross.svg.js";import{Input as a}from"../input/Input.js";const i=i=>{const{isEnabled:r,onEnter:c,placeholder:l,width:d,variant:h,validate:u,isActive:v}=i,[m,f]=t("search"),[p,g]=t("default"),[C,k]=t(v?"active":r?"none":"disabled"),[b,j]=t(i.initialValue\|\|"");n((()=>{k(v?"active":r?"none":"disabled")}),[r,v]),n((()=>{i.reset&&I()}),[null==i?void 0:i.reset]);const w=e=>{r&&c(e)},I=()=>{f("search"),g("default"),j(""),i.onChange(""),k("none"),c("")};return e(a,{validate:u,onFocus:()=>{b.length&&f("cross"),"default"===p&&r&&(g("clicked"),k("active"))},width:d,state:C,leftIcon:"search"===m&&"default"===p?{icon:o}:void 0,rightIcon:"cross"===m?{icon:s,callback:()=>{I(),i.onClickCross&&i.onClickCross()}}:void 0,onChangeText:(e,o)=>{i.onChange(e),j(e),"keydown"!==(null==o?void 0:o.type)\|\|13!==o.which&&13!==o.keyCode?e.trim().length?f("cross"):f("search"):w(e)},placeholder:l,variant:h,value:b,onBlur:()=>{b.length\|\|g("default"),k("none")}})};export{i as SearchBar};

package/dist/esm/components/side-modal/SideModal.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{jsx as o,jsxs as t,Fragment as e}from"react/jsx-runtime";import r from"react-dom";import n from"../../assets/icons/cross.svg.js";import{Button as i}from"../button/Button.js";import{TitleMedium as s}from"../TypographyStyle.js";import{SideModalStyle as c,SideModalContainer as m,SideModalHeader as d,SideModalBody as a,SideModalFooter as l,FooterButtonWrapper as h}from"./SideModal.style.js";const p=p=>r.createPortal(o(c,Object.assign({zIndex:p.zIndex},{children:t(m,{children:[t(d,{children:[o(s,{children:p.header}),!p.hideCrossButton&&o(n,{width:24,height:24,onClick:p.onClose})]}),o(a,{children:p.children}),t(l,Object.assign({footerDirection:p.footerDirection},{children:[t(h,Object.assign({footerDirection:p.footerDirection},{children:[o(i,Object.assign({},p.saveButtonProps)),o(i,Object.assign({},p.cancelButtonProps))]})),p.footerCustomComponent?p.footerCustomComponent:o(e,{})]}))]})})),document.body);export{p as SideModal};
1	+ import{jsx as o,jsxs as t,Fragment as e}from"react/jsx-runtime";import r from"react-dom";import i from"../../assets/icons/cross.svg.js";import{Button as n}from"../button/Button.js";import{TitleMedium as s}from"../TypographyStyle.js";import{SideModalStyle as c,SideModalContainer as d,SideModalHeader as m,SideModalBody as a,SideModalFooter as h,FooterButtonWrapper as l}from"./SideModal.style.js";const p=p=>r.createPortal(o(c,Object.assign({zIndex:p.zIndex},{children:t(d,Object.assign({width:p.width},{children:[t(m,{children:[o(s,{children:p.header}),!p.hideCrossButton&&o(i,{width:24,height:24,onClick:p.onClose})]}),o(a,{children:p.children}),t(h,Object.assign({footerDirection:p.footerDirection},{children:[t(l,Object.assign({footerDirection:p.footerDirection},{children:[o(n,Object.assign({},p.saveButtonProps)),o(n,Object.assign({},p.cancelButtonProps))]})),p.footerCustomComponent?p.footerCustomComponent:o(e,{})]}))]}))})),document.body);export{p as SideModal};

package/dist/esm/components/slider/index.d.ts ADDED Viewed

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

package/dist/esm/components/slider/slider.d.ts ADDED Viewed

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+export interface SliderBikProps {
+    min: number;
+    max: number;
+    defaultValue: number;
+    onChange: (event: Event) => void;
+    step?: number;
+    disabled?: boolean;
+}
+export declare const BikSlider: React.FC<SliderBikProps>;

package/dist/esm/components/slider/slider.js ADDED Viewed

@@ -0,0 +1 @@

+ import{jsx as e}from"react/jsx-runtime";import{COLORS as r}from"../../constants/Theme.js";import a from"../../node_modules/@mui/material/styles/styled.js";import o from"../../node_modules/@mui/material/Slider/Slider.js";const i=a(o)({marginTop:"30px",color:r.background.brand,height:8,"& .MuiSlider-track":{border:"none"},"& .MuiSlider-thumb":{height:24,width:24,backgroundColor:r.background.brand,border:`2px solid ${r.background.brand}`,"&:hover":{boxShadow:"0px 0px 0px 8px rgba(115, 29, 207, 0.08)"},"&:focused":{boxShadow:"0px 0px 0px 8px rgba(115, 29, 207, 0.33)"},"&.Mui-active":{boxShadow:"0px 0px 0px 8px rgba(115, 29, 207, 0.5)"},"&.Mui-focusVisible":{boxShadow:"0px 0px 0px 8px rgba(115, 29, 207, 0.08)"},"&:before":{display:"none"}},"& .MuiSlider-valueLabel":{lineHeight:1.2,fontSize:12,background:"unset",padding:0,width:32,height:32,borderRadius:"50% 50% 50% 0",backgroundColor:r.background.brand,transformOrigin:"bottom left",transform:"translate(50%, -100%) rotate(-45deg) scale(0)","&:before":{display:"none"},"&.MuiSlider-valueLabelOpen":{transform:"translate(50%, -100%) rotate(-45deg) scale(1)"},"& > *":{transform:"rotate(45deg)"}}}),t=r=>{let{min:a,max:o,defaultValue:t,onChange:d,step:n=1,disabled:l=!1}=r;return e(i,{valueLabelDisplay:"auto","aria-label":"bik slider",value:t,min:a,max:o,onChange:d,step:n,disabled:l})};export{t as BikSlider};

package/dist/esm/components/star-rating/Star.d.ts ADDED Viewed

@@ -0,0 +1,12 @@
+import React from 'react';
+export declare const Star: React.FC<{
+    filled?: boolean;
+    size?: number;
+    emptyColor?: string;
+    filledColor?: string;
+    onClick?: (action: 'de-select' | 'select') => void;
+    onHover?: (hovered: boolean) => void;
+    /** this means this star is hovered-active cause there is a star hovered after this  */
+    asHovered?: boolean;
+    mode?: 'VIEW' | 'EDIT';
+}>;

package/dist/esm/components/star-rating/Star.js ADDED Viewed

@@ -0,0 +1 @@

+ import{jsx as o}from"react/jsx-runtime";import{useState as e,useEffect as r}from"react";import{COLORS as n}from"../../constants/Theme.js";import t from"../../assets/icons/starEmpty.svg.js";import l from"../../assets/icons/starFilled.svg.js";const s=s=>{let{size:i,filled:u,emptyColor:c,filledColor:a,onClick:d,asHovered:m,onHover:h,mode:E}=s;const[g,p]=e(!1);return r((()=>{null==h||h(g)}),[g]),r((()=>{m||p(!1)}),[m]),m?o(l,{onClick:()=>{null==d||d("select")},onMouseEnter:()=>p(!0),onMouseLeave:()=>p(!1),style:{cursor:"pointer"},width:i,height:i,color:null!=a?a:n.background.warning.vibrant}):g?o(l,{onMouseLeave:()=>p(!1),onMouseEnter:()=>p(!0),style:{cursor:"pointer"},onClick:()=>{null==d||d("select")},width:i,height:i,color:null!=a?a:n.background.warning.vibrant}):u?o(l,{onMouseEnter:()=>"VIEW"!==E&&p(!0),onMouseLeave:()=>"VIEW"!==E&&p(!1),style:{cursor:"VIEW"!==E?"pointer":"default"},onClick:()=>{"VIEW"!==E&&(null==d||d("de-select"))},width:i,height:i,color:null!=a?a:n.background.warning.vibrant}):o(t,{onMouseEnter:()=>"VIEW"!==E&&p(!0),onMouseLeave:()=>"VIEW"!==E&&p(!1),style:{cursor:"VIEW"!==E?"pointer":"default"},onClick:()=>{"VIEW"!==E&&(null==d||d("select"))},width:i,height:i,color:null!=c?c:n.surface.standard})};export{s as Star};

package/dist/esm/components/star-rating/StarRating.d.ts ADDED Viewed

@@ -0,0 +1,10 @@
+import React from 'react';
+export declare const StarRating: React.FC<{
+    emptyColor?: string;
+    filledColor?: string;
+    onChange: (stars: number) => void;
+    value?: number;
+    maxValue?: number;
+    starSize?: number;
+    mode?: 'VIEW' | 'EDIT';
+}>;

package/dist/esm/components/star-rating/StarRating.js ADDED Viewed

@@ -0,0 +1 @@

+ import g from"@emotion/styled/base";import{jsx as I}from"react/jsx-runtime";import{useState as C,useMemo as A,useEffect as c}from"react";import{Star as l}from"./Star.js";const e=g("div","production"===process.env.NODE_ENV?{target:"e1yh3w250"}:{target:"e1yh3w250",label:"Container"})("production"===process.env.NODE_ENV?{name:"31c8wb",styles:"display:flex;flex-direction:row;gap:12px;justify-content:start;align-items:center"}:{name:"31c8wb",styles:"display:flex;flex-direction:row;gap:12px;justify-content:start;align-items:center",map:"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlN0YXJSYXRpbmcudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUk2QiIsImZpbGUiOiJTdGFyUmF0aW5nLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGpzeCBhcyBfanN4IH0gZnJvbSBcInJlYWN0L2pzeC1ydW50aW1lXCI7XHJcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcclxuaW1wb3J0IHsgdXNlRWZmZWN0LCB1c2VNZW1vLCB1c2VTdGF0ZSB9IGZyb20gJ3JlYWN0JztcclxuaW1wb3J0IHsgU3RhciB9IGZyb20gJy4vU3Rhcic7XHJcbmNvbnN0IENvbnRhaW5lciA9IHN0eWxlZC5kaXYgYFxuXHRkaXNwbGF5OiBmbGV4O1xuXHRmbGV4LWRpcmVjdGlvbjogcm93O1xuXHRnYXA6IDEycHg7XG5cdGp1c3RpZnktY29udGVudDogc3RhcnQ7XG5cdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5gO1xyXG5leHBvcnQgY29uc3QgU3RhclJhdGluZyA9ICh7IGVtcHR5Q29sb3IsIGZpbGxlZENvbG9yLCBvbkNoYW5nZSwgdmFsdWUsIG1heFZhbHVlLCBzdGFyU2l6ZSwgbW9kZSwgfSkgPT4ge1xyXG4gICAgY29uc3QgW3N0YXJzLCBzZXRTdGFyc10gPSB1c2VTdGF0ZSh2YWx1ZSAhPT0gbnVsbCAmJiB2YWx1ZSAhPT0gdm9pZCAwID8gdmFsdWUgOiAwKTtcclxuICAgIGNvbnN0IFttb3VudGVkLCBzZXRNb3VudGVkRmxhZ10gPSB1c2VTdGF0ZShmYWxzZSk7XHJcbiAgICBjb25zdCBbaG92ZXJlZFN0YXIsIHNldEhvdmVyZWRTdGFyXSA9IHVzZVN0YXRlKDApO1xyXG4gICAgY29uc3QgYXJyID0gdXNlTWVtbygoKSA9PiB7XHJcbiAgICAgICAgY29uc3QgbGltaXQgPSBtYXhWYWx1ZSAhPT0gbnVsbCAmJiBtYXhWYWx1ZSAhPT0gdm9pZCAwID8gbWF4VmFsdWUgOiA1O1xyXG4gICAgICAgIHJldHVybiBBcnJheShsaW1pdClcclxuICAgICAgICAgICAgLmZpbGwobnVsbClcclxuICAgICAgICAgICAgLm1hcCgoXywgaWR4KSA9PiBpZHggKyAxKTtcclxuICAgIH0sIFttYXhWYWx1ZV0pO1xyXG4gICAgdXNlRWZmZWN0KCgpID0+IHtcclxuICAgICAgICBpZiAobW91bnRlZCkge1xyXG4gICAgICAgICAgICBvbkNoYW5nZShzdGFycyk7XHJcbiAgICAgICAgfVxyXG4gICAgfSwgW3N0YXJzXSk7XHJcbiAgICB1c2VFZmZlY3QoKCkgPT4ge1xyXG4gICAgICAgIHNldE1vdW50ZWRGbGFnKHRydWUpO1xyXG4gICAgfSwgW10pO1xyXG4gICAgcmV0dXJuIChfanN4KENvbnRhaW5lciwgeyBjaGlsZHJlbjogYXJyLm1hcCgoaWR4KSA9PiAoX2pzeChTdGFyLCB7IGFzSG92ZXJlZDogaG92ZXJlZFN0YXIgPyBpZHggPD0gaG92ZXJlZFN0YXIgOiBmYWxzZSwgc2l6ZTogc3RhclNpemUgIT09IG51bGwgJiYgc3RhclNpemUgIT09IHZvaWQgMCA/IHN0YXJTaXplIDogMjQsIGZpbGxlZDogaG92ZXJlZFN0YXIgPyB1bmRlZmluZWQgOiBpZHggPD0gc3RhcnMsIGVtcHR5Q29sb3I6IGVtcHR5Q29sb3IsIGZpbGxlZENvbG9yOiBmaWxsZWRDb2xvciwgb25DbGljazogKGFjdGlvbikgPT4ge1xyXG4gICAgICAgICAgICAgICAgaWYgKGFjdGlvbiA9PT0gJ2RlLXNlbGVjdCcpIHtcclxuICAgICAgICAgICAgICAgICAgICBpZiAoaWR4IDwgc3RhcnMpIHtcclxuICAgICAgICAgICAgICAgICAgICAgICAgc2V0U3RhcnMoaWR4KTtcclxuICAgICAgICAgICAgICAgICAgICB9XHJcbiAgICAgICAgICAgICAgICAgICAgZWxzZSB7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIHNldFN0YXJzKGlkeCAtIDEpO1xyXG4gICAgICAgICAgICAgICAgICAgIH1cclxuICAgICAgICAgICAgICAgIH1cclxuICAgICAgICAgICAgICAgIGVsc2Uge1xyXG4gICAgICAgICAgICAgICAgICAgIHNldFN0YXJzKGlkeCk7XHJcbiAgICAgICAgICAgICAgICB9XHJcbiAgICAgICAgICAgIH0sIG9uSG92ZXI6IChob3ZlcmVkKSA9PiB7XHJcbiAgICAgICAgICAgICAgICBpZiAoaG92ZXJlZClcclxuICAgICAgICAgICAgICAgICAgICBzZXRIb3ZlcmVkU3RhcihpZHgpO1xyXG4gICAgICAgICAgICAgICAgZWxzZSB7XHJcbiAgICAgICAgICAgICAgICAgICAgc2V0SG92ZXJlZFN0YXIoMCk7XHJcbiAgICAgICAgICAgICAgICB9XHJcbiAgICAgICAgICAgIH0sIG1vZGU6IG1vZGUgfSwgaWR4KSkpIH0pKTtcclxufTtcclxuLy8jIHNvdXJjZU1hcHBpbmdVUkw9U3RhclJhdGluZy5qcy5tYXAiXX0= */",toString:function(){return"You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."}}),t=g=>{let{emptyColor:t,filledColor:Z,onChange:b,value:i,maxValue:G,starSize:X,mode:o}=g;const[d,a]=C(null!=i?i:0),[n,s]=C(!1),[p,W]=C(0),m=A((()=>Array(null!=G?G:5).fill(null).map(((g,I)=>I+1))),[G]);return c((()=>{n&&b(d)}),[d]),c((()=>{s(!0)}),[]),I(e,{children:m.map((g=>I(l,{asHovered:!!p&&g<=p,size:null!=X?X:24,filled:p?void 0:g<=d,emptyColor:t,filledColor:Z,onClick:I=>{a("de-select"===I?g<d?g:g-1:g)},onHover:I=>{W(I?g:0)},mode:o},g)))})};export{t as StarRating};

package/dist/esm/components/star-rating/index.d.ts ADDED Viewed

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