https://shop.motorolasolutions.com/storefront/occ-public/esm/min/component-72b4bfe5.js

1import{_ as e}from"./_rollupPluginBabelHelpers-927c6dd0.js";import{R as t,bc as o,v as a,ag as r,a1 as i,L as c,aj as s}from"./client-c7cf1e30.js";import{R as n}from"./index-b28e37cf.js";import{S as m}from"./index-6b1ab753.js";import{S as l,C as d}from"./contexts-1fa00dc9.js";import{C as f}from"./index-d06de53d.js";import{D as u}from"./index-177cdabd.js";import{L as p}from"./index-07b23185.js";import{C as x}from"./check-66306448.js";import{g as N}from"./utils-e5986588.js";import{f as g}from"./page-links-4b162335.js";import{c as C}from"./index-fbaff3ff.js";import"./index-45dc5a48.js";import"./index-4884b7e7.js";import"./times-09572977.js";import"./index-9f6df208.js";var v=t.memo((({cartItem:e,toggleDrawer:a,isUserLoggedIn:r,actionCheckout:i,textViewCart:c,textAddToCartNotificationText:s,text2ItemsAddToCartNotificationText:n,textMultipleItemsAddToCartNotificationText:l,cartItemsPayload:d})=>t.createElement(m,{id:"AddToCartNotificationText",css:".AddToCartNotificationTextContainer{border-bottom:1px solid #cdd2d6;border-bottom:1px solid var(--cc-border-color);margin-bottom:1.4rem;width:100%}.NotificationTextContainer{display:flex;margin:1rem 1rem 1rem 2rem}.NotificationText{color:#4a4a4a;color:var(--cc-color);font-size:.875rem;font-size:var(--cc-font-size-small);font-style:normal;font-weight:600;line-height:1rem;margin-bottom:.8rem;margin-left:.5rem}.SuccessIcon{color:#005800;color:var(--cc-success-message-color)}.NotificationActionsContainer{display:flex;margin:1rem 1rem 1.3rem 2rem;width:100%}a.button.NotificationAction{color:#4a4a4a;color:var(--cc-secondary-button-color);display:block;font-size:.875rem;font-size:var(--cc-font-size-small);font-style:normal;font-weight:600;line-height:1rem;margin-right:1rem;padding:.6rem 1rem}"},t.createElement("div",{className:"AddToCartNotificationTextContainer"},t.createElement("div",{className:"NotificationTextContainer"},t.createElement("div",{className:"SuccessIcon"},t.createElement(x,null)),d&&(()=>{switch(d.length){case 1:return t.createElement("div",{className:"NotificationText"},o(s,{productName:e?.displayName}));case 2:return t.createElement("div",{className:"NotificationText"},o(n,{productName:e?.displayName}));default:return t.createElement("div",{className:"NotificationText"},o(l,{productName:e?.displayName,quantity:d.length-1}))}})()),t.createElement("div",{className:"NotificationActionsContainer"},t.createElement(p,{className:"button secondary NotificationAction",onClick:()=>a(!1),href:g},c),t.createElement(p,{className:"button secondary NotificationAction",onClick:()=>a(!1),href:N(r)},i))))));const T=5;var I=C((e=>{const t=a(e),{commerceItems:o={}}=t;return{commerceItems:o,isUserLoggedIn:r(e)&&"anonymous"!==i(e)}}))((o=>{const{regions:a=[],commerceItems:r,notificationDisplayTime:i=T,textCartNotificationHeader:p}=o,x=c.exports.useContext(l),[N,g]=c.exports.useState(),[C,I]=c.exports.useState(),[b,E]=c.exports.useState(!1),[h,w]=c.exports.useState(null),y=c.exports.useRef(),j=c.exports.useCallback((()=>{E(!1),h&&(clearTimeout(h),w(null))}),[h]),A=c.exports.useCallback((()=>{w(setTimeout(j,1e3*i))}),[j,i]),k=c.exports.useCallback((e=>{!0===e?(E(!0),A()):j()}),[j,A,E]),D=c.exports.useCallback((()=>{h&&clearTimeout(h)}),[h]);c.exports.useEffect((()=>{const e=x.subscribeDispatch((e=>{const{type:t,originalType:o,payload:{items:a=[]}={}}=e;if("addItemsToCart"===o&&"endpointComplete"===t&&a&&a.length>0){const e=Object.values(r).find((e=>e.catRefId===a[0].catRefId));if(e){const t=s(x.getState(),{productId:a[0].catRefId});t?.id||x.action("getProduct",{productId:a[0].catRefId}),g(e),I(a),k(!0)}}}));return e}),[x,r,k]);const S=c.exports.useCallback((e=>{b&&!y.current.contains(e.target)&&k(!1)}),[y,b,k]);c.exports.useEffect((()=>(document.addEventListener("mousedown",S),()=>{document.removeEventListener("mousedown",S)})));return t.createElement(m,{id:"AddToCartNotification",css:".NotificationDrawer .Drawer__Modal--right{width:19rem}.NotificationDrawer .Drawer__Body{height:calc(100vh - 5rem);overflow-x:hidden;overflow-y:auto;padding:.5rem 0}"},t.createElement("div",{className:"AddToCartNotification"},t.createElement("div",{className:"NotificationDrawer",ref:y,onMouseOver:D,onMouseLeave:A},t.createElement(u,{toggleButtonHtml:"",drawerBody:t.createElement(f,null,t.createElement(c.exports.Suspense,{fallback:null},t.createElement(t.Fragment,null,t.createElement(v,e({toggleDrawer:k,cartItem:N,cartItemsPayload:C},o)),t.createElement("section",{className:"AddToCartNotification__Section"},t.createElement(d.Provider,{value:{cartItem:N,productId:N?.catRefId}},a.map(((e,o)=>t.createElement(n,{key:o,regionId:e})))))))),isDrawerOpen:b,setIsDrawerOpen:k,position:"right",drawerIconCloseAltText:"Close",drawerHeader:p,noDrawerOverlay:!0}))))}));export{I as default};
2//# sourceMappingURL=component-72b4bfe5.js.map