pkg-components
Version:
140 lines (139 loc) • 15.6 kB
JavaScript
import{j as e,F as K,a as n}from"./jsx-runtime-DI8_P1Ft.js";import{r as s,R as Ve}from"./index-DPzuYzxM.js";import{P as r}from"./index-B3IC6ylx.js";import{S as U,D as Pe,P as qe}from"./index-BINBIgVg.js";import{n as j}from"./index-RGaBZlDs.js";import{n as Q}from"./index-CIjh_EDQ.js";import{C as v}from"./index-CoXI7PFH.js";import{C as Ne}from"./index-B7phoe5e.js";import{O as we}from"./index-DrTIMpa1.js";import{A as Se}from"./index-De4vx-dS.js";import{C as J}from"./index-CTYXsiC0.js";import{R as Ae}from"./index-CqEQFk9x.js";import"./index-XORxt8qY.js";import{B as De}from"./index-DuIGVyw3.js";import{S as Me}from"./index-Ck8xQAsS.js";import{s as u}from"./styled-components.browser.esm-CLTG7J5x.js";import{T as o}from"./index-Bww7KC1c.js";const b=u.div`
animation: 0s ease 0s 1 normal none running none;
background-color: #ffffff;
border-radius: 3px;
box-shadow: var(--ds-shadow-overlay, 0 0 0 1px rgba(9, 30, 66, 0.08), 0 2px 1px rgba(9, 30, 66, 0.08), 0 0 20px -6px rgba(9, 30, 66, 0.31));
display: flex;
inset: 0px;
left: 0px;
margin: auto;
max-height: calc(100vh - 119px);
max-width: 80%;
overflow-y: auto;
position: fixed;
right: 0px;
top: 60px;
transition: none 0s ease 0s;
z-index: 9900;
.modal--section__main {
flex: 0 1 calc(75% + 12px);
height: 100%;
padding: 0 0 150px 0;
overflow-y: auto;
}
.modal--section__sec {
flex: 0 1 calc(24% + 12px);
height: 100%;
}
`,C=u.div`
background-color: #ffffff;
border-radius: 4px;
box-shadow: var(0 0 0 1px rgba(9, 30, 66, 0.13), 0 4px 11px rgba(9, 30, 66, 0.13));
max-width: 180px;
min-width: 100%;
border: 1px solid;
z-index: 510;
max-height: 300px;
overflow-y: auto;
padding-bottom: 8px;
padding-top: 8px;
position: absolute;
left: 0px;
top: 30px;
.option {
/* background-color: var(--ds-background-neutral-subtle-hovered, ); */
color: var(--ds-text, #172b4d);
cursor: pointer;
display: block;
font-size: 13px;
padding: 6px 12px;
width: 100%;
user-select: none;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
box-shadow: inset 2px 0px 0px rgb(255, 0, 0);
}
.option:hover {
background-color: #f4f5f7;
}
`,_=u.div`
margin: 7px 0;
border: 0.4px solid #dfe1e6;
border-radius: 2px;
.header-detail {
border-bottom: 1px solid #dfe1e6;
padding: 10px;
}
.header-responsible {
padding: 10px;
}
`,V=u.div`
align-items: center;
background-color: ${U};
border-radius: 200px;
border: 0;
column-gap: 12px;
cursor: pointer;
display: flex;
display: flex;
flex-direction: row;
grid-column-gap: 12px;
padding: 8px 12px;
position: relative;
transition: background-color 0.3s ease-in-out;
width: 100%;
.info-sales {
color: ${Pe};
transition: background-color 0.3s ease-in-out;
white-space: nowrap;
text-align: left;
border-radius: 200px !important;
}
span {
font-size: 0.75rem;
line-height: 1rem;
display: block;
}
&:hover {
background-color: ${U};
}
`,P=u.div`
display: grid;
margin: 0;
padding-bottom: 20px;
margin: auto;
padding: 0 30px;
height: 100vh;
@media only screen and (min-width: 768px) and (min-width: 960px) {
grid-template-columns: repeat(auto-fill, minmax(175px, 1fr));
grid-gap: 30px;
}
@media only screen and (min-width: 768px) {
grid-template-columns: repeat(auto-fill, minmax(172px, 1fr));
grid-gap: 20px;
grid-auto-rows: max-content;
}
`;try{b.displayName="ModalWrapper",b.__docgenInfo={description:"",displayName:"ModalWrapper",props:{theme:{defaultValue:null,description:"",name:"theme",required:!1,type:{name:"DefaultTheme"}},as:{defaultValue:null,description:"",name:"as",required:!1,type:{name:"void | WebTarget"}},forwardedAs:{defaultValue:null,description:"",name:"forwardedAs",required:!1,type:{name:"void | WebTarget"}}}}}catch{}try{C.displayName="ActionButton",C.__docgenInfo={description:"",displayName:"ActionButton",props:{theme:{defaultValue:null,description:"",name:"theme",required:!1,type:{name:"DefaultTheme"}},as:{defaultValue:null,description:"",name:"as",required:!1,type:{name:"void | WebTarget"}},forwardedAs:{defaultValue:null,description:"",name:"forwardedAs",required:!1,type:{name:"void | WebTarget"}}}}}catch{}try{_.displayName="SectionDetailOrder",_.__docgenInfo={description:"",displayName:"SectionDetailOrder",props:{theme:{defaultValue:null,description:"",name:"theme",required:!1,type:{name:"DefaultTheme"}},as:{defaultValue:null,description:"",name:"as",required:!1,type:{name:"void | WebTarget"}},forwardedAs:{defaultValue:null,description:"",name:"forwardedAs",required:!1,type:{name:"void | WebTarget"}}}}}catch{}try{V.displayName="HeaderWrapperDetail",V.__docgenInfo={description:"",displayName:"HeaderWrapperDetail",props:{theme:{defaultValue:null,description:"",name:"theme",required:!1,type:{name:"DefaultTheme"}},as:{defaultValue:null,description:"",name:"as",required:!1,type:{name:"void | WebTarget"}},forwardedAs:{defaultValue:null,description:"",name:"forwardedAs",required:!1,type:{name:"void | WebTarget"}}}}}catch{}try{P.displayName="ContainerGrid",P.__docgenInfo={description:"",displayName:"ContainerGrid",props:{theme:{defaultValue:null,description:"",name:"theme",required:!1,type:{name:"DefaultTheme"}},as:{defaultValue:null,description:"",name:"as",required:!1,type:{name:"void | WebTarget"}},forwardedAs:{defaultValue:null,description:"",name:"forwardedAs",required:!1,type:{name:"void | WebTarget"}}}}}catch{}var ze={};const Ie=ze.URL_BASE,c=({dataModal:i={},dataStore:t,pDatCre:m,saleError:X,saleKey:Te,saleGroup:ke,openAction:q=!1,isClient:Ee=!1,edit:Z=!0,totalProductsPrice:ee=0,loading:ae=!1,handleOpenActions:N=()=>{},handleModalItem:re=()=>{},setModalItem:ne=()=>{},handleChangeState:oe=()=>{},onPress:Oe=()=>{},onClose:te=()=>{}})=>{var T,k,E,O,L,W;const{payMethodPState:ie,pSState:w,locationUser:S,pCodeRef:f,channel:le,change:A,getAllPedidoStore:h}=i,de=S&&JSON.parse(S)||{},{cName:se,country:pe,dName:ue,uLocationKnow:ce}=de,me={1:"Confirmado",2:"En Proceso",3:"Listo Para Entrega",4:"Pedido Concluido",5:"Rechazado"},{yearMonthDay:fe,hourMinutes12:he,longDayName:ge}=m||{},[D,M]=s.useState(w);s.useEffect(()=>{(i==null?void 0:i.hasOwnProperty("pSState"))&&M(w)},[i]);const[g,ye]=s.useState(!1),[z,xe]=s.useState({}),[p,I]=s.useState({}),ve=(a,d)=>{I({...p,[a.target.name]:a.target.value})},y=(a,d)=>{a&&(xe(a),I({...p,comment:d||""})),ye(!g)},be=(a,d)=>{D!==a&&(oe(a,d),M(a))},Ce=[{value:1,label:"Confirmar pedido"},{value:2,label:"Pedido en proceso"},{value:3,label:"Pedido en listo para entrega"},{value:4,label:"Pedido concluido"},{value:5,label:"Rechazar pedido"}];return X?e(K,{children:"Error"}):n(K,{children:[g&&n(Se,{btnConfirm:!1,footer:!1,header:!0,onCancel:()=>y(),onHide:()=>y(),padding:"20px",show:g,size:"400px",title:"Mira los comentarios",zIndex:"9999",children:[e(J,{...z,comment:!1,edit:!1,pName:z.pName,render:null}),e("textarea",{className:"input-textarea",name:"comment",onChange:a=>ve(a),required:!0,value:p==null?void 0:p.comment})]}),e(we,{bgColor:"rgba(0,0,0,.4)",onClick:()=>(q&&N(),te()),show:!0,zIndex:"9800"}),e(b,{children:n(Ae,{backgroundColor:"transparent",initialDividerPosition:{__0:80,__1:20},lastMinWidth:"auto",padding:"0",children:[n("div",{className:"modal--section__main",children:[e(o,{color:"#172b4d",fontSize:"24px",fontWeight:"300",margin:"20px 0",children:f}),e("div",{children:e(P,{children:ae?e(Me,{height:400,numberObject:50}):h==null?void 0:h.map((a,d)=>{var R,$,G,H,B;const l=((R=a==null?void 0:a.getAllShoppingCard)==null?void 0:R.productFood)||{},_e=(($=a==null?void 0:a.getAllShoppingCard)==null?void 0:$.cantProducts)*a.getAllShoppingCard.priceProduct||0,x=((H=(G=a==null?void 0:a.getAllShoppingCard)==null?void 0:G.comments)==null?void 0:H.length)>0;return n("div",{children:[n(V,{onClick:()=>{},children:[e(j,{size:30}),n("div",{className:"info-sales",children:[n("span",{children:["Cantidad: ",(B=a==null?void 0:a.getAllShoppingCard)==null?void 0:B.cantProducts]}),n("span",{children:["total: ",Q(_e)]})]})]}),s.createElement(J,{...l,ProDescription:l.ProDescription,ProDescuento:l.ProDescuento,ProImage:l.ProImage,ProPrice:l.ProPrice,ProQuantity:l.ProQuantity,ValueDelivery:l.ValueDelivery,activeComment:x,asComment:x,buttonComment:x,edit:!1,free:!l.ProPrice,handleComment:()=>{var F;return y(l,(F=a==null?void 0:a.getAllShoppingCard)==null?void 0:F.comments)},key:l.pId,margin:"20px 0 0 0",onClick:()=>(re(l.pId??null,a.ShoppingCard??null),ne(!0)),pName:l.pName,render:e(j,{size:"20px"}),tag:!1})]},d)})})})]}),n("div",{className:"modal--section__sec",children:[Z&&n(v,{position:"relative",children:[e(De,{backgroundColor:qe,borderRadius:"2px",color:"#ffffff",onClick:N,padding:"5px",width:"90%",children:me[D]}),e(v,{children:q&&e(C,{children:Ce.map(a=>e("div",{className:"option",onClick:()=>be(a.value,f),children:a.label},a.value))})})]}),e(v,{children:n(_,{children:[e("div",{className:"header-detail",children:e(o,{fontSize:"14px",children:"Detalles"})}),n("div",{className:"header-responsible",children:[e(o,{fontSize:"14px",children:"Responsable"}),e(o,{fontSize:"14px",children:t==null?void 0:t.storeName})]}),n("div",{className:"header-responsible",children:[e(o,{fontSize:"14px",children:"Codigo"}),e(o,{fontSize:"14px",children:f})]}),n("div",{className:"header-responsible",children:[e(o,{fontSize:"14px",children:"Ubicacion"}),e(o,{fontSize:"14px",children:`${se??""} - ${ce??""} - ${pe??""} - ${ue??""}`})]}),n("div",{className:"header-responsible",children:[e(o,{fontSize:"14px",children:"Canal"}),e(o,{fontSize:"14px",children:le?"RESTAURANTE":"DELIVERY-APP"})]}),!!A&&n("div",{className:"header-responsible",children:[e(o,{fontSize:"14px",children:"Cambio"}),e(o,{fontSize:"14px",children:Q(A)})]}),e(Ne,{href:`${Ie}/delivery/${(k=(T=t==null?void 0:t.city)==null?void 0:T.cName)==null?void 0:k.toLocaleLowerCase()}-${(O=(E=t==null?void 0:t.department)==null?void 0:E.dName)==null?void 0:O.toLocaleLowerCase()}/${(W=(L=t==null?void 0:t.storeName)==null?void 0:L.replace(/\s/g,"-"))==null?void 0:W.toLocaleLowerCase()}/${t==null?void 0:t.idStore}`,children:e(o,{margin:"12px 0 0 5px",size:"19px",children:(t==null?void 0:t.storeName)??""})}),n("div",{className:"header-responsible",children:[e(o,{fontSize:"14px",children:"Total"}),e(o,{fontSize:"14px",children:ee})]}),n("div",{className:"header-responsible",children:[e(o,{fontSize:"14px",children:"Metodo de pago"}),e(o,{fontSize:"14px",children:ie===0?"EFECTIVO":"TRANSFERENCIA"})]}),m?n("div",{className:"header-responsible",children:[e(o,{fontSize:"14px",children:"Fecha de creacion"}),e(o,{fontSize:"14px",children:m?`${fe} - ${ge} - ${he}`:null})]}):null]})})]})]})})]})};c.propTypes={handleChangeState:r.func,dataModal:r.shape({change:r.any,channel:r.any,getAllPedidoStore:r.shape({map:r.func}),locationUser:r.func,pCodeRef:r.any,pSState:r.any,payMethodPState:r.number}),dataStore:r.shape({city:r.shape({cName:r.shape({toLocaleLowerCase:r.func})}),department:r.shape({dName:r.shape({toLocaleLowerCase:r.func})}),idStore:r.any,storeName:r.string}),edit:r.bool,handleModalItem:r.func,handleOpenActions:r.func,isClient:r.bool,loading:r.bool,onClose:r.func,onPress:r.func,openAction:r.bool,pDatCre:r.object,saleError:r.any,saleGroup:r.any,saleKey:r.any,setModalItem:r.func,totalProductsPrice:r.number};const Y=Ve.memo(c);try{c.displayName="MemoModalDetailOrder",c.__docgenInfo={description:"",displayName:"MemoModalDetailOrder",props:{dataModal:{defaultValue:{value:"{}"},description:"",name:"dataModal",required:!1,type:{name:"{}"}},dataStore:{defaultValue:null,description:"",name:"dataStore",required:!0,type:{name:"any"}},pDatCre:{defaultValue:null,description:"",name:"pDatCre",required:!0,type:{name:"any"}},saleError:{defaultValue:null,description:"",name:"saleError",required:!0,type:{name:"any"}},saleKey:{defaultValue:null,description:"",name:"saleKey",required:!0,type:{name:"any"}},saleGroup:{defaultValue:null,description:"",name:"saleGroup",required:!0,type:{name:"any"}},openAction:{defaultValue:{value:"false"},description:"",name:"openAction",required:!1,type:{name:"boolean"}},isClient:{defaultValue:{value:"false"},description:"",name:"isClient",required:!1,type:{name:"boolean"}},edit:{defaultValue:{value:"true"},description:"",name:"edit",required:!1,type:{name:"boolean"}},totalProductsPrice:{defaultValue:{value:"0"},description:"",name:"totalProductsPrice",required:!1,type:{name:"number"}},loading:{defaultValue:{value:"false"},description:"",name:"loading",required:!1,type:{name:"boolean"}},handleOpenActions:{defaultValue:{value:`() => {\r
return\r
}`},description:"",name:"handleOpenActions",required:!1,type:{name:"(() => void)"}},handleModalItem:{defaultValue:{value:`() => {\r
return\r
}`},description:"",name:"handleModalItem",required:!1,type:{name:"(() => void)"}},setModalItem:{defaultValue:{value:`() => {\r
return\r
}`},description:"",name:"setModalItem",required:!1,type:{name:"(() => void)"}},handleChangeState:{defaultValue:{value:`() => {\r
return\r
}`},description:"",name:"handleChangeState",required:!1,type:{name:"(() => void)"}},onPress:{defaultValue:{value:`() => {\r
return\r
}`},description:"",name:"onPress",required:!1,type:{name:"(() => void)"}},onClose:{defaultValue:{value:`() => {\r
return\r
}`},description:"",name:"onClose",required:!1,type:{name:"(() => void)"}}}}}catch{}try{Y.displayName="ModalDetailOrder",Y.__docgenInfo={description:"",displayName:"ModalDetailOrder",props:{dataModal:{defaultValue:{value:"{}"},description:"",name:"dataModal",required:!1,type:{name:"{}"}},dataStore:{defaultValue:null,description:"",name:"dataStore",required:!0,type:{name:"any"}},pDatCre:{defaultValue:null,description:"",name:"pDatCre",required:!0,type:{name:"any"}},saleError:{defaultValue:null,description:"",name:"saleError",required:!0,type:{name:"any"}},saleKey:{defaultValue:null,description:"",name:"saleKey",required:!0,type:{name:"any"}},saleGroup:{defaultValue:null,description:"",name:"saleGroup",required:!0,type:{name:"any"}},openAction:{defaultValue:{value:"false"},description:"",name:"openAction",required:!1,type:{name:"boolean"}},isClient:{defaultValue:{value:"false"},description:"",name:"isClient",required:!1,type:{name:"boolean"}},edit:{defaultValue:{value:"true"},description:"",name:"edit",required:!1,type:{name:"boolean"}},totalProductsPrice:{defaultValue:{value:"0"},description:"",name:"totalProductsPrice",required:!1,type:{name:"number"}},loading:{defaultValue:{value:"false"},description:"",name:"loading",required:!1,type:{name:"boolean"}},handleOpenActions:{defaultValue:{value:`() => {\r
return\r
}`},description:"",name:"handleOpenActions",required:!1,type:{name:"(() => void)"}},handleModalItem:{defaultValue:{value:`() => {\r
return\r
}`},description:"",name:"handleModalItem",required:!1,type:{name:"(() => void)"}},setModalItem:{defaultValue:{value:`() => {\r
return\r
}`},description:"",name:"setModalItem",required:!1,type:{name:"(() => void)"}},handleChangeState:{defaultValue:{value:`() => {\r
return\r
}`},description:"",name:"handleChangeState",required:!1,type:{name:"(() => void)"}},onPress:{defaultValue:{value:`() => {\r
return\r
}`},description:"",name:"onPress",required:!1,type:{name:"(() => void)"}},onClose:{defaultValue:{value:`() => {\r
return\r
}`},description:"",name:"onClose",required:!1,type:{name:"(() => void)"}}}}}catch{}export{c as M};