@bikdotai/bik-component-library 0.0.153-beta0.8 → 0.0.153-beta1.0
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.
- package/dist/cjs/components/checkBox/CheckBox.js +1 -1
- package/dist/cjs/components/checkBox/CheckBox.styled.js +1 -1
- package/dist/cjs/components/modals/Modal.js +1 -1
- package/dist/cjs/components/modals/modal.styled.js +1 -1
- package/dist/cjs/components/product-picker-hackathon/productScreen.js +1 -1
- package/dist/cjs/components/shimmer/ShimmerComponent/ShimmerStyled.js +2 -2
- package/dist/esm/components/checkBox/CheckBox.js +1 -1
- package/dist/esm/components/checkBox/CheckBox.styled.js +1 -1
- package/dist/esm/components/modals/Modal.js +1 -1
- package/dist/esm/components/modals/modal.styled.js +1 -1
- package/dist/esm/components/product-picker-hackathon/productScreen.js +1 -1
- package/dist/esm/components/shimmer/ShimmerComponent/ShimmerStyled.js +2 -2
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),s=require("react"),i=require("./CheckBox.styled.js"),t=require("../../constants/Theme.js");const l=s=>e.jsxs("svg",Object.assign({width:"18",height:"18",viewBox:"0 0 18 18",fill:"none",xmlns:"http://www.w3.org/2000/svg"},{children:[e.jsx("rect",{x:"0",y:"0",width:"18",height:"18",rx:"4",fill:s.isDisabled?t.COLORS.content.inactive:"#F27121"}),!s.isPartial&&e.jsx("svg",Object.assign({width:"10",height:"9",x:"4",y:"4",viewBox:"0 0 10 9",fill:"none",xmlns:"http://www.w3.org/2000/svg"},{children:e.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M9.68189 1.06043C10.0724 1.45096 10.0724 2.08412 9.68189 2.47464L4.02501 8.13152C3.63449 8.52205 3.00132 8.52205 2.6108 8.13152L0.489684 6.01041C0.0991601 5.61988 0.0991598 4.98672 0.489684 4.59619C0.880209 4.20567 1.51337 4.20567 1.9039 4.59619L3.31791 6.0102L8.26768 1.06043C8.6582 0.669907 9.29137 0.669907 9.68189 1.06043Z",fill:"white"})})),s.isPartial&&e.jsx("rect",{x:"5",y:"8",width:"8",height:"2",rx:"1",fill:t.COLORS.surface.standard})]}));exports.CheckBox=t=>{var o;const[r,n]=s.useState(t.isChecked||!1),[c,a]=s.useState(!1),[d,h]=s.useState(!1);s.useEffect((()=>{t.controlFromOutside&&n(t.isChecked)}),[t.isChecked,t.controlFromOutside]);return s.useEffect((()=>{n(t.isChecked)}),[t.isChecked]),e.jsx(i.CheckboxContainer,Object.assign({onClick:()=>{var e,s;if(!t.isDisabled){if(t.controlFromOutside)return void(null===(e=t.onValueChange)||void 0===e||e.call(t,!t.isChecked,t.value));const i=!r;n(i),null===(s=t.onValueChange)||void 0===s||s.call(t,i,t.value)}},onMouseEnter:()=>a(!0),onMouseLeave:()=>a(!1),onMouseDown:()=>h(!0),onMouseUp:()=>h(!1)},{children:e.jsx(i.CheckboxIcon,Object.assign({checked:r,hovered:c,clicked:d,isDisabled:t.isDisabled||!1},{children:r&&e.jsx(l,{isPartial:null!==(o=t.isPartiallyChecked)&&void 0!==o&&o,isDisabled:t.isDisabled||!1})}))}))},exports.CheckMark=l;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),n=require("./modal.styled.js"),s=require("../../constants/Theme.js"),o=require("../../assets/icons/cross.svg.js");exports.Modal=t=>{var r;return e.jsx(e.Fragment,{children:t.open&&e.jsx(n.RootContainer,Object.assign({zIndex:t.zIndex||1,onClick:e=>{t.closeOnOutsideClick&&t.onClose?t.onClose():e.stopPropagation()}},{children:e.jsx(n.CentralContainer,Object.assign({style:Object.assign({},null!==(r=t.centralContainerStyles)&&void 0!==r?r:{}),onClick:e=>{e.stopPropagation()}},{children:e.jsxs(e.Fragment,{children:[!(null==t?void 0:t.hideCrossButton)&&e.jsx(n.CloseButtonContainer,Object.assign({onClick:()=>t.onClose&&t.onClose()},{children:e.jsx(o.default,{height:20,width:20,color:s.COLORS.content.
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),n=require("./modal.styled.js"),s=require("../../constants/Theme.js"),o=require("../../assets/icons/cross.svg.js");exports.Modal=t=>{var r;return e.jsx(e.Fragment,{children:t.open&&e.jsx(n.RootContainer,Object.assign({zIndex:t.zIndex||1,onClick:e=>{t.closeOnOutsideClick&&t.onClose?t.onClose():e.stopPropagation()}},{children:e.jsx(n.CentralContainer,Object.assign({style:Object.assign({},null!==(r=t.centralContainerStyles)&&void 0!==r?r:{}),onClick:e=>{e.stopPropagation()}},{children:e.jsxs(e.Fragment,{children:[!(null==t?void 0:t.hideCrossButton)&&e.jsx(n.CloseButtonContainer,Object.assign({onClick:()=>t.onClose&&t.onClose()},{children:e.jsx(o.default,{height:20,width:20,color:s.COLORS.content.secondaryInverse})})),t.children]})}))}))})};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var c=require("@emotion/styled/base"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var c=require("@emotion/styled/base"),d=require("../../constants/Theme.js");function l(c){return c&&"object"==typeof c&&"default"in c?c:{default:c}}var t=l(c);const G=t.default("div","production"===process.env.NODE_ENV?{target:"en6feff2"}:{target:"en6feff2",label:"RootContainer"})("position:fixed;top:0;left:0;z-index:",(c=>c.zIndex),";height:100%;width:100%;background-color:rgba(0, 0, 0, 0.6);display:flex;align-items:center;justify-content:center;"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIm1vZGFsLnN0eWxlZC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBRXdDIiwiZmlsZSI6Im1vZGFsLnN0eWxlZC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XHJcbmltcG9ydCB7IENPTE9SUyB9IGZyb20gXCIuLi8uLi9jb25zdGFudHMvVGhlbWVcIjtcclxuZXhwb3J0IGNvbnN0IFJvb3RDb250YWluZXIgPSBzdHlsZWQuZGl2IGBcblx0cG9zaXRpb246IGZpeGVkO1xuXHR0b3A6IDA7XG5cdGxlZnQ6IDA7XG5cdHotaW5kZXg6ICR7KHByb3BzKSA9PiBwcm9wcy56SW5kZXh9O1xuXHRoZWlnaHQ6IDEwMCU7XG5cdHdpZHRoOiAxMDAlO1xuXHRiYWNrZ3JvdW5kLWNvbG9yOiByZ2JhKDAsIDAsIDAsIDAuNik7XG5cdGRpc3BsYXk6IGZsZXg7XG5cdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdGp1c3RpZnktY29udGVudDogY2VudGVyO1xuYDtcclxuZXhwb3J0IGNvbnN0IENlbnRyYWxDb250YWluZXIgPSBzdHlsZWQuZGl2IGBcblx0d2lkdGg6IDY0MHB4O1xuXHRiYWNrZ3JvdW5kLWNvbG9yOiAke0NPTE9SUy5zdXJmYWNlLnN0YW5kYXJkfTtcblx0Ym9yZGVyLXJhZGl1czogNHB4O1xuXHRwb3NpdGlvbjogcmVsYXRpdmU7XG5cdGRpc3BsYXk6IGZsZXg7XG5gO1xyXG5leHBvcnQgY29uc3QgQ2xvc2VCdXR0b25Db250YWluZXIgPSBzdHlsZWQuZGl2IGBcblx0aGVpZ2h0OiAzNnB4O1xuXHR3aWR0aDogMzZweDtcblx0Ym9yZGVyLXJhZGl1czogNTAlO1xuXHRwb3NpdGlvbjogYWJzb2x1dGU7XG5cdHJpZ2h0OiAwO1xuXHR0b3A6IDA7XG5cdHRyYW5zbGF0ZTogNTAlIC01MCU7XG5cdGRpc3BsYXk6IGZsZXg7XG5cdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdGp1c3RpZnktY29udGVudDogY2VudGVyO1xuXHRiYWNrZ3JvdW5kLWNvbG9yOiAjM0QzRDNEO1xuXHRib3JkZXI6IDFweCBzb2xpZCAjNjE2MTYxO1xuXHRjdXJzb3I6IHBvaW50ZXI7XG5cdHotaW5kZXg6IDI7XG5gO1xyXG4vLyMgc291cmNlTWFwcGluZ1VSTD1tb2RhbC5zdHlsZWQuanMubWFwIl19 */")),b=t.default("div","production"===process.env.NODE_ENV?{target:"en6feff1"}:{target:"en6feff1",label:"CentralContainer"})("width:640px;background-color:",d.COLORS.surface.standard,";border-radius:4px;position:relative;display:flex;"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIm1vZGFsLnN0eWxlZC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBYzJDIiwiZmlsZSI6Im1vZGFsLnN0eWxlZC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XHJcbmltcG9ydCB7IENPTE9SUyB9IGZyb20gXCIuLi8uLi9jb25zdGFudHMvVGhlbWVcIjtcclxuZXhwb3J0IGNvbnN0IFJvb3RDb250YWluZXIgPSBzdHlsZWQuZGl2IGBcblx0cG9zaXRpb246IGZpeGVkO1xuXHR0b3A6IDA7XG5cdGxlZnQ6IDA7XG5cdHotaW5kZXg6ICR7KHByb3BzKSA9PiBwcm9wcy56SW5kZXh9O1xuXHRoZWlnaHQ6IDEwMCU7XG5cdHdpZHRoOiAxMDAlO1xuXHRiYWNrZ3JvdW5kLWNvbG9yOiByZ2JhKDAsIDAsIDAsIDAuNik7XG5cdGRpc3BsYXk6IGZsZXg7XG5cdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdGp1c3RpZnktY29udGVudDogY2VudGVyO1xuYDtcclxuZXhwb3J0IGNvbnN0IENlbnRyYWxDb250YWluZXIgPSBzdHlsZWQuZGl2IGBcblx0d2lkdGg6IDY0MHB4O1xuXHRiYWNrZ3JvdW5kLWNvbG9yOiAke0NPTE9SUy5zdXJmYWNlLnN0YW5kYXJkfTtcblx0Ym9yZGVyLXJhZGl1czogNHB4O1xuXHRwb3NpdGlvbjogcmVsYXRpdmU7XG5cdGRpc3BsYXk6IGZsZXg7XG5gO1xyXG5leHBvcnQgY29uc3QgQ2xvc2VCdXR0b25Db250YWluZXIgPSBzdHlsZWQuZGl2IGBcblx0aGVpZ2h0OiAzNnB4O1xuXHR3aWR0aDogMzZweDtcblx0Ym9yZGVyLXJhZGl1czogNTAlO1xuXHRwb3NpdGlvbjogYWJzb2x1dGU7XG5cdHJpZ2h0OiAwO1xuXHR0b3A6IDA7XG5cdHRyYW5zbGF0ZTogNTAlIC01MCU7XG5cdGRpc3BsYXk6IGZsZXg7XG5cdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdGp1c3RpZnktY29udGVudDogY2VudGVyO1xuXHRiYWNrZ3JvdW5kLWNvbG9yOiAjM0QzRDNEO1xuXHRib3JkZXI6IDFweCBzb2xpZCAjNjE2MTYxO1xuXHRjdXJzb3I6IHBvaW50ZXI7XG5cdHotaW5kZXg6IDI7XG5gO1xyXG4vLyMgc291cmNlTWFwcGluZ1VSTD1tb2RhbC5zdHlsZWQuanMubWFwIl19 */")),e=t.default("div","production"===process.env.NODE_ENV?{target:"en6feff0"}:{target:"en6feff0",label:"CloseButtonContainer"})("production"===process.env.NODE_ENV?{name:"1t25rj0",styles:"height:36px;width:36px;border-radius:50%;position:absolute;right:0;top:0;translate:50% -50%;display:flex;align-items:center;justify-content:center;background-color:#3D3D3D;border:1px solid #616161;cursor:pointer;z-index:2"}:{name:"1t25rj0",styles:"height:36px;width:36px;border-radius:50%;position:absolute;right:0;top:0;translate:50% -50%;display:flex;align-items:center;justify-content:center;background-color:#3D3D3D;border:1px solid #616161;cursor:pointer;z-index:2",map:"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIm1vZGFsLnN0eWxlZC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBcUIrQyIsImZpbGUiOiJtb2RhbC5zdHlsZWQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xyXG5pbXBvcnQgeyBDT0xPUlMgfSBmcm9tIFwiLi4vLi4vY29uc3RhbnRzL1RoZW1lXCI7XHJcbmV4cG9ydCBjb25zdCBSb290Q29udGFpbmVyID0gc3R5bGVkLmRpdiBgXG5cdHBvc2l0aW9uOiBmaXhlZDtcblx0dG9wOiAwO1xuXHRsZWZ0OiAwO1xuXHR6LWluZGV4OiAkeyhwcm9wcykgPT4gcHJvcHMuekluZGV4fTtcblx0aGVpZ2h0OiAxMDAlO1xuXHR3aWR0aDogMTAwJTtcblx0YmFja2dyb3VuZC1jb2xvcjogcmdiYSgwLCAwLCAwLCAwLjYpO1xuXHRkaXNwbGF5OiBmbGV4O1xuXHRhbGlnbi1pdGVtczogY2VudGVyO1xuXHRqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbmA7XHJcbmV4cG9ydCBjb25zdCBDZW50cmFsQ29udGFpbmVyID0gc3R5bGVkLmRpdiBgXG5cdHdpZHRoOiA2NDBweDtcblx0YmFja2dyb3VuZC1jb2xvcjogJHtDT0xPUlMuc3VyZmFjZS5zdGFuZGFyZH07XG5cdGJvcmRlci1yYWRpdXM6IDRweDtcblx0cG9zaXRpb246IHJlbGF0aXZlO1xuXHRkaXNwbGF5OiBmbGV4O1xuYDtcclxuZXhwb3J0IGNvbnN0IENsb3NlQnV0dG9uQ29udGFpbmVyID0gc3R5bGVkLmRpdiBgXG5cdGhlaWdodDogMzZweDtcblx0d2lkdGg6IDM2cHg7XG5cdGJvcmRlci1yYWRpdXM6IDUwJTtcblx0cG9zaXRpb246IGFic29sdXRlO1xuXHRyaWdodDogMDtcblx0dG9wOiAwO1xuXHR0cmFuc2xhdGU6IDUwJSAtNTAlO1xuXHRkaXNwbGF5OiBmbGV4O1xuXHRhbGlnbi1pdGVtczogY2VudGVyO1xuXHRqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcblx0YmFja2dyb3VuZC1jb2xvcjogIzNEM0QzRDtcblx0Ym9yZGVyOiAxcHggc29saWQgIzYxNjE2MTtcblx0Y3Vyc29yOiBwb2ludGVyO1xuXHR6LWluZGV4OiAyO1xuYDtcclxuLy8jIHNvdXJjZU1hcHBpbmdVUkw9bW9kYWwuc3R5bGVkLmpzLm1hcCJdfQ== */",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)."}});exports.CentralContainer=b,exports.CloseButtonContainer=e,exports.RootContainer=G;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("../../assets/icons/arrow_left.svg.js"),o=require("lodash"),c=require("react"),d=require("../../constants/Theme.js"),i=require("../checkBox/CheckBox.js"),l=require("../icon-button/IconButton.js"),s=require("../shimmer/ShimmerComponent/BikShimmer.js"),r=require("../TypographyStyle.js"),n=require("./collectionScreen.js"),a=require("./reducers.js"),u=require("./style.js");const p=t=>{const{collectionId:o,productId:c,data:d,selectedData:i,selectedCollectionsDispatch:l,upliftAdditions:s,viewOnly:r,isProductPartiallyChecked:n}=t;return e.jsx("div",{children:e.jsx(v,{isVariant:!1,data:d,productId:c,collectionId:o,isSelected:!!(null===(u=null===(a=null==i?void 0:i[o])||void 0===a?void 0:a.products)||void 0===u?void 0:u[c]),isPartiallyChecked:n,selectedCollectionsDispatch:l,upliftAdditions:s,viewOnly:r},c)});var a,u},v=t=>{const{isVariant:o,data:c,productId:d,collectionId:l,variantId:s,isSelected:a,selectedCollectionsDispatch:p,upliftAdditions:v,viewOnly:h,isPartiallyChecked:j}=t;return e.jsxs(u.ProductCardStyle,Object.assign({isVariant:o},{children:[h?e.jsx(e.Fragment,{}):e.jsx(i.CheckBox,{isChecked:a,isPartiallyChecked:j||!1,onValueChange:function(e){o?e?v("variantSelected",{productId:d,variantId:s,collectionId:l,variant:c}):p({type:"variantUnselected",data:{productId:d,variantId:s,collectionId:l}}):e?v("productSelected",{productId:d,collectionId:l,product:c}):p({type:"productUnselected",data:{productId:d,collectionId:l}})}}),e.jsx(r.TitleRegular,{children:n.truncate(c.name,40,!0)})]}))};exports.ProductCard=v,exports.ProductGroup=p,exports.ProductsScreen=i=>{const n=c.useContext(a.CollectionIdContext),{data:v,collectionsDispatch:h,selectedData:j,selectedCollectionsDispatch:y,productFetcher:x,storeId:I,setScreen:C,setSaveDisabled:O}=i,[g]=c.useState(v),m=v.isSmartCollection||!1,b=e=>{var t,o,c,d,i,l,s,r;let a=0,u=0;return!!((null===(o=null===(t=null==j?void 0:j[n])||void 0===t?void 0:t.products)||void 0===o?void 0:o[e])&&(null===(i=Object.keys((null===(d=null===(c=null==v?void 0:v.products)||void 0===c?void 0:c[e])||void 0===d?void 0:d.variants)||[]))||void 0===i||i.forEach((()=>u++)),Object.keys((null===(r=null===(s=null===(l=null==j?void 0:j[n])||void 0===l?void 0:l.products)||void 0===s?void 0:s[e])||void 0===r?void 0:r.variants)||[]).forEach((()=>a++)),a>0&&u!==a))};c.useEffect((()=>{(null==v?void 0:v.products)||(O(!0),x(n,I).then((e=>{Object.keys(e||[]).length&&h({type:"productsFetched",data:{collectionId:n,products:e}}),O(!1)})).catch())}),[]);const k=(e,t)=>{const c=o.cloneDeep(v);if(delete c.products,(t=Object.assign(Object.assign({},t),{catalogOnlyData:c})).productId&&v.products){const e=o.cloneDeep(v.products[t.productId]);(null==e?void 0:e.variants)&&delete e.variants,t=Object.assign(Object.assign({},t),{catalogOnlyData:c,productOnlyData:e})}y({type:e,data:t})};return e.jsxs("div",{children:[e.jsxs(u.ProductScreenHeader,{children:[e.jsx(l.IconButton,{Icon:t.default,height:16,onClick:()=>{C("collections")}}),e.jsx(r.BodyCaption,Object.assign({style:{color:d.COLORS.content.secondary}},{children:v.name}))]}),e.jsx("div",{children:Object.keys((null==g?void 0:g.products)||[]).length?Object.keys(g.products||[]).map((t=>e.jsx(p,{collectionId:n,isProductPartiallyChecked:b(t),productId:t,data:g.products[t],selectedData:j,selectedCollectionsDispatch:y,upliftAdditions:k,viewOnly:!!m},t))):[1,2,3,4,5,6,7,8,9,10].map(((t,o)=>e.jsx("div",Object.assign({style:{borderBottom:"1px solid #E0E0E0"}},{children:e.jsx(s.BikShimmer,{boxes:[{height:"64px",width:"100%",marginTop:"0px"}]})}),o)))})]})};
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("../../assets/icons/arrow_left.svg.js"),o=require("lodash"),c=require("react"),d=require("../../constants/Theme.js"),i=require("../checkBox/CheckBox.js"),l=require("../icon-button/IconButton.js"),s=require("../shimmer/ShimmerComponent/BikShimmer.js"),r=require("../TypographyStyle.js"),n=require("./collectionScreen.js"),a=require("./reducers.js"),u=require("./style.js");const p=t=>{const{collectionId:o,productId:c,data:d,selectedData:i,selectedCollectionsDispatch:l,upliftAdditions:s,viewOnly:r,isProductPartiallyChecked:n}=t;return e.jsx("div",{children:e.jsx(v,{isVariant:!1,data:d,productId:c,collectionId:o,isSelected:!!(null===(u=null===(a=null==i?void 0:i[o])||void 0===a?void 0:a.products)||void 0===u?void 0:u[c]),isPartiallyChecked:n,selectedCollectionsDispatch:l,upliftAdditions:s,viewOnly:r},c)});var a,u},v=t=>{const{isVariant:o,data:c,productId:d,collectionId:l,variantId:s,isSelected:a,selectedCollectionsDispatch:p,upliftAdditions:v,viewOnly:h,isPartiallyChecked:j}=t;return e.jsxs(u.ProductCardStyle,Object.assign({isVariant:o},{children:[h?e.jsx(e.Fragment,{}):e.jsx(i.CheckBox,{isChecked:a,isPartiallyChecked:j||!1,onValueChange:function(e){o?e?v("variantSelected",{productId:d,variantId:s,collectionId:l,variant:c}):p({type:"variantUnselected",data:{productId:d,variantId:s,collectionId:l}}):e?v("productSelected",{productId:d,collectionId:l,product:c}):p({type:"productUnselected",data:{productId:d,collectionId:l}})}}),e.jsx(r.TitleRegular,{children:n.truncate(null==c?void 0:c.name,40,!0)})]}))};exports.ProductCard=v,exports.ProductGroup=p,exports.ProductsScreen=i=>{const n=c.useContext(a.CollectionIdContext),{data:v,collectionsDispatch:h,selectedData:j,selectedCollectionsDispatch:y,productFetcher:x,storeId:I,setScreen:C,setSaveDisabled:O}=i,[g]=c.useState(v),m=(null==v?void 0:v.isSmartCollection)||!1,b=e=>{var t,o,c,d,i,l,s,r;let a=0,u=0;return!!((null===(o=null===(t=null==j?void 0:j[n])||void 0===t?void 0:t.products)||void 0===o?void 0:o[e])&&(null===(i=Object.keys((null===(d=null===(c=null==v?void 0:v.products)||void 0===c?void 0:c[e])||void 0===d?void 0:d.variants)||[]))||void 0===i||i.forEach((()=>u++)),Object.keys((null===(r=null===(s=null===(l=null==j?void 0:j[n])||void 0===l?void 0:l.products)||void 0===s?void 0:s[e])||void 0===r?void 0:r.variants)||[]).forEach((()=>a++)),a>0&&u!==a))};c.useEffect((()=>{(null==v?void 0:v.products)||(O(!0),x(n,I).then((e=>{Object.keys(e||[]).length&&h({type:"productsFetched",data:{collectionId:n,products:e}}),O(!1)})).catch())}),[]);const k=(e,t)=>{const c=o.cloneDeep(v);if(delete c.products,(t=Object.assign(Object.assign({},t),{catalogOnlyData:c})).productId&&v.products){const e=o.cloneDeep(v.products[t.productId]);(null==e?void 0:e.variants)&&delete e.variants,t=Object.assign(Object.assign({},t),{catalogOnlyData:c,productOnlyData:e})}y({type:e,data:t})};return e.jsxs("div",{children:[e.jsxs(u.ProductScreenHeader,{children:[e.jsx(l.IconButton,{Icon:t.default,height:16,onClick:()=>{C("collections")}}),e.jsx(r.BodyCaption,Object.assign({style:{color:d.COLORS.content.secondary}},{children:null==v?void 0:v.name}))]}),e.jsx("div",{children:Object.keys((null==g?void 0:g.products)||[]).length?Object.keys(g.products||[]).map((t=>e.jsx(p,{collectionId:n,isProductPartiallyChecked:b(t),productId:t,data:g.products[t],selectedData:j,selectedCollectionsDispatch:y,upliftAdditions:k,viewOnly:!!m},t))):[1,2,3,4,5,6,7,8,9,10].map(((t,o)=>e.jsx("div",Object.assign({style:{borderBottom:"1px solid #E0E0E0"}},{children:e.jsx(s.BikShimmer,{boxes:[{height:"64px",width:"100%",marginTop:"0px"}]})}),o)))})]})};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var l=require("@emotion/styled/base"),i=require("@emotion/react");function t(l){return l&&"object"==typeof l&&"default"in l?l:{default:l}}var b=t(l);const e=i.keyframes`
|
|
2
2
|
0% {
|
|
3
3
|
background-position: -468px 0;
|
|
4
4
|
}
|
|
@@ -6,4 +6,4 @@
|
|
|
6
6
|
100% {
|
|
7
7
|
background-position: 468px 0;
|
|
8
8
|
}
|
|
9
|
-
`,c=
|
|
9
|
+
`,c=b.default("div","production"===process.env.NODE_ENV?{target:"eh9q9i90"}:{target:"eh9q9i90",label:"ShimmerStyled"})("display:flex;flex-direction:column;.shine{border-radius:4px;background:",(l=>(l.isBrand,"linear-gradient(90deg, rgba(2,0,36,1) 0%, rgba(224,232,233,1) 0%, rgba(73,73,78,1) 38%)")),";background-size:800px 304px;display:inline-block;position:relative;-webkit-animation-duration:1s;-webkit-animation-fill-mode:forwards;-webkit-animation-iteration-count:infinite;-webkit-animation-name:",e,";-webkit-animation-timing-function:linear;}"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlNoaW1tZXJTdHlsZWQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVd3QyIsImZpbGUiOiJTaGltbWVyU3R5bGVkLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGtleWZyYW1lcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcclxuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xyXG5jb25zdCBrZXlmcmFtZXNBbmltYXRpb24gPSBrZXlmcmFtZXMgYFxuICAwJSB7XG4gICAgYmFja2dyb3VuZC1wb3NpdGlvbjogLTQ2OHB4IDA7XG4gIH1cblxuICAxMDAlIHtcbiAgICBiYWNrZ3JvdW5kLXBvc2l0aW9uOiA0NjhweCAwO1xuICB9XG5gO1xyXG5leHBvcnQgY29uc3QgU2hpbW1lclN0eWxlZCA9IHN0eWxlZC5kaXYgYFxuXHRkaXNwbGF5OiBmbGV4O1xuXHRmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuXG5cdC5zaGluZSB7XG5cdFx0Ym9yZGVyLXJhZGl1czogNHB4O1xuXHRcdGJhY2tncm91bmQ6ICR7KHByb3BzKSA9PiBwcm9wcy5pc0JyYW5kXHJcbiAgICA/ICdsaW5lYXItZ3JhZGllbnQoOTBkZWcsIHJnYmEoMiwwLDM2LDEpIDAlLCByZ2JhKDIyNCwyMzIsMjMzLDEpIDAlLCByZ2JhKDczLDczLDc4LDEpIDM4JSknXHJcbiAgICA6ICdsaW5lYXItZ3JhZGllbnQoOTBkZWcsIHJnYmEoMiwwLDM2LDEpIDAlLCByZ2JhKDIyNCwyMzIsMjMzLDEpIDAlLCByZ2JhKDczLDczLDc4LDEpIDM4JSknfTtcblx0XHRiYWNrZ3JvdW5kLXNpemU6IDgwMHB4IDMwNHB4O1xuXHRcdGRpc3BsYXk6IGlubGluZS1ibG9jaztcblx0XHRwb3NpdGlvbjogcmVsYXRpdmU7XG5cblx0XHQtd2Via2l0LWFuaW1hdGlvbi1kdXJhdGlvbjogMXM7XG5cdFx0LXdlYmtpdC1hbmltYXRpb24tZmlsbC1tb2RlOiBmb3J3YXJkcztcblx0XHQtd2Via2l0LWFuaW1hdGlvbi1pdGVyYXRpb24tY291bnQ6IGluZmluaXRlO1xuXHRcdC13ZWJraXQtYW5pbWF0aW9uLW5hbWU6ICR7a2V5ZnJhbWVzQW5pbWF0aW9ufTtcblx0XHQtd2Via2l0LWFuaW1hdGlvbi10aW1pbmctZnVuY3Rpb246IGxpbmVhcjtcblx0fVxuYDtcclxuLy8jIHNvdXJjZU1hcHBpbmdVUkw9U2hpbW1lclN0eWxlZC5qcy5tYXAiXX0= */"));exports.ShimmerStyled=c;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsxs as e,jsx as i}from"react/jsx-runtime";import{useState as s,useEffect as
|
|
1
|
+
import{jsxs as e,jsx as i}from"react/jsx-runtime";import{useState as s,useEffect as l}from"react";import{CheckboxContainer as t,CheckboxIcon as o}from"./CheckBox.styled.js";import{COLORS as n}from"../../constants/Theme.js";const r=s=>e("svg",Object.assign({width:"18",height:"18",viewBox:"0 0 18 18",fill:"none",xmlns:"http://www.w3.org/2000/svg"},{children:[i("rect",{x:"0",y:"0",width:"18",height:"18",rx:"4",fill:s.isDisabled?n.content.inactive:"#F27121"}),!s.isPartial&&i("svg",Object.assign({width:"10",height:"9",x:"4",y:"4",viewBox:"0 0 10 9",fill:"none",xmlns:"http://www.w3.org/2000/svg"},{children:i("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M9.68189 1.06043C10.0724 1.45096 10.0724 2.08412 9.68189 2.47464L4.02501 8.13152C3.63449 8.52205 3.00132 8.52205 2.6108 8.13152L0.489684 6.01041C0.0991601 5.61988 0.0991598 4.98672 0.489684 4.59619C0.880209 4.20567 1.51337 4.20567 1.9039 4.59619L3.31791 6.0102L8.26768 1.06043C8.6582 0.669907 9.29137 0.669907 9.68189 1.06043Z",fill:"white"})})),s.isPartial&&i("rect",{x:"5",y:"8",width:"8",height:"2",rx:"1",fill:n.surface.standard})]})),d=e=>{var n;const[d,c]=s(e.isChecked||!1),[a,h]=s(!1),[u,v]=s(!1);l((()=>{e.controlFromOutside&&c(e.isChecked)}),[e.isChecked,e.controlFromOutside]);return l((()=>{c(e.isChecked)}),[e.isChecked]),i(t,Object.assign({onClick:()=>{var i,s;if(!e.isDisabled){if(e.controlFromOutside)return void(null===(i=e.onValueChange)||void 0===i||i.call(e,!e.isChecked,e.value));const l=!d;c(l),null===(s=e.onValueChange)||void 0===s||s.call(e,l,e.value)}},onMouseEnter:()=>h(!0),onMouseLeave:()=>h(!1),onMouseDown:()=>v(!0),onMouseUp:()=>v(!1)},{children:i(o,Object.assign({checked:d,hovered:a,clicked:u,isDisabled:e.isDisabled||!1},{children:d&&i(r,{isPartial:null!==(n=e.isPartiallyChecked)&&void 0!==n&&n,isDisabled:e.isDisabled||!1})}))}))};export{d as CheckBox,r as CheckMark};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsx as o,Fragment as n,jsxs as
|
|
1
|
+
import{jsx as o,Fragment as n,jsxs as e}from"react/jsx-runtime";import{RootContainer as s,CentralContainer as t,CloseButtonContainer as i}from"./modal.styled.js";import{COLORS as r}from"../../constants/Theme.js";import l from"../../assets/icons/cross.svg.js";const c=c=>{var a;return o(n,{children:c.open&&o(s,Object.assign({zIndex:c.zIndex||1,onClick:o=>{c.closeOnOutsideClick&&c.onClose?c.onClose():o.stopPropagation()}},{children:o(t,Object.assign({style:Object.assign({},null!==(a=c.centralContainerStyles)&&void 0!==a?a:{}),onClick:o=>{o.stopPropagation()}},{children:e(n,{children:[!(null==c?void 0:c.hideCrossButton)&&o(i,Object.assign({onClick:()=>c.onClose&&c.onClose()},{children:o(l,{height:20,width:20,color:r.content.secondaryInverse})})),c.children]})}))}))})};export{c as Modal};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import c from"@emotion/styled/base";import{COLORS as
|
|
1
|
+
import c from"@emotion/styled/base";import{COLORS as d}from"../../constants/Theme.js";const G=c("div","production"===process.env.NODE_ENV?{target:"en6feff2"}:{target:"en6feff2",label:"RootContainer"})("position:fixed;top:0;left:0;z-index:",(c=>c.zIndex),";height:100%;width:100%;background-color:rgba(0, 0, 0, 0.6);display:flex;align-items:center;justify-content:center;"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIm1vZGFsLnN0eWxlZC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBRXdDIiwiZmlsZSI6Im1vZGFsLnN0eWxlZC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XHJcbmltcG9ydCB7IENPTE9SUyB9IGZyb20gXCIuLi8uLi9jb25zdGFudHMvVGhlbWVcIjtcclxuZXhwb3J0IGNvbnN0IFJvb3RDb250YWluZXIgPSBzdHlsZWQuZGl2IGBcblx0cG9zaXRpb246IGZpeGVkO1xuXHR0b3A6IDA7XG5cdGxlZnQ6IDA7XG5cdHotaW5kZXg6ICR7KHByb3BzKSA9PiBwcm9wcy56SW5kZXh9O1xuXHRoZWlnaHQ6IDEwMCU7XG5cdHdpZHRoOiAxMDAlO1xuXHRiYWNrZ3JvdW5kLWNvbG9yOiByZ2JhKDAsIDAsIDAsIDAuNik7XG5cdGRpc3BsYXk6IGZsZXg7XG5cdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdGp1c3RpZnktY29udGVudDogY2VudGVyO1xuYDtcclxuZXhwb3J0IGNvbnN0IENlbnRyYWxDb250YWluZXIgPSBzdHlsZWQuZGl2IGBcblx0d2lkdGg6IDY0MHB4O1xuXHRiYWNrZ3JvdW5kLWNvbG9yOiAke0NPTE9SUy5zdXJmYWNlLnN0YW5kYXJkfTtcblx0Ym9yZGVyLXJhZGl1czogNHB4O1xuXHRwb3NpdGlvbjogcmVsYXRpdmU7XG5cdGRpc3BsYXk6IGZsZXg7XG5gO1xyXG5leHBvcnQgY29uc3QgQ2xvc2VCdXR0b25Db250YWluZXIgPSBzdHlsZWQuZGl2IGBcblx0aGVpZ2h0OiAzNnB4O1xuXHR3aWR0aDogMzZweDtcblx0Ym9yZGVyLXJhZGl1czogNTAlO1xuXHRwb3NpdGlvbjogYWJzb2x1dGU7XG5cdHJpZ2h0OiAwO1xuXHR0b3A6IDA7XG5cdHRyYW5zbGF0ZTogNTAlIC01MCU7XG5cdGRpc3BsYXk6IGZsZXg7XG5cdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdGp1c3RpZnktY29udGVudDogY2VudGVyO1xuXHRiYWNrZ3JvdW5kLWNvbG9yOiAjM0QzRDNEO1xuXHRib3JkZXI6IDFweCBzb2xpZCAjNjE2MTYxO1xuXHRjdXJzb3I6IHBvaW50ZXI7XG5cdHotaW5kZXg6IDI7XG5gO1xyXG4vLyMgc291cmNlTWFwcGluZ1VSTD1tb2RhbC5zdHlsZWQuanMubWFwIl19 */")),b=c("div","production"===process.env.NODE_ENV?{target:"en6feff1"}:{target:"en6feff1",label:"CentralContainer"})("width:640px;background-color:",d.surface.standard,";border-radius:4px;position:relative;display:flex;"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIm1vZGFsLnN0eWxlZC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBYzJDIiwiZmlsZSI6Im1vZGFsLnN0eWxlZC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XHJcbmltcG9ydCB7IENPTE9SUyB9IGZyb20gXCIuLi8uLi9jb25zdGFudHMvVGhlbWVcIjtcclxuZXhwb3J0IGNvbnN0IFJvb3RDb250YWluZXIgPSBzdHlsZWQuZGl2IGBcblx0cG9zaXRpb246IGZpeGVkO1xuXHR0b3A6IDA7XG5cdGxlZnQ6IDA7XG5cdHotaW5kZXg6ICR7KHByb3BzKSA9PiBwcm9wcy56SW5kZXh9O1xuXHRoZWlnaHQ6IDEwMCU7XG5cdHdpZHRoOiAxMDAlO1xuXHRiYWNrZ3JvdW5kLWNvbG9yOiByZ2JhKDAsIDAsIDAsIDAuNik7XG5cdGRpc3BsYXk6IGZsZXg7XG5cdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdGp1c3RpZnktY29udGVudDogY2VudGVyO1xuYDtcclxuZXhwb3J0IGNvbnN0IENlbnRyYWxDb250YWluZXIgPSBzdHlsZWQuZGl2IGBcblx0d2lkdGg6IDY0MHB4O1xuXHRiYWNrZ3JvdW5kLWNvbG9yOiAke0NPTE9SUy5zdXJmYWNlLnN0YW5kYXJkfTtcblx0Ym9yZGVyLXJhZGl1czogNHB4O1xuXHRwb3NpdGlvbjogcmVsYXRpdmU7XG5cdGRpc3BsYXk6IGZsZXg7XG5gO1xyXG5leHBvcnQgY29uc3QgQ2xvc2VCdXR0b25Db250YWluZXIgPSBzdHlsZWQuZGl2IGBcblx0aGVpZ2h0OiAzNnB4O1xuXHR3aWR0aDogMzZweDtcblx0Ym9yZGVyLXJhZGl1czogNTAlO1xuXHRwb3NpdGlvbjogYWJzb2x1dGU7XG5cdHJpZ2h0OiAwO1xuXHR0b3A6IDA7XG5cdHRyYW5zbGF0ZTogNTAlIC01MCU7XG5cdGRpc3BsYXk6IGZsZXg7XG5cdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdGp1c3RpZnktY29udGVudDogY2VudGVyO1xuXHRiYWNrZ3JvdW5kLWNvbG9yOiAjM0QzRDNEO1xuXHRib3JkZXI6IDFweCBzb2xpZCAjNjE2MTYxO1xuXHRjdXJzb3I6IHBvaW50ZXI7XG5cdHotaW5kZXg6IDI7XG5gO1xyXG4vLyMgc291cmNlTWFwcGluZ1VSTD1tb2RhbC5zdHlsZWQuanMubWFwIl19 */")),l=c("div","production"===process.env.NODE_ENV?{target:"en6feff0"}:{target:"en6feff0",label:"CloseButtonContainer"})("production"===process.env.NODE_ENV?{name:"1t25rj0",styles:"height:36px;width:36px;border-radius:50%;position:absolute;right:0;top:0;translate:50% -50%;display:flex;align-items:center;justify-content:center;background-color:#3D3D3D;border:1px solid #616161;cursor:pointer;z-index:2"}:{name:"1t25rj0",styles:"height:36px;width:36px;border-radius:50%;position:absolute;right:0;top:0;translate:50% -50%;display:flex;align-items:center;justify-content:center;background-color:#3D3D3D;border:1px solid #616161;cursor:pointer;z-index:2",map:"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIm1vZGFsLnN0eWxlZC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBcUIrQyIsImZpbGUiOiJtb2RhbC5zdHlsZWQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xyXG5pbXBvcnQgeyBDT0xPUlMgfSBmcm9tIFwiLi4vLi4vY29uc3RhbnRzL1RoZW1lXCI7XHJcbmV4cG9ydCBjb25zdCBSb290Q29udGFpbmVyID0gc3R5bGVkLmRpdiBgXG5cdHBvc2l0aW9uOiBmaXhlZDtcblx0dG9wOiAwO1xuXHRsZWZ0OiAwO1xuXHR6LWluZGV4OiAkeyhwcm9wcykgPT4gcHJvcHMuekluZGV4fTtcblx0aGVpZ2h0OiAxMDAlO1xuXHR3aWR0aDogMTAwJTtcblx0YmFja2dyb3VuZC1jb2xvcjogcmdiYSgwLCAwLCAwLCAwLjYpO1xuXHRkaXNwbGF5OiBmbGV4O1xuXHRhbGlnbi1pdGVtczogY2VudGVyO1xuXHRqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbmA7XHJcbmV4cG9ydCBjb25zdCBDZW50cmFsQ29udGFpbmVyID0gc3R5bGVkLmRpdiBgXG5cdHdpZHRoOiA2NDBweDtcblx0YmFja2dyb3VuZC1jb2xvcjogJHtDT0xPUlMuc3VyZmFjZS5zdGFuZGFyZH07XG5cdGJvcmRlci1yYWRpdXM6IDRweDtcblx0cG9zaXRpb246IHJlbGF0aXZlO1xuXHRkaXNwbGF5OiBmbGV4O1xuYDtcclxuZXhwb3J0IGNvbnN0IENsb3NlQnV0dG9uQ29udGFpbmVyID0gc3R5bGVkLmRpdiBgXG5cdGhlaWdodDogMzZweDtcblx0d2lkdGg6IDM2cHg7XG5cdGJvcmRlci1yYWRpdXM6IDUwJTtcblx0cG9zaXRpb246IGFic29sdXRlO1xuXHRyaWdodDogMDtcblx0dG9wOiAwO1xuXHR0cmFuc2xhdGU6IDUwJSAtNTAlO1xuXHRkaXNwbGF5OiBmbGV4O1xuXHRhbGlnbi1pdGVtczogY2VudGVyO1xuXHRqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcblx0YmFja2dyb3VuZC1jb2xvcjogIzNEM0QzRDtcblx0Ym9yZGVyOiAxcHggc29saWQgIzYxNjE2MTtcblx0Y3Vyc29yOiBwb2ludGVyO1xuXHR6LWluZGV4OiAyO1xuYDtcclxuLy8jIHNvdXJjZU1hcHBpbmdVUkw9bW9kYWwuc3R5bGVkLmpzLm1hcCJdfQ== */",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)."}});export{b as CentralContainer,l as CloseButtonContainer,G as RootContainer};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsxs as t,jsx as
|
|
1
|
+
import{jsxs as t,jsx as o,Fragment as e}from"react/jsx-runtime";import i from"../../assets/icons/arrow_left.svg.js";import{cloneDeep as d}from"lodash";import{useContext as c,useState as l,useEffect as n}from"react";import{COLORS as r}from"../../constants/Theme.js";import{CheckBox as s}from"../checkBox/CheckBox.js";import{IconButton as a}from"../icon-button/IconButton.js";import{BikShimmer as p}from"../shimmer/ShimmerComponent/BikShimmer.js";import{BodyCaption as u,TitleRegular as v}from"../TypographyStyle.js";import{truncate as h}from"./collectionScreen.js";import{CollectionIdContext as m}from"./reducers.js";import{ProductScreenHeader as y,ProductCardStyle as I}from"./style.js";const j=e=>{const s=c(m),{data:v,collectionsDispatch:h,selectedData:I,selectedCollectionsDispatch:j,productFetcher:O,storeId:g,setScreen:b,setSaveDisabled:C}=e,[k]=l(v),D=(null==v?void 0:v.isSmartCollection)||!1,S=t=>{var o,e,i,d,c,l,n,r;let a=0,p=0;return!!((null===(e=null===(o=null==I?void 0:I[s])||void 0===o?void 0:o.products)||void 0===e?void 0:e[t])&&(null===(c=Object.keys((null===(d=null===(i=null==v?void 0:v.products)||void 0===i?void 0:i[t])||void 0===d?void 0:d.variants)||[]))||void 0===c||c.forEach((()=>p++)),Object.keys((null===(r=null===(n=null===(l=null==I?void 0:I[s])||void 0===l?void 0:l.products)||void 0===n?void 0:n[t])||void 0===r?void 0:r.variants)||[]).forEach((()=>a++)),a>0&&p!==a))};n((()=>{(null==v?void 0:v.products)||(C(!0),O(s,g).then((t=>{Object.keys(t||[]).length&&h({type:"productsFetched",data:{collectionId:s,products:t}}),C(!1)})).catch())}),[]);const x=(t,o)=>{const e=d(v);if(delete e.products,(o=Object.assign(Object.assign({},o),{catalogOnlyData:e})).productId&&v.products){const t=d(v.products[o.productId]);(null==t?void 0:t.variants)&&delete t.variants,o=Object.assign(Object.assign({},o),{catalogOnlyData:e,productOnlyData:t})}j({type:t,data:o})};return t("div",{children:[t(y,{children:[o(a,{Icon:i,height:16,onClick:()=>{b("collections")}}),o(u,Object.assign({style:{color:r.content.secondary}},{children:null==v?void 0:v.name}))]}),o("div",{children:Object.keys((null==k?void 0:k.products)||[]).length?Object.keys(k.products||[]).map((t=>o(f,{collectionId:s,isProductPartiallyChecked:S(t),productId:t,data:k.products[t],selectedData:I,selectedCollectionsDispatch:j,upliftAdditions:x,viewOnly:!!D},t))):[1,2,3,4,5,6,7,8,9,10].map(((t,e)=>o("div",Object.assign({style:{borderBottom:"1px solid #E0E0E0"}},{children:o(p,{boxes:[{height:"64px",width:"100%",marginTop:"0px"}]})}),e)))})]})},f=t=>{const{collectionId:e,productId:i,data:d,selectedData:c,selectedCollectionsDispatch:l,upliftAdditions:n,viewOnly:r,isProductPartiallyChecked:s}=t;return o("div",{children:o(O,{isVariant:!1,data:d,productId:i,collectionId:e,isSelected:!!(null===(p=null===(a=null==c?void 0:c[e])||void 0===a?void 0:a.products)||void 0===p?void 0:p[i]),isPartiallyChecked:s,selectedCollectionsDispatch:l,upliftAdditions:n,viewOnly:r},i)});var a,p},O=i=>{const{isVariant:d,data:c,productId:l,collectionId:n,variantId:r,isSelected:a,selectedCollectionsDispatch:p,upliftAdditions:u,viewOnly:m,isPartiallyChecked:y}=i;return t(I,Object.assign({isVariant:d},{children:[m?o(e,{}):o(s,{isChecked:a,isPartiallyChecked:y||!1,onValueChange:function(t){d?t?u("variantSelected",{productId:l,variantId:r,collectionId:n,variant:c}):p({type:"variantUnselected",data:{productId:l,variantId:r,collectionId:n}}):t?u("productSelected",{productId:l,collectionId:n,product:c}):p({type:"productUnselected",data:{productId:l,collectionId:n}})}}),o(v,{children:h(null==c?void 0:c.name,40,!0)})]}))};export{O as ProductCard,f as ProductGroup,j as ProductsScreen};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import i from"@emotion/styled/base";import{keyframes as
|
|
1
|
+
import i from"@emotion/styled/base";import{keyframes as l}from"@emotion/react";const b=l`
|
|
2
2
|
0% {
|
|
3
3
|
background-position: -468px 0;
|
|
4
4
|
}
|
|
@@ -6,4 +6,4 @@ import i from"@emotion/styled/base";import{keyframes as t}from"@emotion/react";c
|
|
|
6
6
|
100% {
|
|
7
7
|
background-position: 468px 0;
|
|
8
8
|
}
|
|
9
|
-
`,
|
|
9
|
+
`,t=i("div","production"===process.env.NODE_ENV?{target:"eh9q9i90"}:{target:"eh9q9i90",label:"ShimmerStyled"})("display:flex;flex-direction:column;.shine{border-radius:4px;background:",(i=>(i.isBrand,"linear-gradient(90deg, rgba(2,0,36,1) 0%, rgba(224,232,233,1) 0%, rgba(73,73,78,1) 38%)")),";background-size:800px 304px;display:inline-block;position:relative;-webkit-animation-duration:1s;-webkit-animation-fill-mode:forwards;-webkit-animation-iteration-count:infinite;-webkit-animation-name:",b,";-webkit-animation-timing-function:linear;}"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlNoaW1tZXJTdHlsZWQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVd3QyIsImZpbGUiOiJTaGltbWVyU3R5bGVkLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGtleWZyYW1lcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcclxuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xyXG5jb25zdCBrZXlmcmFtZXNBbmltYXRpb24gPSBrZXlmcmFtZXMgYFxuICAwJSB7XG4gICAgYmFja2dyb3VuZC1wb3NpdGlvbjogLTQ2OHB4IDA7XG4gIH1cblxuICAxMDAlIHtcbiAgICBiYWNrZ3JvdW5kLXBvc2l0aW9uOiA0NjhweCAwO1xuICB9XG5gO1xyXG5leHBvcnQgY29uc3QgU2hpbW1lclN0eWxlZCA9IHN0eWxlZC5kaXYgYFxuXHRkaXNwbGF5OiBmbGV4O1xuXHRmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuXG5cdC5zaGluZSB7XG5cdFx0Ym9yZGVyLXJhZGl1czogNHB4O1xuXHRcdGJhY2tncm91bmQ6ICR7KHByb3BzKSA9PiBwcm9wcy5pc0JyYW5kXHJcbiAgICA/ICdsaW5lYXItZ3JhZGllbnQoOTBkZWcsIHJnYmEoMiwwLDM2LDEpIDAlLCByZ2JhKDIyNCwyMzIsMjMzLDEpIDAlLCByZ2JhKDczLDczLDc4LDEpIDM4JSknXHJcbiAgICA6ICdsaW5lYXItZ3JhZGllbnQoOTBkZWcsIHJnYmEoMiwwLDM2LDEpIDAlLCByZ2JhKDIyNCwyMzIsMjMzLDEpIDAlLCByZ2JhKDczLDczLDc4LDEpIDM4JSknfTtcblx0XHRiYWNrZ3JvdW5kLXNpemU6IDgwMHB4IDMwNHB4O1xuXHRcdGRpc3BsYXk6IGlubGluZS1ibG9jaztcblx0XHRwb3NpdGlvbjogcmVsYXRpdmU7XG5cblx0XHQtd2Via2l0LWFuaW1hdGlvbi1kdXJhdGlvbjogMXM7XG5cdFx0LXdlYmtpdC1hbmltYXRpb24tZmlsbC1tb2RlOiBmb3J3YXJkcztcblx0XHQtd2Via2l0LWFuaW1hdGlvbi1pdGVyYXRpb24tY291bnQ6IGluZmluaXRlO1xuXHRcdC13ZWJraXQtYW5pbWF0aW9uLW5hbWU6ICR7a2V5ZnJhbWVzQW5pbWF0aW9ufTtcblx0XHQtd2Via2l0LWFuaW1hdGlvbi10aW1pbmctZnVuY3Rpb246IGxpbmVhcjtcblx0fVxuYDtcclxuLy8jIHNvdXJjZU1hcHBpbmdVUkw9U2hpbW1lclN0eWxlZC5qcy5tYXAiXX0= */"));export{t as ShimmerStyled};
|