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

package/dist/cjs/components/product-picker/ProductPicker.styled.js

@@ -1,71 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@emotion/styled"),r=require("../../constants/Theme.js");function t(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=t(e);const i=o.default.div`
-	height: 364px;
-	background-color: ${r.DEFAULT_THEME.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: ${r.DEFAULT_THEME.colorsV2.background.base};
-		display: flex;
-		align-items: center;
-		justify-content: center;
-	}
-`,p=o.default.div`
-	margin-top: 8px;
-	.post__wrapper {
-		margin-top: 8px;
-		border-top: 1px solid ${r.DEFAULT_THEME.colorsV2.stroke.primary};
-		background-color: ${r.DEFAULT_THEME.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 ${r.DEFAULT_THEME.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;
-	}
-`;exports.StyledProductPickerContainer=p,exports.StyledZeroState=i;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var c=require("@emotion/styled/base"),d=require("../../constants/Theme.js");function X(c){return c&&"object"==typeof c&&"default"in c?c:{default:c}}var l=X(c);const G=l.default("div","production"===process.env.NODE_ENV?{target:"e1h66m5c1"}:{target:"e1h66m5c1",label:"StyledZeroState"})("height:364px;background-color:",d.DEFAULT_THEME.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.DEFAULT_THEME.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= */")),x=l.default("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.DEFAULT_THEME.colorsV2.stroke.primary,";background-color:",d.DEFAULT_THEME.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.DEFAULT_THEME.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 */"));exports.StyledProductPickerContainer=x,exports.StyledZeroState=G;

package/dist/cjs/components/product-picker/ProductPickerModal.d.ts

@@ -1,7 +1,4 @@
-import React__default from 'react';
-import { ProductPickerProps } from './type.js';
-
-declare const ProductPickerContent: React__default.FC<ProductPickerProps>;
-declare const PricePleaseProductPicker: React__default.FC<ProductPickerProps>;
-
-export { PricePleaseProductPicker, ProductPickerContent };
+import React from 'react';
+import { ProductPickerProps } from "./type";
+export declare const ProductPickerContent: React.FC<ProductPickerProps>;
+export declare const PricePleaseProductPicker: React.FC<ProductPickerProps>;

package/dist/cjs/components/product-picker/ProductPickerModal.js

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

package/dist/cjs/components/product-picker/index.d.ts

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

package/dist/cjs/components/product-picker/type.d.ts

@@ -1,70 +1,67 @@
-import React__default from 'react';
-import { ButtonProps } from '../button/model.js';
-
-interface IInstaPost {
-    caption?: string;
-    comments_count: number;
-    id: string;
-    ig_id: string;
-    media_type: string;
-    timestamp: string;
-    media_url: string;
-    permalink: string;
-    products: Product[];
-}
-interface ProductPickerProps {
-    show: boolean;
-    products: Product[] | Collection[];
-    onClose: () => void;
-    title: string;
-    onSave: (productIds: Product[] | Collection[]) => void;
-    onSearchKeyChange: (key: string) => Promise<Product[] | Collection[]>;
-    instaPost?: IInstaPost;
-    searchPlaceholder?: string;
-    selectedProducts: Product[] | Collection[];
-    setSelectedProducts: React__default.Dispatch<React__default.SetStateAction<Product[] | Collection[]>>;
-    secondaryButtonProps?: ButtonProps;
-}
-interface Product {
-    image: string;
-    variants: Variant[];
-    id: string;
-    combinations: Combination[];
-    photos: Photo[];
-    isNew: boolean;
-    currency: string;
-    isDiscounted: boolean;
-    isLimited: boolean;
-    catalogId: string;
-    isOutOfStock: boolean;
-    isHidden: boolean;
-    tags: string;
-    description: string;
-    name: string;
-    handle: string;
-}
-interface Collection {
-    id: string;
-    name: string;
-    description: string;
-    image: string;
-    isHidden: boolean;
-    isPrivate: boolean;
-    handle: string;
-    isSmartCollection: boolean;
-}
-interface Variant {
-    values: string[];
-    name: string;
-    type: string;
-}
-interface Combination {
-    id: string;
-    price: number;
-    discountedPrice: number;
-}
-interface Photo {
-    photoUrl: string;
-}
-
-export type { Collection, Combination, IInstaPost, Photo, Product, ProductPickerProps, Variant };
+import React from 'react';
+import { ButtonProps } from "../button/model";
+export interface IInstaPost {
+    caption?: string;
+    comments_count: number;
+    id: string;
+    ig_id: string;
+    media_type: string;
+    timestamp: string;
+    media_url: string;
+    permalink: string;
+    products: Product[];
+}
+export interface ProductPickerProps {
+    show: boolean;
+    products: Product[] | Collection[];
+    onClose: () => void;
+    title: string;
+    onSave: (productIds: Product[] | Collection[]) => void;
+    onSearchKeyChange: (key: string) => Promise<Product[] | Collection[]>;
+    instaPost?: IInstaPost;
+    searchPlaceholder?: string;
+    selectedProducts: Product[] | Collection[];
+    setSelectedProducts: React.Dispatch<React.SetStateAction<Product[] | Collection[]>>;
+    secondaryButtonProps?: ButtonProps;
+}
+export interface Product {
+    image: string;
+    variants: Variant[];
+    id: string;
+    combinations: Combination[];
+    photos: Photo[];
+    isNew: boolean;
+    currency: string;
+    isDiscounted: boolean;
+    isLimited: boolean;
+    catalogId: string;
+    isOutOfStock: boolean;
+    isHidden: boolean;
+    tags: string;
+    description: string;
+    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;
+    type: string;
+}
+export interface Combination {
+    id: string;
+    price: number;
+    discountedPrice: number;
+}
+export interface Photo {
+    photoUrl: string;
+}

package/dist/cjs/components/product-picker-v2/ProductPickerShimmer.d.ts

@@ -0,0 +1,3 @@
+export declare const ProductPickerShimmer: (props: {
+    limit?: number;
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/cjs/components/product-picker-v2/ProductPickerShimmer.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("../shimmer/ShimmerComponent/BikShimmer.js");exports.ProductPickerShimmer=i=>{const{limit:t}=i;return e.jsx(e.Fragment,{children:Array.from({length:t??5}).map(((i,t)=>e.jsx("div",{style:{borderBottom:"1px solid #E0E0E0"},children:e.jsx(r.BikShimmer,{boxes:[{height:"64px",width:"100%",marginTop:"0px"}]})},t)))})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("../shimmer/ShimmerComponent/BikShimmer.js");exports.ProductPickerShimmer=i=>{const{limit:t}=i;return e.jsx(e.Fragment,{children:Array.from({length:null!=t?t:5}).map(((i,t)=>e.jsx("div",Object.assign({style:{borderBottom:"1px solid #E0E0E0"}},{children:e.jsx(r.BikShimmer,{boxes:[{height:"64px",width:"100%",marginTop:"0px"}]})}),t)))})};

package/dist/cjs/components/product-picker-v2/ProductPickerTag.d.ts

@@ -0,0 +1,22 @@
+import { TagType } from '../tag/model';
+import { Product, ProductVariant } from './modal';
+export type ProductPickerTagType = {
+    isVariant: boolean;
+    data: Product | ProductVariant;
+    tagText?: string;
+    tagType?: TagType;
+};
+/**
+ * Used in Product Screen, Search Screen, Selected Screen and Rearrange Screen.
+ * Wherever product card is shown, we use this component.
+ *
+ * New logic: When product has only one variant and variant name is same as product name,
+ * we consider that a variant and do operations as variant.
+ *
+ * The logic for showing tag is moved to ProductHelper.tsx.
+ *
+ * Note: If there is no Fb rejected tag in the variant, we show a shimmer,
+ * meanwhile hit the API to get FB status.
+ *
+ */
+export declare const ProductPickerTag: (props: ProductPickerTagType) => import("react/jsx-runtime").JSX.Element;

package/dist/cjs/components/product-picker-v2/ProductPickerTag.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("../shimmer/ShimmerComponent/BikShimmer.js"),r=require("../tag/Tag.js");exports.ProductPickerTag=i=>{const{isVariant:s,data:a,tagText:x,tagType:m}=i;return e.jsx("div",{style:{display:"flex"},children:!a?.fbStatus&&s?e.jsx(t.BikShimmer,{boxes:[{height:"24px",width:"100px",marginTop:"0px"}]}):x?e.jsx("div",{style:{display:"flex"},children:e.jsx(r.Tag,{tagText:x,type:m,theme:"light"})}):e.jsx(e.Fragment,{})})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("../shimmer/ShimmerComponent/BikShimmer.js"),i=require("../tag/Tag.js");exports.ProductPickerTag=r=>{const{isVariant:s,data:a,tagText:x,tagType:n}=r;return e.jsx("div",Object.assign({style:{display:"flex"}},{children:!(null==a?void 0:a.fbStatus)&&s?e.jsx(t.BikShimmer,{boxes:[{height:"24px",width:"100px",marginTop:"0px"}]}):x?e.jsx("div",Object.assign({style:{display:"flex"}},{children:e.jsx(i.Tag,{tagText:x,type:n,theme:"light"})})):e.jsx(e.Fragment,{})}))};

package/dist/cjs/components/product-picker-v2/collectionScreen.d.ts

@@ -0,0 +1,50 @@
+import { ApplicationType } from '@bikdotai/bik-models/growth/models/bik-store';
+import React from 'react';
+import { Collection, CollectionFetcherReturn, SelectedItems } from '.';
+import { CollectionsActions, SelectedCollectionsActions } from './reducers';
+export declare const truncate: (str: string, n: number, useWordBoundary: boolean) => string;
+interface CollectionsScreenInterface {
+    customCollectionRestriction?: boolean;
+    dataLoading: boolean;
+    collections: {
+        [key: string]: Collection;
+    };
+    selectedCollections: SelectedItems;
+    collectionFetcher: (offset: number, storeId: string, appType: ApplicationType) => CollectionFetcherReturn;
+    storeId: string;
+    selectedCollectionsDispatch: React.Dispatch<SelectedCollectionsActions>;
+    setCollectionId: React.Dispatch<React.SetStateAction<string>>;
+    setSelectedCollectionId: React.Dispatch<React.SetStateAction<string>>;
+    setScreen: React.Dispatch<React.SetStateAction<string>>;
+    collectionsDispatch: React.Dispatch<CollectionsActions>;
+    setSaveDisabled: React.Dispatch<boolean>;
+    pagingControls: {
+        curPage: number;
+        setCurPage: React.Dispatch<React.SetStateAction<number>>;
+    };
+    hideCollectionCheckbox?: boolean;
+    renderWithoutModal?: boolean;
+    pickerType?: 'COLLECTION' | 'PRODUCT';
+    scrollContainerRef: React.RefObject<HTMLDivElement>;
+    appType: ApplicationType;
+}
+export declare const CollectionsScreen: (props: CollectionsScreenInterface) => import("react/jsx-runtime").JSX.Element;
+export interface CollectionCardInterface {
+    customCollectionRestriction?: boolean;
+    data?: Collection;
+    selectedCollectionsDispatch: React.Dispatch<SelectedCollectionsActions>;
+    setCollectionId: React.Dispatch<React.SetStateAction<string>>;
+    setSelectedCollectionId: React.Dispatch<React.SetStateAction<string>>;
+    setScreen: React.Dispatch<React.SetStateAction<string>>;
+    id: string;
+    isChecked: boolean;
+    isDisabled: boolean;
+    isPartiallyChecked: boolean;
+    hideCollectionCheckbox?: boolean;
+    renderWithoutModal?: boolean;
+    pickerType?: 'COLLECTION' | 'PRODUCT';
+    selectedCollections: SelectedItems;
+    usedInSearch?: boolean;
+}
+export declare const CollectionCard: (props: CollectionCardInterface) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/cjs/components/product-picker-v2/collectionScreen.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("../../assets/icons/chevronRight.svg.js"),i=require("react"),c=require("../checkBox/CheckBox.js"),r=require("../icon-button/IconButton.js"),s=require("../tag/Tag.js"),l=require("../tooltips/Tooltip.js"),o=require("../TypographyStyle.js"),n=require("./emptyState.js"),a=require("./ProductPickerShimmer.js"),d=require("./style.js"),u=require("./utility.js");const h=i=>{const{customCollectionRestriction:n,data:a,selectedCollectionsDispatch:u,setCollectionId:h,setSelectedCollectionId:C,isPartiallyChecked:p,setScreen:y,id:j,isChecked:x,isDisabled:g,hideCollectionCheckbox:m,pickerType:k,usedInSearch:f}=i;return a?e.jsxs(d.CollectionCardStyle,{isDisabled:g,onClick:e=>{if(!g){if("COLLECTION"===k)return e.stopPropagation(),u({type:"reset",data:{}}),u({type:"selected",data:{id:j,val:a,isRestricted:n}}),h(j),void C(j);h(j),C(j),y("products")}},isActive:x,usedInSearch:f??!1,children:[e.jsxs(d.CollectionCardInfoStyle,{children:[!m&&e.jsx(c.CheckBox,{isDisabled:g,isChecked:x,isPartiallyChecked:p,onValueChange:function(e,t,i){i?.stopPropagation(),u(e?{type:"selected",data:{id:j,val:a,isRestricted:n}}:{type:"unselected",data:{id:j}}),C(e?j:"")}}),e.jsx(d.CollectionCardDetailStyle,{children:e.jsx(l.Tooltip,{body:a.name,placement:"bottom",delay:400,variant:"light",children:e.jsxs(d.CollectionNameHolder,{children:[f?e.jsx(o.BodyPrimary,{numberOfLines:1,children:a.name}):e.jsx(o.TitleRegular,{numberOfLines:1,children:a.name}),a.isSmartCollection?e.jsx("div",{style:{display:"flex"},children:e.jsx(s.Tag,{tagText:"Smart Collection",type:"warning"})}):e.jsx(e.Fragment,{})]})})})]}),"COLLECTION"!==k&&e.jsx(r.IconButton,{height:12,width:12,disabled:g,Icon:t.default})]}):e.jsx(e.Fragment,{})};exports.CollectionCard=h,exports.CollectionsScreen=t=>{const{customCollectionRestriction:c,dataLoading:r,collections:s,selectedCollectionsDispatch:l,setCollectionId:o,setSelectedCollectionId:d,selectedCollections:C,setScreen:p,collectionFetcher:y,collectionsDispatch:j,pagingControls:x,storeId:g,setSaveDisabled:m,hideCollectionCheckbox:k,renderWithoutModal:f,pickerType:S,scrollContainerRef:b,appType:P}=t,I=i.useRef(x.curPage),v=!!c&&C?.isCustom,[T,O]=i.useState(!1),q=i.useRef(!1),R=i.useRef(!1),D=()=>{if(!b||!b?.current)return;const{scrollTop:e,clientHeight:t,scrollHeight:i}=b.current;e+t>=i-20&&!q.current&&!R.current&&(m(!0),O(!0),R.current=!0,m(!0),O(!0),y(I.current,g,P).then((e=>{j({type:"paged",data:e?.collections||{}}),x.setCurPage(I.current+1),O(!1),m(!1),R.current=!1,Object.keys(e?.collections).length||(q.current=!0)})).catch())};return i.useEffect((()=>(b?.current?.addEventListener("scroll",D),()=>{b?.current?.removeEventListener("scroll",D)})),[]),i.useEffect((()=>{I.current=x.curPage}),[x.curPage]),e.jsxs("div",{children:[Object.keys(s??{})?.length?Object.keys(s).map((t=>{const i=!!C?.[t]&&("PRODUCT"!==S||!!Object.keys(C?.[t]?.products??{}).length);return e.jsx(h,{customCollectionRestriction:c,data:s[t],isDisabled:v&&!C?.[t],isChecked:i,isPartiallyChecked:u.isCollectionPartiallyChecked(t,s?.[t],C),selectedCollectionsDispatch:l,setCollectionId:o,setSelectedCollectionId:d,setScreen:p,id:t,hideCollectionCheckbox:k||"-1"===t,selectedCollections:C,renderWithoutModal:f,pickerType:S},t)})):r?e.jsx(a.ProductPickerShimmer,{}):e.jsx(n.EmptyState,{title:"No collections to show",subtitle:"We couldn’t find any collection."}),T&&e.jsx(a.ProductPickerShimmer,{})]})},exports.truncate=(e,t,i)=>{if(!e)return"";if(e.length<=t)return e;const c=e.slice(0,t-1);return(i?c.slice(0,c.lastIndexOf(" ")):c)+"..."};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("../../assets/icons/chevronRight.svg.js"),l=require("react"),i=require("../checkBox/CheckBox.js"),o=require("../icon-button/IconButton.js"),s=require("../tag/Tag.js"),c=require("../tooltips/Tooltip.js"),r=require("../TypographyStyle.js"),n=require("./emptyState.js"),d=require("./ProductPickerShimmer.js"),a=require("./style.js"),u=require("./utility.js");const h=l=>{const{customCollectionRestriction:n,data:d,selectedCollectionsDispatch:u,setCollectionId:h,setSelectedCollectionId:C,isPartiallyChecked:p,setScreen:j,id:v,isChecked:y,isDisabled:g,hideCollectionCheckbox:x,pickerType:m,usedInSearch:b}=l;return d?e.jsxs(a.CollectionCardStyle,Object.assign({isDisabled:g,onClick:e=>{if(!g){if("COLLECTION"===m)return e.stopPropagation(),u({type:"reset",data:{}}),u({type:"selected",data:{id:v,val:d,isRestricted:n}}),h(v),void C(v);h(v),C(v),j("products")}},isActive:y,usedInSearch:null!=b&&b},{children:[e.jsxs(a.CollectionCardInfoStyle,{children:[!x&&e.jsx(i.CheckBox,{isDisabled:g,isChecked:y,isPartiallyChecked:p,onValueChange:function(e,t,l){null==l||l.stopPropagation(),u(e?{type:"selected",data:{id:v,val:d,isRestricted:n}}:{type:"unselected",data:{id:v}}),C(e?v:"")}}),e.jsx(a.CollectionCardDetailStyle,{children:e.jsx(c.Tooltip,Object.assign({body:d.name,placement:"bottom",delay:400,variant:"light"},{children:e.jsxs(a.CollectionNameHolder,{children:[b?e.jsx(r.BodyPrimary,Object.assign({numberOfLines:1},{children:d.name})):e.jsx(r.TitleRegular,Object.assign({numberOfLines:1},{children:d.name})),d.isSmartCollection?e.jsx("div",Object.assign({style:{display:"flex"}},{children:e.jsx(s.Tag,{tagText:"Smart Collection",type:"warning"})})):e.jsx(e.Fragment,{})]})}))})]}),"COLLECTION"!==m&&e.jsx(o.IconButton,{height:12,width:12,disabled:g,Icon:t.default})]})):e.jsx(e.Fragment,{})};exports.CollectionCard=h,exports.CollectionsScreen=t=>{var i;const{customCollectionRestriction:o,dataLoading:s,collections:c,selectedCollectionsDispatch:r,setCollectionId:a,setSelectedCollectionId:C,selectedCollections:p,setScreen:j,collectionFetcher:v,collectionsDispatch:y,pagingControls:g,storeId:x,setSaveDisabled:m,hideCollectionCheckbox:b,renderWithoutModal:k,pickerType:f,scrollContainerRef:S,appType:P}=t,O=l.useRef(g.curPage),I=!!o&&(null==p?void 0:p.isCustom),[T,q]=l.useState(!1),R=l.useRef(!1),D=l.useRef(!1),L=()=>{if(!S||!(null==S?void 0:S.current))return;const{scrollTop:e,clientHeight:t,scrollHeight:l}=S.current;e+t>=l-20&&!R.current&&!D.current&&(m(!0),q(!0),D.current=!0,m(!0),q(!0),v(O.current,x,P).then((e=>{y({type:"paged",data:(null==e?void 0:e.collections)||{}}),g.setCurPage(O.current+1),q(!1),m(!1),D.current=!1,Object.keys(null==e?void 0:e.collections).length||(R.current=!0)})).catch())};return l.useEffect((()=>{var e;return null===(e=null==S?void 0:S.current)||void 0===e||e.addEventListener("scroll",L),()=>{var e;null===(e=null==S?void 0:S.current)||void 0===e||e.removeEventListener("scroll",L)}}),[]),l.useEffect((()=>{O.current=g.curPage}),[g.curPage]),e.jsxs("div",{children:[(null===(i=Object.keys(null!=c?c:{}))||void 0===i?void 0:i.length)?Object.keys(c).map((t=>{var l,i;const s=!!(null==p?void 0:p[t])&&("PRODUCT"!==f||!!Object.keys(null!==(i=null===(l=null==p?void 0:p[t])||void 0===l?void 0:l.products)&&void 0!==i?i:{}).length);return e.jsx(h,{customCollectionRestriction:o,data:c[t],isDisabled:I&&!(null==p?void 0:p[t]),isChecked:s,isPartiallyChecked:u.isCollectionPartiallyChecked(t,null==c?void 0:c[t],p),selectedCollectionsDispatch:r,setCollectionId:a,setSelectedCollectionId:C,setScreen:j,id:t,hideCollectionCheckbox:b||"-1"===t,selectedCollections:p,renderWithoutModal:k,pickerType:f},t)})):s?e.jsx(d.ProductPickerShimmer,{}):e.jsx(n.EmptyState,{title:"No collections to show",subtitle:"We couldn’t find any collection."}),T&&e.jsx(d.ProductPickerShimmer,{})]})},exports.truncate=(e,t,l)=>{if(!e)return"";if(e.length<=t)return e;const i=e.slice(0,t-1);return(l?i.slice(0,i.lastIndexOf(" ")):i)+"..."};

package/dist/cjs/components/product-picker-v2/constants.d.ts

@@ -0,0 +1,27 @@
+export declare const CurrencySymbols: {
+    USD: string;
+    GBP: string;
+    CAD: string;
+    AUD: string;
+    DKK: string;
+    SEK: string;
+    EUR: string;
+    BRL: string;
+    TRY: string;
+    JPY: string;
+    SAR: string;
+    AED: string;
+    EGP: string;
+    MAD: string;
+    INR: string;
+    CHF: string;
+    CNY: string;
+    NZD: string;
+    MXN: string;
+    ZAR: string;
+    RUB: string;
+    KRW: string;
+    SGD: string;
+    PKR: string;
+    RO: string;
+};

package/dist/cjs/components/product-picker-v2/emptyState.d.ts

@@ -0,0 +1,6 @@
+interface EmptyStateProps {
+    title: string;
+    subtitle: string;
+}
+export declare const EmptyState: ({ title, subtitle }: EmptyStateProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/cjs/components/product-picker-v2/emptyState.js

@@ -1,8 +1,8 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("../../assets/icons/box_round.svg.js"),r=require("styled-components"),n=require("../../constants/Theme.js"),s=require("../TypographyStyle.js");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}const o=i(r).default.div`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("../../assets/icons/box_round.svg.js"),r=require("styled-components"),s=require("../../constants/Theme.js"),n=require("../TypographyStyle.js");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}const o=i(r).default.div`
 	height: 400px;
 	display: flex;
 	flex-direction: column;
 	align-items: center;
 	justify-content: center;
 	text-align: center;
-`;exports.EmptyState=({title:r,subtitle:i})=>e.jsxs(o,{children:[e.jsx(t.default,{width:48,height:48}),e.jsx(s.TitleRegular,{style:{marginTop:8},children:r}),e.jsx(s.BodySecondary,{style:{color:n.COLORS.content.secondary,marginTop:4},children:i})]});
+`;exports.EmptyState=r=>{let{title:i,subtitle:l}=r;return e.jsxs(o,{children:[e.jsx(t.default,{width:48,height:48}),e.jsx(n.TitleRegular,Object.assign({style:{marginTop:8}},{children:i})),e.jsx(n.BodySecondary,Object.assign({style:{color:s.COLORS.content.secondary,marginTop:4}},{children:l}))]})};

package/dist/cjs/components/product-picker-v2/helpers/ProductHelper.d.ts

@@ -0,0 +1,56 @@
+import { TagType } from "../../tag/model";
+import { Product, ProductVariant, SelectedItems } from '../modal';
+import { OUT_OF_STOCK_ACTION } from '../type';
+import { ProductVariantForRearrange } from '../variant';
+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;
+    /**
+     * For FB Rejected returns 'negative', for rest returns 'warning'
+     */
+    static getTagType: (tagText: string) => TagType;
+    static getDataForProductPickerTag: (data: Product | ProductVariant, isVariant: boolean, outOfStockAction: OUT_OF_STOCK_ACTION | undefined) => {
+        isVariantForProductPickerTag: boolean;
+        dataForProductPickerTag: Product | ProductVariant;
+        tagText: string | undefined;
+        tagType: TagType;
+    };
+}
+/**
+ * Loops through each collection, each product, each variant.
+ * For each variant, adds a displayOrder if not already there.
+ * For each variant, additional parameters are added from ProductVariantForRearrange
+ * in order to display the variant card.
+ * After converting to array, sorts the array based on displayOrder and returns.
+ *
+ * @param selectedCollections - Collections in object format
+ * @returns Selected Varaints in array format, sorted based on displayOrder.
+ */
+export declare const parseSelectedVariantsToArray: (selectedCollections: SelectedItems) => ProductVariantForRearrange[];

package/dist/cjs/components/product-picker-v2/helpers/ProductHelper.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("../type.js"),e=Object.defineProperty,a=(t,a,n)=>((t,a,n)=>a in t?e(t,a,{enumerable:!0,configurable:!0,writable:!0,value:n}):t[a]=n)(t,"symbol"!=typeof a?a+"":a,n);const n={NORMAL:null,NOT_SYNCED:"Hidden",OUT_OF_STOCK:"Out of Stock",FB_REJECTED:"Rejected on FB catalog"},r=class{static getProductLabels(e,a=t.OUT_OF_STOCK_ACTION.NORMAL){let r="NORMAL";if(e.variants)return n[r];const i=e;return"REJECTED"===i?.fbStatus?n.FB_REJECTED:(a===t.OUT_OF_STOCK_ACTION.HIDE&&(!i.skipSync||0!==i?.quantity&&-2!==i?.quantity||(r="NOT_SYNCED"),i.skipSync&&0!==i?.quantity&&-2!==i?.quantity&&(r="NOT_SYNCED"),i.skipSync||0!==i?.quantity&&-2!==i?.quantity||(r="NOT_SYNCED"),i.skipSync||0===i?.quantity||-2===i?.quantity||(r="NORMAL")),a===t.OUT_OF_STOCK_ACTION.BLUR&&(!i.skipSync||0!==i?.quantity&&-2!==i?.quantity||(r="NOT_SYNCED"),i.skipSync&&0!==i?.quantity&&-2!==i?.quantity&&(r="NOT_SYNCED"),i.skipSync||0!==i?.quantity&&-2!==i?.quantity||(r="OUT_OF_STOCK"),i.skipSync||0===i?.quantity||-2===i?.quantity||(r="NORMAL")),a===t.OUT_OF_STOCK_ACTION.NORMAL&&(!i.skipSync||0!==i?.quantity&&-2!==i?.quantity||(r="NOT_SYNCED"),i.skipSync&&0!==i?.quantity&&-2!==i?.quantity&&(r="NOT_SYNCED"),i.skipSync||0!==i?.quantity&&-2!==i?.quantity||(r="NORMAL"),i.skipSync||0===i?.quantity||-2===i?.quantity||(r="NORMAL")),n[r])}};a(r,"getTagType",(t=>n.FB_REJECTED===t?"negative":"warning")),a(r,"getDataForProductPickerTag",((t,e,a)=>{let n=t,i=e;1===Object.keys(t?.variants??{}).length&&(n=Object.values(t?.variants??{})[0],i=!0);const y=r.getProductLabels(n,a);return{isVariantForProductPickerTag:i,dataForProductPickerTag:n,tagText:y??void 0,tagType:r.getTagType(y??"")}}));let i=r;exports.ProductHelper=i,exports.parseSelectedVariantsToArray=t=>{let e=[];Object.keys(t).forEach((a=>Object.keys(t?.[a]?.products||[]).forEach((n=>{const r=t[a].products??[],i=r[n].variants??[];return Object.keys(i).map((t=>{const e=i[t];e.currency=r[n].currency,e.variantId=t,e.productId=n,e.collectionId=a,e.productName=r[n].name})),e=[...e,...Object.values(i)],e}))));const a=e.sort(((t,e)=>null==t.displayOrder&&null==e.displayOrder?0:null==t.displayOrder?1:null==e.displayOrder?-1:t.displayOrder-e.displayOrder));return a.forEach(((t,e)=>{t.displayOrder=e})),a};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("../type.js");const n={NORMAL:null,NOT_SYNCED:"Hidden",OUT_OF_STOCK:"Out of Stock",FB_REJECTED:"Rejected on FB catalog"};class l{static getProductLabels(l){let i=arguments.length>1&&void 0!==arguments[1]?arguments[1]:t.OUT_OF_STOCK_ACTION.NORMAL,u="NORMAL";if(l.variants)return n[u];const e=l;return"REJECTED"===(null==e?void 0:e.fbStatus)?n.FB_REJECTED:(i===t.OUT_OF_STOCK_ACTION.HIDE&&(!e.skipSync||0!==(null==e?void 0:e.quantity)&&-2!==(null==e?void 0:e.quantity)||(u="NOT_SYNCED"),e.skipSync&&0!==(null==e?void 0:e.quantity)&&-2!==(null==e?void 0:e.quantity)&&(u="NOT_SYNCED"),e.skipSync||0!==(null==e?void 0:e.quantity)&&-2!==(null==e?void 0:e.quantity)||(u="NOT_SYNCED"),e.skipSync||0===(null==e?void 0:e.quantity)||-2===(null==e?void 0:e.quantity)||(u="NORMAL")),i===t.OUT_OF_STOCK_ACTION.BLUR&&(!e.skipSync||0!==(null==e?void 0:e.quantity)&&-2!==(null==e?void 0:e.quantity)||(u="NOT_SYNCED"),e.skipSync&&0!==(null==e?void 0:e.quantity)&&-2!==(null==e?void 0:e.quantity)&&(u="NOT_SYNCED"),e.skipSync||0!==(null==e?void 0:e.quantity)&&-2!==(null==e?void 0:e.quantity)||(u="OUT_OF_STOCK"),e.skipSync||0===(null==e?void 0:e.quantity)||-2===(null==e?void 0:e.quantity)||(u="NORMAL")),i===t.OUT_OF_STOCK_ACTION.NORMAL&&(!e.skipSync||0!==(null==e?void 0:e.quantity)&&-2!==(null==e?void 0:e.quantity)||(u="NOT_SYNCED"),e.skipSync&&0!==(null==e?void 0:e.quantity)&&-2!==(null==e?void 0:e.quantity)&&(u="NOT_SYNCED"),e.skipSync||0!==(null==e?void 0:e.quantity)&&-2!==(null==e?void 0:e.quantity)||(u="NORMAL"),e.skipSync||0===(null==e?void 0:e.quantity)||-2===(null==e?void 0:e.quantity)||(u="NORMAL")),n[u])}}Object.defineProperty(l,"getTagType",{enumerable:!0,configurable:!0,writable:!0,value:t=>n.FB_REJECTED===t?"negative":"warning"}),Object.defineProperty(l,"getDataForProductPickerTag",{enumerable:!0,configurable:!0,writable:!0,value:(t,n,i)=>{var u,e;let a=t,r=n;1===Object.keys(null!==(u=null==t?void 0:t.variants)&&void 0!==u?u:{}).length&&(a=Object.values(null!==(e=null==t?void 0:t.variants)&&void 0!==e?e:{})[0],r=!0);const o=l.getProductLabels(a,i);return{isVariantForProductPickerTag:r,dataForProductPickerTag:a,tagText:null!=o?o:void 0,tagType:l.getTagType(null!=o?o:"")}}});exports.ProductHelper=l,exports.parseSelectedVariantsToArray=t=>{let n=[];Object.keys(t).forEach((l=>{var i;return Object.keys((null===(i=null==t?void 0:t[l])||void 0===i?void 0:i.products)||[]).forEach((i=>{var u,e;const a=null!==(u=t[l].products)&&void 0!==u?u:[],r=null!==(e=a[i].variants)&&void 0!==e?e:[];return Object.keys(r).map((t=>{const n=r[t];n.currency=a[i].currency,n.variantId=t,n.productId=i,n.collectionId=l,n.productName=a[i].name})),n=[...n,...Object.values(r)],n}))}));const l=n.sort(((t,n)=>null==t.displayOrder&&null==n.displayOrder?0:null==t.displayOrder?1:null==n.displayOrder?-1:t.displayOrder-n.displayOrder));return l.forEach(((t,n)=>{t.displayOrder=n})),l};

package/dist/cjs/components/product-picker-v2/index.d.ts

@@ -0,0 +1,2 @@
+export * from './modal';
+export { ScreenName } from './type';