https://exinopk.netlify.app/_next/static/chunks/pages/checkout-b77d146f112a064d.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[222],{5338:function(e,s,a){(window.__NEXT_P=window.__NEXT_P||[]).push(["/checkout",function(){return a(4349)}])},4349:function(e,s,a){"use strict";a.r(s),a.d(s,{default:function(){return d}});var l=a(5893),t=a(7294);var r=function(e){var s=e.type,a=e.placeholder,r=(0,t.useState)(!1),i=r[0],n=r[1];return(0,l.jsxs)("div",{className:"relative w-full min-h-[40px] items-center flex border border-[#585858]",children:[(0,l.jsx)("input",{onBlur:function(){return n(!i)},onFocus:function(){return n(!i)},className:"w-full p-[5px_15px] text-[16px] min-h-[40px] border bg-transparent outline-none ",type:s,required:!0}),(0,l.jsx)("span",{className:"absolute ".concat(i&&"-translate-y-5 text-[12px]","  transition-all duration-300 text-sm bg-white px-1 left-[10px] pointer-events-none capitalize "),children:a})]})},i=a(1551),n=a.n(i);var d=function(){var e=(0,t.useState)(1),s=e[0],a=e[1],i=(0,t.useState)(!1),d=i[0],c=i[1],x=(0,t.useState)(1),m=x[0],p=x[1];return(0,l.jsx)("div",{children:(0,l.jsxs)("div",{className:"container",children:[(0,l.jsxs)("div",{className:"max-md:px-5 mt-[40px] flex max-md:flex-col-reverse justify-around",children:[(0,l.jsxs)("div",{className:"left basis-1/2",children:[(0,l.jsxs)("div",{children:[(0,l.jsx)("div",{className:"text-[15px] bg-[#fafafa] tracking-[1px] border-t border-r border-l border-[rgba(0,0,0,.5)] p-[15px] font-bold",children:"SHIPPING"}),(0,l.jsxs)("div",{className:"p-[20px] border-[rgba(0,0,0,.5)] border",children:[(0,l.jsx)("h3",{className:"text-sm font-semibold mb-[15px]",children:"Enter Shipping Address"}),(0,l.jsxs)("form",{action:"",className:"md:max-w-[300px]",children:[(0,l.jsx)("div",{className:"my-[15px]",children:(0,l.jsx)(r,{type:"text",placeholder:"Recipient Full Name"})}),(0,l.jsx)("div",{className:"my-[15px]",children:(0,l.jsx)(r,{type:"text",placeholder:"Country"})}),(0,l.jsx)("div",{className:"my-[15px]",children:(0,l.jsx)(r,{type:"text",placeholder:"Street Address"})}),(0,l.jsx)("div",{className:"my-[15px]",children:(0,l.jsx)(r,{type:"text",placeholder:"Apt, Suite, Unit, Building"})}),(0,l.jsx)("div",{className:"my-[15px]",children:(0,l.jsx)(r,{type:"text",placeholder:"City"})}),(0,l.jsx)("div",{className:"my-[15px]",children:(0,l.jsx)(r,{type:"text",placeholder:"State"})}),(0,l.jsx)("div",{className:"my-[15px]",children:(0,l.jsx)(r,{type:"text",placeholder:"Zip Code"})}),(0,l.jsx)("div",{className:"my-[15px]",children:(0,l.jsx)(r,{type:"text",placeholder:"Phone Number"})})]})]})]}),(0,l.jsxs)("div",{className:"mt-5",children:[(0,l.jsx)("div",{className:"text-[15px] bg-[#fafafa] tracking-[1px] border-t border-r border-l border-[rgba(0,0,0,.5)] p-[15px] font-bold",children:"SHIPPING"}),(0,l.jsxs)("div",{className:"p-[20px] border-[rgba(0,0,0,.5)] border",children:[(0,l.jsxs)("div",{onChange:function(e){return a(e.target.value)},children:[(0,l.jsxs)("div",{className:"mb-[5px]",children:[(0,l.jsx)("input",{type:"radio",name:"billing",id:"sameBilling",value:1,checked:1==s,readOnly:!0}),(0,l.jsx)("label",{htmlFor:"sameBilling",className:"text-sm ml-2",children:"Same as shipping address"})]}),(0,l.jsxs)("div",{children:[(0,l.jsx)("input",{type:"radio",name:"billing",id:"differentBilling",value:2,checked:2==s,readOnly:!0}),(0,l.jsx)("label",{htmlFor:"differentBilling",className:"text-sm ml-2",children:"Use a different billing address"})]})]}),2==s&&(0,l.jsxs)("form",{action:"",className:"md:max-w-[300px]",children:[(0,l.jsx)("h3",{className:"text-sm font-semibold my-[15px]",children:"Enter Shipping Address"}),(0,l.jsx)("div",{className:"my-[15px]",children:(0,l.jsx)(r,{type:"text",placeholder:"Name"})}),(0,l.jsx)("div",{className:"my-[15px]",children:(0,l.jsx)(r,{type:"text",placeholder:"Country"})}),(0,l.jsx)("div",{className:"my-[15px]",children:(0,l.jsx)(r,{type:"text",placeholder:"Street Address"})}),(0,l.jsx)("div",{className:"my-[15px]",children:(0,l.jsx)(r,{type:"text",placeholder:"Apt, Suite, Unit, Building"})}),(0,l.jsx)("div",{className:"my-[15px]",children:(0,l.jsx)(r,{type:"text",placeholder:"City"})}),(0,l.jsx)("div",{className:"my-[15px]",children:(0,l.jsx)(r,{type:"text",placeholder:"State"})}),(0,l.jsx)("div",{className:"my-[15px]",children:(0,l.jsx)(r,{type:"text",placeholder:"Zip Code"})})]})]})]}),(0,l.jsxs)("div",{className:"mt-5",children:[(0,l.jsxs)("div",{className:"text-[15px] bg-[#fafafa] tracking-[1px] border border-[rgba(0,0,0,.5)] p-[15px] font-bold flex justify-between items-center",onClick:function(){return c(!d)},children:[(0,l.jsx)("span",{children:"STORE CREDIT"}),d?(0,l.jsx)("span",{className:"icon-t text-xs before:content-['\\e900']"}):(0,l.jsx)("span",{className:"icon-t text-xs before:content-['\\e901']"})]}),d&&(0,l.jsxs)("div",{className:"p-[20px] border-t-transparent border-[rgba(0,0,0,.5)] border",children:[(0,l.jsx)("div",{className:"text-sm mb-[10px]",children:"Insert your 16 digit voucher co

