https://www.danielfullmanmusic.com/_next/static/chunks/9403-d3570fb09c0ab362.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[9403],{9403:function(e,t,s){s.d(t,{Z:function(){return Root}});var i=s(5893),n=s(7294),a=s(1664),o=s.n(a),r=s(4527),l=s(7891),c=s(6501),d=s(4416),h=s(6478);let CartItem=class CartItem extends n.Component{handleUpdateCartItem(e,t){this.props.dispatch((0,h.bd)(e,t))}handleRemoveFromCart(e){c.Am.promise(this.props.dispatch((0,h.h2)(e)),{loading:"Removing this product from your cart",success:"Removed from Cart",error:"Could not remove this item from your Cart"})}render(){var e,t,s;let{item:n}=this.props,a=n.product_name||n.name,o=(null===(e=n.media)||void 0===e?void 0:e.source)||n.image,r=n.selected_options||[];return(0,i.jsx)("div",{className:"px-4 px-md-5 mb-2",children:(0,i.jsxs)("div",{className:"cart-item d-flex",children:[o&&(0,i.jsx)("div",{className:"cart-item--image mr-4",style:{backgroundImage:'url("'.concat(o,'")')}}),(0,i.jsxs)("div",{className:"flex-grow-1 borderbottom border-color-gray400 h-100",children:[(0,i.jsxs)("div",{className:"d-flex justify-content-between mb-2",children:[(0,i.jsx)("p",{children:a}),(0,i.jsx)("p",{className:"text-right font-weight-medium",children:(null===(t=n.line_total)||void 0===t?void 0:t.formatted_with_symbol)||(null===(s=n.line_total)||void 0===s?void 0:s.formatted)||"$".concat((n.price*n.quantity).toFixed(2))})]}),r.length>0&&(0,i.jsx)("div",{className:"d-flex justify-content-between mb-2",children:r.map((e,t)=>(0,i.jsxs)("p",{className:"font-color-light font-weight-small",children:[e.group_name,": ",e.option_name]},t))}),(0,i.jsxs)("div",{className:"d-flex align-items-center justify-content-between pt-2 pb-4",children:[(0,i.jsxs)("div",{className:"d-flex align-items-center",children:[(0,i.jsx)("button",{className:"p-0 bg-transparent",onClick:()=>n.quantity>1?this.handleUpdateCartItem(n.id,n.quantity-1):this.handleRemoveFromCart(n.id),children:(0,i.jsx)("img",{src:"/icon/minus.svg",className:"w-16",title:"Minus icon",alt:""})}),(0,i.jsx)("p",{className:"text-center px-3",children:n.quantity}),(0,i.jsx)("button",{className:"p-0 bg-transparent",onClick:()=>this.handleUpdateCartItem(n.id,n.quantity+1),children:(0,i.jsx)("img",{src:"/icon/plus.svg",className:"w-16",title:"Plus icon",alt:""})})]}),(0,i.jsx)("p",{className:"text-right text-decoration-underline font-color-medium cursor-pointer",onClick:()=>this.handleRemoveFromCart(n.id),children:"Remove"})]})]})]})})}constructor(e){super(e),this.handleUpdateCartItem=this.handleUpdateCartItem.bind(this),this.handleRemoveFromCart=this.handleRemoveFromCart.bind(this)}};var m=(0,d.$j)(e=>e)(CartItem);let g={transition:"transform ".concat(300,"ms ease-in-out")},x={entering:{transform:"translateX(100%)"},entered:{transform:"translateX(0)"},exiting:{transform:"translateX(100%)"},exited:{transform:"translateX(100%)"}},u={entering:{opacity:"0"},entered:{opacity:"0.56"},exiting:{opacity:"0"},exited:{opacity:"0"}};let Cart=class Cart extends n.Component{componentDidMount(){}componentWillUnmount(){(0,l.clearAllBodyScrollLocks)()}onEntering(){(0,l.disableBodyScroll)(this.cartScroll.current)}onExiting(){(0,l.enableBodyScroll)(this.cartScroll.current)}render(){let{isOpen:e,toggle:t}=this.props,{cart:s}=this.props;return(0,i.jsx)(r.ZP,{in:e,timeout:300,unmountOnExit:!0,onEntering:this.onEntering,onExiting:this.onExiting,children:e=>(0,i.jsxs)("div",{className:"cart-modal font-weight-regular",children:[(0,i.jsx)("div",{className:"backdrop",style:{transition:"opacity ".concat(300,"ms ease-in-out"),...u[e]},onClick:()=>t(!1)}),(0,i.jsxs)("div",{className:"main-cart-content d-flex flex-column",style:{...g,...x[e]},children:[(0,i.jsx)("div",{className:"px-4 px-md-5",children:(0,i.jsxs)("div",{className:"pt-4 pb-3 borderbottom border-color-black d-flex justify-content-between align-items-center",children:[(0,i.jsx)("p",{className:"font-family-secondary font-size-subheader",children:"Shopping Cart"}),(0,i.jsx)("button",{className:"bg-transparent p-0",onClick:()=>t(!1),children:(0,i.jsx)("img",{src:"/icon/cross.svg",title:"Times icon",alt:""})})]})}),s.total_unique_items>0?(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)("div",{className:"flex-grow-1 overflow-auto pt-4",ref:this.cartScroll,children:s.line_items.map(e=>(0,i.jsx)(m,{item:e},e.id))}),(0,i.jsxs)("div",{className:"cart-footer",children:[(0,i.jsxs)("div",{className:"mb-3 d-flex",children:[(0,i.jsx)("p",{className:"font-color-light mr-2 font-weight-regular",children:"Subtotal:"}

