https://www.jovapos.com/_next/static/chunks/pages/transaction/deli…/detail/[id]/invoice-559b619c86f4589f.js

1try{let e="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof globalThis?globalThis:"undefined"!=typeof self?self:{},n=(new e.Error).stack;n&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[n]="2494b7c1-98b2-4899-b73b-7aad8eb47f3c",e._sentryDebugIdIdentifier="sentry-dbid-2494b7c1-98b2-4899-b73b-7aad8eb47f3c")}catch(e){}(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[2882],{86271:(e,n,a)=>{(window.__NEXT_P=window.__NEXT_P||[]).push(["/transaction/delivery-order/detail/[id]/invoice",function(){return a(87753)}])},14525:(e,n,a)=>{"use strict";a.d(n,{$Z:()=>h,Q2:()=>v,d4:()=>m,kj:()=>j,p7:()=>p,uM:()=>f});var t=a(84577),r=a(2135);function l(){let e=(0,t._)(["\n	fragment DeliveryOrder on DeliveryOrder {\n		id\n		project_id\n		outlet_id\n		approver_id\n		transaction_id\n		member_id\n		customer_id\n		number\n		status\n		approval_status\n		approved_date\n		address\n		date\n		description\n		created_at\n		updated_at\n		employee {\n			id\n			name\n		}\n		transaction {\n			id\n			number\n			transaction_product {\n				id\n				product_name\n				quantity\n			}\n		}\n		delivery_order_product {\n			id\n			quantity\n			description\n			transaction_product {\n				unit {\n					id\n					name\n				}\n				product_name\n				price\n				variant {\n					id\n					name\n					product {\n						id\n						name\n					}\n				}\n			}\n		}\n		deleted_at\n		outlet {\n			id\n			name\n		}\n		customer {\n			id\n			name\n			phone\n			address\n		}\n		member {\n			id\n			name\n			phone\n		}\n	}\n"]);return l=function(){return e},e}function s(){let e=(0,t._)(["\n	query Delivery_order($filter: FilterDeliveryOrderInput, $limit: Int, $page: Int) {\n		delivery_order {\n			delivery_orders(filter: $filter, limit: $limit, page: $page) {\n				total_data\n				page\n				limit\n				nodes {\n					...DeliveryOrder\n				}\n			}\n		}\n	}\n	","\n"]);return s=function(){return e},e}function i(){let e=(0,t._)(["\n	query DetailDelivery($id: ID!) {\n		delivery_order {\n			delivery_order(id: $id) {\n				...DeliveryOrder\n			}\n		}\n	}\n	","\n"]);return i=function(){return e},e}function d(){let e=(0,t._)(["\n	mutation createDO($input: InputDeliveryOrder!) {\n		delivery_order {\n			create_delivery_order(input: $input) {\n				...DeliveryOrder\n			}\n		}\n	}\n	","\n"]);return d=function(){return e},e}function c(){let e=(0,t._)(["\n	mutation updateDo($id: ID!, $input: EditDeliveryOrder!) {\n		delivery_order {\n			update_delivery_order(input: $input, id: $id) {\n				...DeliveryOrder\n			}\n		}\n	}\n	","\n"]);return c=function(){return e},e}function o(){let e=(0,t._)(["\n	mutation approveDo($id: ID!, $status: ApprovalStatus!) {\n		delivery_order {\n			update_approval(id: $id, status: $status) {\n				id\n				project_id\n				status\n			}\n		}\n	}\n"]);return o=function(){return e},e}function x(){let e=(0,t._)(["\n	mutation updateStatus($id: ID!, $status: DeliveryOrderStatus!) {\n		delivery_order {\n			update_status(id: $id, status: $status) {\n				id\n				project_id\n				status\n			}\n		}\n	}\n"]);return x=function(){return e},e}let u=(0,r.J1)(l()),f=(0,r.J1)(s(),u),m=(0,r.J1)(i(),u),p=(0,r.J1)(d(),u),j=(0,r.J1)(c(),u),v=(0,r.J1)(o()),h=(0,r.J1)(x())},87753:(e,n,a)=>{"use strict";a.r(n),a.d(n,{default:()=>u});var t=a(74848),r=a(45703),l=a.n(r),s=a(14525),i=a(84750),d=a(77969),c=a(32578),o=a(86715),x=a(96540);let u=()=>{var e,n,a,r,u;let f=(0,c.useTranslations)("GeneralTranslate"),m=(0,x.useRef)(),p=(0,o.useRouter)(),[j,{data:v,loading:h,error:b}]=(0,d._)(s.d4,{variables:{id:p.query.id}});return(0,x.useEffect)(()=>{p.query.id&&j()},[p.query.id]),(0,t.jsxs)("div",{className:"bg-gray-100 min-h-screen print:min-h-full  print:bg-white pt-10",children:[(0,t.jsxs)("div",{className:"flex justify-between w-[210mm] mx-auto bg-white px-10 pt-8 print:hidden",children:[(0,t.jsx)("div",{className:"flex items-center gap-8"}),(0,t.jsxs)("button",{disabled:h,onClick:()=>window.print(),className:"flex items-center gap-3 text-white focus:outline-none bg-blue-700 px-6 py-2 rounded-lg",children:[(0,t.jsx)("svg",{width:"11",height:"9",viewBox:"0 0 11 9",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:"w-auto h-4",children:(0,t.jsx)("path",{d:"M3.3 9C2.9975 9 2.73863 8.90217 2.5234 8.7065C2.30817 8.51083 2.20037 8.27533 2.2 8V7H1.1C0.7975 7 0.538633 6.90217 0.3234 6.7065C0.108167 6.51083 0.000366667 6.27533 0 6V4C0 3.575 0.160417 3.21883 0.48125 2.9315C0.802083 2.64417 1.19167 2.50033 1.65 2.5H9.35C9.8175 2.5 10.2095 2.64383 10.5259 2.9315C10.8423 3.21917 11.0004 3.57533 11 4V6C11 6.275 10.8924 6.5105 10.6771 6.7065C10.4619 6.9025 10.2029 7.00033 9.9 7H8.8V8C8.8 8.275 8.69238 8.5105 8.47715 8.7065C8.26192 8.9025 8.00287 9.00033 7.7 9H3.3ZM8.8 2H2.2V1C2.2 0.725 2.3078 0.489667 2.5234 0.294C2.739 0.0983333 2.99787 0.000333333 3.3 0H7.7C8.0025 0 8.26155 0.098 8.47715 0.294C8.69275 0.49 8.80037 0.725333 8.8 1V2ZM8.8 4.75C8.95583 4.75 9.08655 4.702 9.19215 4.606C9.29775 4.51 9.35037 4.39133 9.35 4.25C9.34963 4.10867 9.29683 3.99 9.1916 3.894C9.08637 3.798 8.95583 3.75 8.8 3.75C8.64417 3.75 8.51363 3.798 8.4084 3.894C8.30317 3.99 8.25037 4.10867 8.25 4.25C8.24963 4.39133 8.30243 4.51017 8.4084 4.6065C8.51437 4.70283 8.6449 4.75067 8.8 4.75ZM3.3 8H7.7V6H3.3V8Z",fill:"white"})}),(0,t.jsx)("p",{children:f("Print")})]})]}),(0,t.jsxs)("div",{ref:m,className:"jsx-37e48798eaa5f4c2  w-[210mm] print:w-[210mm] dot-matrix-print print:py-[5mm] p-10 text-base bg-white text-black mx-auto",children:[(0,t.jsx)(l(),{id:"37e48798eaa5f4c2",children:"@media print{@page{size:242mm 139mm;margin:5mm}html,body{width:242mm;margin:0;font-size:12px;padding:0;font-family:monospace;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}#print-area{width:242mm;page-break-after:auto;font-size:13px}#content,#print-area{padding-bottom:0}.print-section{page-break-inside:avoid;page-break-after:auto}table{font-size:12px}.no-print{display:none!important}}"}),(0,t.jsxs)("div",{className:"jsx-37e48798eaa5f4c2 text-base",children:[(0,t.jsxs)("div",{className:"jsx-37e48798eaa5f4c2 flex justify-between",children:[(0,t.jsxs)("div",{className:"jsx-37e48798eaa5f4c2 ",children:[(0,t.jsx)("p",{className:"jsx-37e48798eaa5f4c2 text-gray-500",children:"".concat(f("Dear")," :")}),(0,t.jsx)("p",{className:"jsx-37e48798eaa5f4c2",children:"Bapak / Ibu ".concat((null==v?void 0:v.delivery_order.delivery_order.customer)?null==v?void 0:v.delivery_order.delivery_order.customer.name:(null==v?void 0:v.delivery_order.delivery_order.member)?null==v?void 0:v.delivery_order.delivery_order.member.name:"-")})]}),(0,t.jsxs)("div",{className:"jsx-37e48798eaa5f4c2 flex flex-col gap-3",children:[(0,t.jsx)("p",{className:"jsx-37e48798eaa5f4c2 text-3xl uppercase",children:f("Travel Document")}),(0,t.jsxs)("div",{className:"jsx-37e48798eaa5f4c2 flex gap-2",children:[(0,t.jsxs)("div",{className:"jsx-37e48798eaa5f4c2",children:[(0,t.jsx)("p",{className:"jsx-37e48798eaa5f4c2",children:f("Date")}),(0,t.jsx)("p",{className:"jsx-37e48798eaa5f4c2",children:f("DO Number")}),(0,t.jsx)("p",{className:"jsx-37e48798eaa5f4c2",children:f("Employee")}),(0,t.jsx)("p",{className:"jsx-37e48798eaa5f4c2",children:f("Location")})]}),(0,t.jsxs)("div",{className:"jsx-37e48798eaa5f4c2",children:[(0,t.jsx)("p",{className:"jsx-37e48798eaa5f4c2 font-light text-black",children:"".concat((0,i.Gl)(null==v?void 0:v.delivery_order.delivery_order.date)||"-")}),(0,t.jsx)("p",{className:"jsx-37e48798eaa5f4c2 font-light text-black",children:": ".concat((null==v?void 0:v.delivery_order.delivery_order.number)||"-")}),(0,t.jsx)("p",{className:"jsx-37e48798eaa5f4c2 font-light text-black",children:": ".concat((null==v?void 0:null===(e=v.delivery_order.delivery_order.employee)||void 0===e?void 0:e.name)||"-")}),(0,t.jsx)("p",{className:"jsx-37e48798eaa5f4c2 font-light text-black",children:": ".concat(null!==(u=null==v?void 0:v.delivery_order.delivery_order.address)&&void 0!==u?u:"-")})]})]})]})]}),(0,t.jsxs)("div",{className:"jsx-37e48798eaa5f4c2 pt-10",children:[(0,t.jsxs)("table",{className:"jsx-37e48798eaa5f4c2 table-auto w-full text-base text-gray-700",children:[(0,t.jsx)("thead",{className:"jsx-37e48798eaa5f4c2",children:(0,t.jsxs)("tr",{className:"jsx-37e48798eaa5f4c2  text-left border-b-2 border-black",children:[(0,t.jsx)("th",{className:"jsx-37e48798eaa5f4c2 px-4 py-2 font-normal",children:"NO"}),(0,t.jsx)("th",{className:"jsx-37e48798eaa5f4c2 px-4 py-2 font-normal",children:f("Product Name")}

1),(0,t.jsx)("th",{className:"jsx-37e48798eaa5f4c2 px-4 py-2 font-normal",children:f("Quantity")}),(0,t.jsx)("th",{className:"jsx-37e48798eaa5f4c2 px-4 py-2 font-normal",children:"".concat(f("Description"))})]})}),(0,t.jsx)("tbody",{className:"jsx-37e48798eaa5f4c2",children:null==v?void 0:null===(r=v.delivery_order)||void 0===r?void 0:null===(a=r.delivery_order)||void 0===a?void 0:null===(n=a.delivery_order_product)||void 0===n?void 0:n.map((e,n)=>{var a,r;return(0,t.jsxs)("tr",{className:"jsx-37e48798eaa5f4c2 border-b border-b-black",children:[(0,t.jsx)("td",{className:"jsx-37e48798eaa5f4c2 px-4 py-2",children:"".concat(n+1)}),(0,t.jsx)("td",{className:"jsx-37e48798eaa5f4c2 px-4 py-2",children:"".concat(e.transaction_product.product_name," - ").concat(null===(a=e.transaction_product.variant)||void 0===a?void 0:a.name)}),(0,t.jsx)("td",{className:"jsx-37e48798eaa5f4c2 px-4 py-2",children:"".concat(e.quantity," ").concat(null===(r=e.transaction_product.unit)||void 0===r?void 0:r.name)}),(0,t.jsx)("td",{className:"jsx-37e48798eaa5f4c2 px-4 py-2",children:(null==e?void 0:e.description)||"-"})]},n)})})]}),(0,t.jsxs)("div",{className:"jsx-37e48798eaa5f4c2 flex items-start gap-8 pt-4 print-section",children:[(0,t.jsxs)("div",{className:"jsx-37e48798eaa5f4c2 flex flex-col w-4/12 items-center gap-20 pt-8 print:text-black text-gray-600",children:[(0,t.jsx)("div",{className:"jsx-37e48798eaa5f4c2 flex flex-col items-center w-full text-black",children:(0,t.jsx)("p",{className:"jsx-37e48798eaa5f4c2",children:"".concat(f("Received By"),":")})}),(0,t.jsx)("div",{className:"jsx-37e48798eaa5f4c2 w-full text-center justify-between flex",children:(0,t.jsx)("p",{className:"jsx-37e48798eaa5f4c2 border-b border-black w-full",children:""})})]}),(0,t.jsxs)("div",{className:"jsx-37e48798eaa5f4c2 flex flex-col w-4/12 items-center gap-20 pt-8 print:text-black text-gray-600",children:[(0,t.jsx)("div",{className:"jsx-37e48798eaa5f4c2 flex flex-col items-center w-full text-black",children:(0,t.jsx)("p",{className:"jsx-37e48798eaa5f4c2",children:"".concat(f("Sent By"),":")})}),(0,t.jsx)("div",{className:"jsx-37e48798eaa5f4c2 w-full text-center justify-between flex",children:(0,t.jsx)("p",{className:"jsx-37e48798eaa5f4c2 border-b border-black w-full",children:""})})]}),(0,t.jsxs)("div",{className:"jsx-37e48798eaa5f4c2 flex flex-col w-4/12 items-center gap-20 pt-8 print:text-black text-gray-600",children:[(0,t.jsx)("div",{className:"jsx-37e48798eaa5f4c2 flex flex-col items-center w-full text-black",children:(0,t.jsx)("p",{className:"jsx-37e48798eaa5f4c2",children:"".concat(f("Checked By"),":")})}),(0,t.jsx)("div",{className:"jsx-37e48798eaa5f4c2 w-full text-center justify-between flex",children:(0,t.jsx)("p",{className:"jsx-37e48798eaa5f4c2 border-b border-black w-full",children:""})})]}),(0,t.jsxs)("div",{className:"jsx-37e48798eaa5f4c2 flex flex-col w-4/12 items-center gap-20 pt-8 print:text-black text-gray-600",children:[(0,t.jsx)("div",{className:"jsx-37e48798eaa5f4c2 flex flex-col items-center w-full text-black",children:(0,t.jsx)("p",{className:"jsx-37e48798eaa5f4c2",children:"".concat(f("Best Regards"),":")})}),(0,t.jsx)("div",{className:"jsx-37e48798eaa5f4c2 w-full text-center justify-between flex",children:(0,t.jsx)("p",{className:"jsx-37e48798eaa5f4c2 border-b border-black w-full",children:""})})]})]})]})]})]})]})}},84750:(e,n,a)=>{"use strict";a.d(n,{$i:()=>d,$z:()=>l,AX:()=>o,Fl:()=>s,Gl:()=>c,Hi:()=>p,Pl:()=>y,Ut:()=>i,cD:()=>h,cd:()=>j,kN:()=>N,kh:()=>b,nw:()=>_,o2:()=>x,sm:()=>u,xh:()=>m,xs:()=>f,yJ:()=>v});var t=a(95093),r=a.n(t);let l=(e,n)=>e.reduce((e,a)=>((e[a[n]]=e[a[n]]||[]).push(a),e),{}),s=[{value:0,label:"AVERAGE"},{value:1,label:"FIFO"},{value:2,label:"LIFO"}];function i(e){return!!e.match(/^[a-zA-Z0-9.!#$%&'*+/=?^_`{|}~-]+@[a-zA-Z0-9-]+(?:\.[a-zA-Z0-9-]+)*$/)||!e.match(/^[0-9]*$/)&&void 0}function d(e){let n=new Date(e).toLocaleDateString("id-ID").split("/");return 1===n[0].length&&1===n[1].length?(n[1]="0"+n[1],n[0]="0"+n[0]):1===n[0].length&&2===n[1].length?n[0]="0"+n[0]:2===n[0].length&&1===n[1].length&&(n[1]="0"+n[1]),n.reverse().join("-")}let c=e=>{try{return new Date(e).toLocaleDateString("id-ID",{day:"numeric",year:"numeric",month:"short"})}catch(n){return e}},o=e=>{let n=new Date(e);return r()(n).format("dddd")},x=e=>{let n=new Date(e);return r()(n).format("dddd, DD MMMM YYYY")},u=e=>{let n=new Date(e);return r()(n).format("dddd, DD MMMM YYYY hh:mm A")},f=e=>{let n=new Date(e);return r()(n).format("LT")},m=e=>

1new Date(e).toLocaleString("en-US",{hour:"numeric",minute:"numeric",hour12:!0}),p=e=>{let n=new Date(e);return r()(n).format("MM/D/YYYY LT")};function j(e,n){return Object.keys(e).find(a=>e[a]===n)}let v={1:"#9ca3af",2:"#FF58C6",3:"#8D58FF",4:"#FF9E58"},h={1:"#9ca3af",2:"#A4377F",3:"#5321BF",4:"#A75921"},b={1:"Trial ",2:"Basic",3:"Pro",4:"Advance"},y={0:"On Progress",1:"Completed",2:"Canceled",3:"Expired"};function _(e){if(e>=1e6){let n=(e/1e6).toFixed(2);return n.endsWith(".00")&&(n=n.slice(0,-2)),"".concat(n,"jt")}return e>=1e3?Math.ceil(e/1e3)+"rb":e}let N={0:"TIKTOK",1:"INSTAGRAM",2:"FACEBOOK",3:"YOUTUBE",4:"WHATSAPP"}}},e=>{var n=n=>e(e.s=n);e.O(0,[3197,9190,2751,636,6593,8792],()=>n(86271)),_N_E=e.O()}]);