1de"}),(0,l.jsxs)("div",{className:"flex md:w-[80%]",children:[(0,l.jsx)(r,{type:"text",placeholder:"Code"}),(0,l.jsx)("button",{className:"bg-black text-white px-[15px] tracking-[2.8px] ml-5",children:"Apply"})]})]})]}),(0,l.jsxs)("div",{className:"mt-5",children:[(0,l.jsx)("div",{className:"text-[15px] bg-[#fafafa] tracking-[1px] border-t border-r border-l border-[rgba(0,0,0,.5)] p-[15px] font-bold",children:"PAYMENT"}),(0,l.jsxs)("div",{className:"p-[20px] border-[rgba(0,0,0,.5)] border",children:[(0,l.jsx)("div",{className:"text-sm font-bold",children:"Payment Type:"}),(0,l.jsxs)("div",{children:[(0,l.jsxs)("div",{className:"flex my-4",children:[(0,l.jsx)("input",{type:"radio",name:"payment",id:"creditCard",value:1,checked:1==m,readOnly:!0,onClick:function(e){return p(e.target.value)}}),(0,l.jsxs)("label",{htmlFor:"creditCard",className:"flex ml-2 items-center",children:[(0,l.jsx)("span",{children:"Credit Card"}),(0,l.jsxs)("div",{children:[(0,l.jsx)("img",{className:"inline-block ml-2",src:"https://oakandluna.tenengroup.com/images/mobile/small/Visa36x20.png",alt:"Visa",title:"Visa","data-paymentname":"visa"}),(0,l.jsx)("img",{className:"inline-block ml-1",src:"https://oakandluna.tenengroup.com/images/mobile/small/amex.png",alt:"American Express",title:"American Express","data-paymentname":"amex"}),(0,l.jsx)("img",{className:"inline-block ml-1",src:"https://oakandluna.tenengroup.com/images/mobile/small/diners.png",alt:"Diners",title:"Diners","data-paymentname":"dinersclub"}),(0,l.jsx)("img",{className:"inline-block ml-1",src:"https://oakandluna.tenengroup.com/images/mobile/small/discover.png",alt:"Discover",title:"Discover","data-paymentname":"discover"}),(0,l.jsx)("img",{className:"inline-block ml-1",src:"https://oakandluna.tenengroup.com/images/mobile/small/mastercard.png",alt:"MasterCard",title:"MasterCard","data-paymentname":"mastercard"})]})]})]}),1==m&&(0,l.jsx)("div",{children:(0,l.jsxs)("div",{className:"m-[0_20px_20px_20px] p-[10px] bg-[#fafafa] border border-[#F9C8D3]",children:[(0,l.jsx)("div",{className:"text-sm font-medium pb-[10px]",children:"Please fill in your payment information:"}),(0,l.jsxs)("div",{children:[(0,l.jsx)("div",{className:"text-sm my-[5px]",children:"Credit Card Number"}),(0,l.jsx)("input",{type:"text",className:"md:w-[320px] w-full p-[5px] border border-[rgba(0,0,0,.5)] focus:outline-none"})]}),(0,l.jsxs)("div",{children:[(0,l.jsx)("div",{className:"text-sm my-[5px]",children:"Expiration Date"}),(0,l.jsxs)("div",{children:[(0,l.jsx)("input",{type:"text",className:"w-10 p-[5px] border border-[rgba(0,0,0,.5)] focus:outline-none",placeholder:"MM"})," ","/"," ",(0,l.jsx)("input",{type:"text",className:"w-10 p-[5px] border border-[rgba(0,0,0,.5)] focus:outline-none",placeholder:"YY"})]})]}),(0,l.jsxs)("div",{children:[(0,l.jsx)("div",{className:"text-sm my-[5px]",children:"Security Code"}),(0,l.jsx)("input",{type:"text",className:"w-[100px] p-[5px] border border-[rgba(0,0,0,.5)] focus:outline-none"})]})]})}),(0,l.jsxs)("div",{className:"flex my-4",children:[(0,l.jsx)("input",{type:"radio",name:"payment",id:"paypal",value:2,checked:2==m,readOnly:!0,onClick:function(e){return p(e.target.value)}}),(0,l.jsxs)("label",{htmlFor:"paypal",className:"flex ml-2 items-center",children:[(0,l.jsx)("span",{children:"Paypal"}),(0,l.jsx)("div",{children:(0,l.jsx)("img",{className:"inline-block ml-2",src:"https://secure.tenengroup.com/Images/mobile/big/paypal.png",alt:"Visa",title:"Visa","data-paymentname":"visa"})})]})]})]})]})]})]}),(0,l.jsxs)("div",{className:"basis-[40%] max-md:mb-5",children:[(0,l.jsx)("div",{className:"text-[15px] bg-[#fafafa] tracking-[1px] border-t border-r border-l border-[rgba(0,0,0,.5)] p-[15px] font-bold",children:"ORDER SUMMARY"}),(0,l.jsxs)("div",{className:"p-[20px] border-[rgba(0,0,0,.5)] border",children:[(0,l.jsxs)("div",{className:"flex border-b pb-2",children:[(0,l.jsxs)("div",{className:"flex",children:[(0,l.jsx)("img",{src:"https://cdn.oakandluna.com/images/Products/m_med_110-01-3054-01.jpg",width:70,height:70,alt:""}),(0,l.jsx)("div",{className:"text-xs ml-2",children:"IVY NAME PAPERCLIP CHAIN NECKLACE - ROSE GOLD VERMEIL"})]}),(0,l.jsx)("div",{className:"ml-2 text-sm",children:"$260"})]}),(0,l.jsxs)("div",{className:"flex justify-between mt-[10px]",children:[(0,l.jsx)("span",{children:"Subtotal:"}),(0,l.jsx)("span",{children:"$260"})]}),(0,l.jsxs)("div",{className:"flex justify-between mt-[5px] border-b pb-[5px]",children:[(0,l.jsx)("span",{children:"Shipping:"}),(0,l.jsx)("span",{children:"FREE"})]}),(0,l.jsxs)("div",{className:"flex justify-between mt-[10px] font-bold",children:[(0,l.jsx)("span",{children:"Order Total:"}),(0,l.jsx)("span",{children:"$260"})]})]})]})]}),(0,l.jsxs)("div",{className:"max-md:px-5 flex items-center flex-col",children:[(0,l.jsx)("p",{className:"w-full text-sm py-10 text-center",children:"The payment will be authorized online. This process will take approximately 3

10 seconds."}),(0,l.jsx)("button",{className:"h-[45px] w-[200px] bg-black text-white tracking-[3px] text-sm",children:"PLACE ORDER"}),(0,l.jsxs)("p",{className:"text-center pt-4 pb-2 text-sm",children:["Need some help? Contact us now and ","we'll"," be able to assist you!"]}),(0,l.jsx)(n(),{href:"/cart",children:(0,l.jsx)("p",{className:"underline text-center text-sm cursor-pointer",children:"Return to Shopping Cart"})})]})]})})}}},function(e){e.O(0,[774,888,179],(function(){return s=5338,e(e.s=s);var s}));var s=e.O();_N_E=s}]);