1),(0,i.jsx)("p",{children:s.subtotal.formatted_with_symbol})]}),(0,i.jsxs)("div",{className:"row",children:[(0,i.jsx)("div",{className:"col-6 d-none d-md-block",children:(0,i.jsx)(o(),{legacyBehavior:!0,href:"/collection",children:(0,i.jsx)("span",{className:"h-56 d-flex align-items-center justify-content-center border border-color-black bg-white w-100 flex-grow-1 font-weight-medium font-color-black px-3",children:"Continue Shopping"})})}),(0,i.jsx)("div",{className:"col-12 col-md-6",children:(0,i.jsx)(o(),{legacyBehavior:!0,href:"/checkout",children:(0,i.jsx)("span",{className:"h-56 d-flex align-items-center justify-content-center bg-black w-100 flex-grow-1 font-weight-medium font-color-white px-3",children:"Checkout"})})})]})]})]}):(0,i.jsxs)("div",{className:"d-flex align-items-center justify-content-center bg-brand300 flex-grow-1 p-4 p-md-5 flex-column",children:[(0,i.jsxs)("div",{className:"position-relative cursor-pointer mb-3",children:[(0,i.jsx)("img",{src:"/icon/cart.svg",title:"Cart icon",alt:"",className:"w-32"}),(0,i.jsx)("div",{className:"position-absolute font-size-tiny font-weight-bold",style:{right:"-4px",top:"-4px"},children:"0"})]}),(0,i.jsx)("p",{className:"text-center font-weight-medium",children:"Your cart is empty"})]})]})]})})}constructor(e){super(e),this.cartScroll=n.createRef(),this.onEntering=this.onEntering.bind(this),this.onExiting=this.onExiting.bind(this)}};var p=(0,d.$j)(e=>e,{})(Cart);s(9260);var f=s(7782);s(1281);var b=s(1163),j=s(9396);function HeaderSearchBar(){let[e,t]=(0,n.useState)(""),s=(0,b.useRouter)();return(0,i.jsx)("div",{style:{backgroundColor:"white"},className:" relative mx-auto text-gray-600 d-md-block d-none bg-white rounded-lg search-bar-no-invert",id:"search-bar-id",children:(0,i.jsxs)("form",{onSubmit:t=>{t.preventDefault(),e&&s.replace("/collection?q=".concat(e))},children:[(0,i.jsx)("button",{type:"submit",className:"absolute left-0 top-1 mt-2 bg-white  ml-2",children:(0,i.jsx)(j.Z,{className:"w-6 h-6"})})," ",(0,i.jsx)("input",{type:"text",className:"!filter-none  border-2 border-gray-300 !bg-white h-1 px-5 pr-16 rounded-lg text-sm focus:outline-none",placeholder:"Search...",value:e,onChange:e=>t(e.target.value)})]})})}var v=s(4141);let N={zIndex:"-1",transition:"height ".concat(300,"ms ease-in-out"),height:0},w={entering:{height:"100vh"},entered:{height:"100vh"},exiting:{height:0},exited:{height:0}},y=[{name:"Home",link:"/"},{name:"Shop",link:"/collection"},{name:"About",link:"/about"},{name:"Dealers",link:"/dealers"},{name:"Commissions",link:"/customWorks"},{name:"Marching Designs",link:"/custom-marching"}];let Header=class Header extends n.Component{componentDidMount(){window.addEventListener("scroll",this.handleScroll),window.addEventListener("Commercejs.Cart.Item.Added",this.handleAddToCartToggle),this.setState({})}componentWillUnmount(){window.removeEventListener("scroll",this.handleScroll),window.removeEventListener("Commercejs.Cart.Item.Added",this.handleAddToCartToggle)}toggleCart(){let{showCart:e}=this.state;this.setState({showCart:!e}),gtag("event","open_cart")}handleScroll(){window.requestAnimationFrame(this.animate)}handleLogout(){this.props.clearCustomer(),this.setState({loggedIn:!1})}animate(){let{transparent:e}=this.props;e&&(window.scrollY>10?this.header.current.classList.add("invert"):this.header.current.classList.remove("invert"))}toggleMobileMenu(){let{showMobileMenu:e}=this.state;this.setState({showMobileMenu:!e}),e?this.animate():this.header.current.classNameList.add("invert")}toggleAddToCartAnimation(){let{playAddToCartAnimation:e}=this.state;this.setState({playAddToCartAnimation:!e})}handleAddToCartToggle(){this.toggleAddToCartAnimation(),setTimeout(()=>{this.toggleAddToCartAnimation()},3e3)}renderLoginLogout(){let{customer:e}=this.props,{loggedIn:t}=this.state;return t?(0,i.jsxs)("div",{className:"d-flex align-items-center",children:[e&&e.firstname&&(0,i.jsxs)("span",{className:"mr-2 font-weight-regular",children:["Hi, ",e.firstname,"!"]}),(0,i.jsx)(o(),{legacyBehavior:!0,href:"/account",children:(0,i.jsx)("span",{className:"font-color-black mx-2",children:"My account"})}),(0,i.jsx)("button",{className:"bg-transparent mr-2 font-color-black font-weight-semibold",type:"button",onClick:this.handleLogout,children:"Logout"})]}):(0,i.jsx)(i.Fragment,{})}render(){let{showMobileMenu:e,showCart:t}=this.state,{transparent:s,cart:n,searchBar:a}=this.props;return(0,i.jsxs)("header",{className:"position-fixed top-0 left-0 right-0 font-weight-semibold no-print",children:[(0,i.jsx)("div",{className:"bg-emerald-600 px-4 py-3 text-white ease-in delay-200 ",children:(0,i.jsx)("p",{className:"text-center text-sm font-medium ",children:"Checkout is fixed! Please use the new checkout process to place your order."})}),(0,i.jsx)(p,{isOpen:t,toggle:e=>this.toggleCart(e)}),(0,i.jsxs)("div",{ref:this.header,className:"d-flex flex-wrap w-full header align-items-center justify-content-between position-relative ".concat(s?"":"invert"),children:[(0,i.jsxs)("div",{className:"d-none d-sm-flex flex-1 max-w-[30%] overflow-hidden",children:[(0,i.jsx)(o(),{legacyBehavior:!0,href:"/collection",children:(0,i.jsx)("a",{className:"mr-4 font-color-black lg:text-normal text-sm",children:"Music"})}),(0,i.jsx)(o(),{legacyBehavior:!0,href:"/about",children:(0,i.jsx)("a",{className:"mr-4 font-color-black lg:text-normal text-sm",children:"About"})}),(0,i.jsx)(o(),{legacyBehavior:!0,href:"/dealers",children:(0,i.jsx)("a",{className:"mr-4 font-color-black lg:text-normal text-sm",children:"Dealers"})}),(0,i.jsx)(o(),{legacyBehavior:!0,href:"/customWorks",children:(0,i.jsx)("a",{className:"mr-4 font-color-black lg:text-normal text-sm",children:"Commissions"})}),(0,i.jsx)(o(),{legacyBehavior:!0,href:"/custom-marching",children:(0,i.jsx)("a",{className:"font-color-black lg:text-normal text-sm",children:"Marching "})})]}),(0,i.jsxs)("div",{className:"logo-container flex-1",children:[(0,i.jsx)("img",{src:"/icon/".concat(e?"cross":"menu",".svg"),onClick:this.toggleMobileMenu,className:"w-32 mr-1 d-block d-sm-none",alt:"Menu icon"}),(0,i.jsx)(o(),{legacyBehavior:!0,href:"/",children:(0,i.jsx)("a",{className:" font-bold uppercase lg:text-3xl",children:"Daniel Fullman Music"})})]}),(0,i.jsx)("div",{className:"d-flex flex-1"}),(0,i.jsxs)("div",{className:"d-flex flex-2 ",children:[this.renderLoginLogout(),!1==a||e?(0,i.jsx)(i.Fragment,{}):(0,i.jsx)("div",{className:"",children:(0,i.jsx)(HeaderSearchBar,{})}),(0,i.jsxs)("div",{className:"position-relative cursor-pointer mt-2 ml-4 ",onClick:this.toggleCart,children:[(0,i.jsx)(v.Z,{className:"w-6 h-6"}),(0,i.jsx)("div",{className:"cart-count position-absolute font-size-tiny font-weight-bold",children:n.total_items})]})]})]}),(0,i.jsx)(r.ZP,{in:e,timeout:300,children:e=>(0,i.jsx)("div",{className:"d-sm-none position-fixed left-0 right-0 overflow-hidden",style:{...N,...w[e],top:"1em"},children:(0,i.jsx)("div",{className:"position-absolute left-0 right-0 h-100vh mobile-menu-inner bg-black700 d-flex flex-column justify-content-center",style:{to

1p:"4em"},children:y.map((e,t)=>(0,i.jsx)(o(),{legacyBehavior:!0,href:e.link,children:(0,i.jsx)("a",{className:"d-block mb-4 font-size-heading font-color-white text-center",children:e.name})},t))})})})]})}constructor(e){super(e),this.state={showMobileMenu:!1,showCart:!1,playAddToCartAnimation:!1,loggedIn:!1},this.header=n.createRef(),this.animate=this.animate.bind(this),this.handleScroll=this.handleScroll.bind(this),this.toggleCart=this.toggleCart.bind(this),this.toggleMobileMenu=this.toggleMobileMenu.bind(this),this.toggleAddToCartAnimation=this.toggleAddToCartAnimation.bind(this),this.handleAddToCartToggle=this.handleAddToCartToggle.bind(this),this.handleLogout=this.handleLogout.bind(this)}};var C=(0,d.$j)(e=>e,{clearCustomer:f.U})(Header);function Root(e){let{transparentHeader:t,searchBar:s,children:n}=e;return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)("div",{className:"pb-10 ",children:(0,i.jsx)(C,{transparent:t,searchBar:s})}),n]})}},1281:function(e,t,s){var i=s(4866);s(6282),s(6650);try{i.Z.initializeApp({apiKey:"AIzaSyDNeGhEoke0p7Heop_ycBUOvWdaiJTytzA",authDomain:"daniel-fullman-music.firebaseapp.com",projectId:"daniel-fullman-music",storageBucket:"daniel-fullman-music.appspot.com",messagingSenderId:"3221559652",appId:"1:3221559652:web:356103bc0601fd42ad4271",measurementId:"G-P8YDXNMCM4"})}catch(e){/already exists/.test(e.message)||console.error("Firebase initialization error",e.stack)}let n=i.Z.firestore();t.Z=n}}]);