https://www.customink.com/ndx/assets/index-C4rUiAJJ.js

1var ce=Object.defineProperty,de=Object.defineProperties;var oe=Object.getOwnPropertyDescriptors;var G=Object.getOwnPropertySymbols;var ue=Object.prototype.hasOwnProperty,me=Object.prototype.propertyIsEnumerable;var J=(e,a,t)=>a in e?ce(e,a,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[a]=t,X=(e,a)=>{for(var t in a||(a={}))ue.call(a,t)&&J(e,t,a[t]);if(G)for(var t of G(a))me.call(a,t)&&J(e,t,a[t]);return e},Y=(e,a)=>de(e,oe(a));import{K as s,Z as B,a0 as W,P as x,S as R,I as l,ai as Ne,aR as ne,bz as ee,aq as he,cg as be,a3 as pe,W as H,c5 as ge,a2 as xe}from"./vendor-Cd7MAbpv.js";import{kd as Ae,ke as Ce,ii as se,kf as fe,kg as Se,kh as ke,ki as ve,dE as je,kj as He,kk as ze,dF as Le,kl as Me,jn as ye,ag as De,M as we,km as Ee,kn as Ie,C as Be,cq as Re,ko as Te}from"./index-CNXviWdp.js";import{N as Pe}from"./index-BHE5cKwK.js";import{o as Ue,ah as We,ai as Ke}from"./index-D4JEciBd.js";import{u as _e}from"./useBoundAction-DSLhZcJ9.js";import{b as ae,c as qe,d as Fe,u as Oe}from"./NamesAndNumbersActions-BVdhvsRC.js";import"./newrelic-C9OPJfMc.js";const $e=`<svg id="Layer_5" data-name="Layer 5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 38.98 38.98"><polygon points="28.88 20.51 28.88 18.47 20.51 18.47 20.51 10.11 18.47 10.11 18.47 18.47 10.11 18.47 10.11 20.51 18.47 20.51 18.47 28.88 20.51 28.88 20.51 20.51 28.88 20.51"/></svg>
2`;function F(e,a,t,r){return s.jsxs("div",{className:"ndx-Duplicates",children:[s.jsxs("div",{className:"ndx-Duplicates-header",children:[e," ",s.jsxs(W,{button:!0,onClick:r,children:["(",t?"Show":"Hide",")"]})]}),!t&&s.jsx("ul",{className:"ndx-Duplicates-list",children:a.map((c,n)=>s.jsx("li",{children:c},n))})]})}const Z=({duplicateNames:e,duplicateNumbers:a,hideDuplicateNamesAlert:t,hideDuplicateNumbersAlert:r,hideMissingNamesAlert:c,hideMissingNumbersAlert:n,missingNames:A,missingNumbers:b,onHideMissingNamesAlert:C,onHideMissingNumbersAlert:u,onHideDuplicateNamesAlert:N,onHideDuplicateNumbersAlert:p,onLinkClick:g})=>{const S=e.count()>0,m=a.count()>0,k=A.length>0,v=b.length>0,L=S||m||k||v;return s.jsx("div",{className:"ndx-HelpfulHints",children:s.jsxs("div",{className:"ndx-HelpfulHints-container",children:[s.jsx(B,{component:"h6",variant:"heading6",className:"ndx-HelpfulHints-header",children:"Helpful Hints"}),L?s.jsxs(B,{component:"div",variant:"paragraphTiny",className:"ndx-HelpfulHints-duplicates",children:[s.jsx(B,{component:"p",variant:"paragraphSmall",className:"ndx-HelpfulHints-duplicatesDesc",children:"We’ve noticed the following potential problems with your list. Please double-check them to ensure accuracy."}),S&&F("Duplicate Names",e,t,N),m&&F("Duplicate Numbers",a,r,p),k&&F("Missing Names",A,c,C),v&&F("Missing Numbers",b,n,u)]}):s.jsxs(B,{component:"ul",variant:"paragraphSmall",className:"ndx-HelpfulHints-hints",children:[s.jsxs("li",{children:["Don’t see the size you want? Switch to a"," ",s.jsx(W,{onClick:g,href:"#/changeProduct",children:"color or product"})," ","that has your size available."]}),s.jsxs("li",{children:["Not able to enter names or numbers? Return to the"," ",s.jsx(W,{onClick:g,href:"#/namesAndNumbers/tools",children:"settings"})," ","to select these options."]})]})]})})},Qe={duplicateNames:x.instanceOf(R),duplicateNumbers:x.instanceOf(R),hideDuplicateNamesAlert:x.bool,hideDuplicateNumbersAlert:x.bool,hideMissingNamesAlert:x.bool,hideMissingNumbersAlert:x.bool,missingNames:x.array,missingNumbers:x.array,onHideDuplicateNamesAlert:x.func,onHideDuplicateNumbersAlert:x.func,onHideMissingNamesAlert:x.func,onHideMissingNumbersAlert:x.func,onLinkClick:x.func};Z.propTypes=Qe;Z.defaultProps={missingNames:[],missingNumbers:[],duplicateNumbers:R(),duplicateNames:R()};function Ve({nameAndNumber:e,hasAlerts:a,isSelected:t,selectRow:r,updateNameAndNumber:c}){const{name:n,number:A,productSize:b}=e,[C,u]=l.useState(n!=null?n:""),[N,p]=l.useState(A!=null?A:""),[g,S]=l.useState(b||""),m=i=>{var z;const{id:f,productId:d}=e;c({id:f!=null?f:"",name:C,number:N,productId:d!=null?d:"",productSize:(z=i==null?void 0:i.productSize)!=null?z:g})};return{name:C,number:N,productSize:g,handleKeyUp:i=>{(i.key==="Enter"||a)&&m()},handleBlur:()=>{(e.name!==C||e.number!==N||e.productSize!==g)&&m()},handleSizeChange:i=>{S(i),m({productSize:i})},handleClick:i=>{var f;i.preventDefault(),t||r==null||r((f=e.id)!=null?f:"")},handleNameChange:i=>{u(i.target.value.substring(0,Ce).trimStart().toUpperCase())},handleNumberChange:i=>{/^[0-9]*$/.test(i.target.value)&&p(i.target.value.substring(0,Ae))}}}const te=e=>{const{nameAndNumber:a,hasNames:t,hasNumbers:r,index:c,isEditing:n,sizes:A}=e,{name:b,number:C,productSize:u,handleKeyUp:N,handleBlur:p,handleSizeChange:g,handleClick:S,handleNameChange:m,handleNumberChange:k}=Ve({nameAndNumber:a,hasAlerts:e.hasAlerts,isSelected:e.isSelected,selectRow:e.selectRow,updateNameAndNumber:e.updateNameAndNumber}),v=c*3,M=!Ne(),D=M?u?se(u):"Size ▾":"Size",I=t?"ENTER NAME":"",i=r?"00":"",f=ne("ndx-NamesAndNumbersList-select",{"ndx-NamesAndNumbersList-select--empty":!b&&!C&&!u,"ndx-NamesAndNumbersList-select--noSize":!u});return s.jsxs("div",{className:"ndx-NamesAndNumbersList-row ndx-NamesAndNumbersList-row--selected",onBlur:p,onClick:S,onKeyUp:N,children:[s.jsx(ee,{fullWidth:!0,disabled:!t,id:"selectedName",placeholder:I,tabIndex:v+1,type:"text",value:b,onChange:m,removeHelperTextSpace:!0}),s.jsx(ee,{disabled:!r,id:"selectedNumber",placeholder:i,tabIndex:v+2,type:M?"text":"number",value:C,onChange:k,removeHelperTextSpace:!0,inputProps:{className:"numberTextSelect"}}),s.jsx("span",{className:f,onClick:d=>d.stopPropagation(),children:s.jsxs("select",{tabIndex:v+3,value:u,onChange:d=>g(d.target.value),children:[s.jsx("option",{disabled:!0,hidden:M,value:"",children:D}),A.map(d=>s.jsx("option",{value:d,children:se(d)},d))]})}),n&&s.jsx(he,{className:"ndx-NamesAndNumbersList-delete",onClick:()=>{var d,z;return(z=e.handleDeleteClick)==null?void 0:z.call(e,(d=a.id)!=null?d:"")},children:s.jsx(be,{})})]})};te.displayName="NamesAndNumbersRow";function Ze(e,a,t){const r=e.reduce((c,n)=>(c.names[n.name]=(c.names[n.name]||0)+1,c.numbers[n.number]=(c.numbers[n.number]||0)+1,c),{names:{},numbers:{}});return e.reduce((c,n)=>(c[n.id]={duplicateName:!!(a&&n.name&&r.names[n.name]>1),duplicateNumber:!!(t&&n.number&&r.numbers[n.number]>1),missingName:!!(a&&!n.name&&n.number),missingNumber:!!(t&&!n.number&&n.name)},c),{})}const Ge=()=>{const e=Ue(),a=pe(),{namesAndNumbersLeaveHandler:t}=We(),r=H(fe,ge),c=H(Se),n=H(ke),A=H(ve),b=H(je),C=H(He),u=H(ze),N=H(Le),p=H(Me),g=H(ye),[

2S,m]=l.useState(null),[k,v]=l.useState(!1),[L,M]=l.useState(!1),[D,I]=l.useState(!1),[i,f]=l.useState(!1),[d,z]=l.useState(!1),w=l.useRef(!1),O=l.useMemo(()=>Ze(r,b,N),[r,b,N]);l.useEffect(()=>{const h=p.id,V=r.length,re=(De(we.largeAndAbove)?5:3)-V;e(ae({size:re,productId:h})),e(Ee())},[]),l.useEffect(()=>()=>{e(qe()),w.current||t()},[]);const $=l.useCallback(h=>{Ke(h.target,["ndx-NamesAndNumbersList-row","ndx-NamesAndNumbersList-addForm"])||m(null)},[]),T=l.useCallback(()=>{m(null)},[]),Q=l.useCallback(h=>{e(Fe({id:h})),T()},[e,T]),K=l.useCallback(()=>{w.current=!0,a("/namesAndNumbers/tools")},[a]),_=l.useCallback(()=>{w.current=!0,a(-1)},[a]),q=l.useCallback(()=>{w.current=!0,e(Ie()),a("/namesAndNumbers/quantities")},[e,a]),P={hideMissingNamesAlert:v,hideMissingNumbersAlert:M,hideDuplicateNamesAlert:I,hideDuplicateNumbersAlert:f},j={hideMissingNamesAlert:k,hideMissingNumbersAlert:L,hideDuplicateNamesAlert:D,hideDuplicateNumbersAlert:i},o=l.useCallback(h=>V=>{V.preventDefault(),P[h](!j[h])},[P,j]),y=l.useCallback(h=>m(h),[]),U=l.useCallback(()=>{const h=p.id;e(ae({size:4,productId:h}))},[e,p]),E=l.useCallback(()=>z(h=>!h),[]),ie=l.useCallback(()=>{w.current=!0},[]),le=_e(e,Oe);return{namesAndNumbers:r,emptyNamesAndNumbersSizes:c,nameCount:n,namesAndNumbersSizes:A,namesIcon:b,nonEmptyNamesAndNumbersSizes:C,numberCount:u,numbersIcon:N,product:p,sizesWithStatus:g,alerts:O,selectedId:S,hideMissingNamesAlert:k,hideMissingNumbersAlert:L,hideDuplicateNamesAlert:D,hideDuplicateNumbersAlert:i,isEditing:d,handleCardClick:$,handleDeleteClick:Q,handleNavCloseClick:K,handleNavBack:_,handleDoneClick:q,handleHideAlert:o,selectRow:y,unselectRow:T,addRows:U,handleEditClick:E,onLinkClick:ie,updateNameAndNumber:le}},Je=()=>{const{namesAndNumbers:e,emptyNamesAndNumbersSizes:a,nameCount:t,nonEmptyNamesAndNumbersSizes:r,numberCount:c,namesIcon:n,numbersIcon:A,product:b,sizesWithStatus:C,alerts:u,selectedId:N,hideMissingNamesAlert:p,hideMissingNumbersAlert:g,hideDuplicateNamesAlert:S,hideDuplicateNumbersAlert:m,isEditing:k,handleCardClick:v,handleDeleteClick:L,handleNavCloseClick:M,handleNavBack:D,handleDoneClick:I,handleHideAlert:i,selectRow:f,unselectRow:d,addRows:z,handleEditClick:w,onLinkClick:O,updateNameAndNumber:$}=Ge(),T=j=>{const o=Object.assign({},u[j.id]);o.duplicateName=S?!1:o.duplicateName,o.duplicateNumber=m?!1:o.duplicateNumber,o.missingName=p?!1:o.missingName,o.missingNumber=g?!1:o.missingNumber;const y=C.filter(E=>Te(E)).map(E=>E.name),U={nameAndNumber:j,alerts:o,isSelected:N===j.id,isEditing:k,hasNames:!!n,hasNumbers:!!A,handleDeleteClick:L,updateNameAndNumber:$,sizes:y,selectRow:f,unselectRow:d,index:e.findIndex(E=>E.id===j.id),productId:b.id};return l.createElement(te,Y(X({},U),{key:j.id}))},Q=ne("ndx-NamesAndNumbersList",{"ndx-NamesAndNumbersList--rowSelected":N}),K=[],_=[],q=[],P=[];for(const j in u){const o=e.find(U=>U.id===j),y=u[j];y.duplicateName&&K.push(o.name),y.duplicateNumber&&_.push(o.number),y.missingName&&q.push(`#${o.number} doesn’t have a name`),y.missingNumber&&P.push(`${o.name} doesn’t have a number`)}return s.jsx("div",{children:s.jsxs(Be,{contentClassName:Q,scrolling:!0,title:"My List",onClick:v,onNavBack:D,onNavClose:M,children:[s.jsxs("div",{className:"ndx-NamesAndNumbersList-wrapper",children:[s.jsx(B,{component:"h3",variant:"heading3",className:"ndx-NamesAndNumbersList-header",children:"Enter your full list and sizes for accurate pricing"}),s.jsxs("div",{className:"ndx-NamesAndNumbersList-section",children:[s.jsx("div",{className:"ndx-NamesAndNumbersList-info",children:s.jsx(Z,{duplicateNames:R(K),duplicateNumbers:R(_),hideDuplicateNamesAlert:S,hideDuplicateNumbersAlert:m,hideMissingNamesAlert:p,hideMissingNumbersAlert:g,missingNames:q,missingNumbers:P,onHideDuplicateNamesAlert:i("hideDuplicateNamesAlert"),onHideDuplicateNumbersAlert:i("hideDuplicateNumbersAlert"),onHideMissingNamesAlert:i("hideMissingNamesAlert"),onHideMissingNumbersAlert:i("hideMissingNumbersAlert"),onLinkClick:O})}),s.jsxs("div",{className:"ndx-NamesAndNumbersList-container",children:[s.jsxs("div",{children:[s.jsxs(B,{component:"div",variant:"uiTextSmall",className:"ndx-NamesAndNumbersList-rowHeader",children:[s.jsx("div",{className:"ndx-NamesAndNumbersList-nameHeader",children:"Name"}),s.jsx("div",{className:"ndx-NamesAndNumbersList-numberHeader",children:"#"}),s.jsx("div",{className:"ndx-NamesAndNumbersList-sizeHeader",children:"Size"})]}),e.map(T)]}),s.jsxs("div",{className:"ndx-NamesAndNumbersList-details",children:[s.jsxs(W,{button:!0,variant:"uiTextSmall",onClick:z,children:[s.jsx("span",{className:"ndx-NamesAndNumbersList-addMore-svg",dangerouslySetInnerHTML:Re($e)}),"Add More"]}),s.jsx(W,{button:!0,variant:"uiTextSmall",onClick:w,children:k?"Done Editing":"Manage List"})]})]})]})]}),s.jsxs("div",{className:"ndx-NamesAndNumbersList-footer",children:[s.jsx(Pe,{emptySizes:a,nameCount:t,namesAndNumbersSizes:r,numberCount:c}

2),s.jsx(xe,{size:"large",fullWidth:!0,className:"nn-save-btn",onClick:I,children:"Done"})]})]})})};Je.displayName="NamesAndNumbersList";export{Je as NamesAndNumbersList,Je as default};