1_N_E=(window.webpackJsonp_N_E=window.webpackJsonp_N_E||[]).push([[84],{"0ltP":function(e,t){e.exports="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0ibm9uZSIgdmlld0JveD0iMCAwIDE2IDE2Ij4KICAgIDxwYXRoIGZpbGw9IiNFNTBCMjAiIGQ9Ik0zLjIyNyAzLjIyN2MuMjc1LS4yNzUuNzEtLjMwMyAxLjAxNi0uMDdsLjA4LjA3TDggNi45MDVsMy42NzgtMy42NzhjLjI4Mi0uMjgyLjcyOC0uMzAxIDEuMDMyLS4wNTdsLjA2My4wNTdjLjI3NS4yNzUuMzAzLjcxLjA2MiAxLjAyNmwtLjA2Mi4wN0w5LjA5NSA4bDMuNjc4IDMuNjc4Yy4yODMuMjgyLjMwMS43MjguMDU3IDEuMDMybC0uMDU3LjA2M2MtLjI3NS4yNzUtLjcxLjMwMy0xLjAyNS4wNjJsLS4wNy0uMDYyLTMuNjc5LTMuNjc4LTMuNjc3IDMuNjc4Yy0uMjgyLjI4My0uNzI4LjMwMS0xLjAzMi4wNTdsLS4wNjMtLjA1N2MtLjI3NS0uMjc1LS4zMDMtLjcxLS4wNjItMS4wMjVsLjA2Mi0uMDdMNi45MDQgOCAzLjIyNyA0LjMyMmMtLjI4Mi0uMjgyLS4zMDEtLjcyOC0uMDU3LTEuMDMybC4wNTctLjA2M3oiLz4KICAgIDxwYXRoIGZpbGw9IiNFNTBCMjAiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTMuMDg1IDMuMDg2Yy4zNDYtLjM0Ni44OTMtLjM4MSAxLjI4LS4wODdsLjAxLjAwOC4wODkuMDc4TDggNi42MjJsMy41MzYtMy41MzZjLjM1NS0uMzU2LjkxNy0uMzggMS4zLS4wNzFsLjAwOC4wMDYuMDcuMDY0Yy4zNDguMzQ3LjM4Ljg5NS4wOCAxLjI4OWwtLjAwNS4wMDUtLjA3NC4wODVMOS4zNzggOGwzLjUzNiAzLjUzNmMuMzU2LjM1Ni4zOC45MTcuMDcxIDEuM2wtLjAwNy4wMDgtLjA2My4wN2MtLjM0OC4zNDgtLjg5NS4zOC0xLjI4OS4wOGwtLjAwNi0uMDA0LS4wODQtLjA3NS0zLjUzNy0zLjUzNy0zLjUzNSAzLjUzN2MtLjM1Ni4zNTUtLjkxNy4zNzktMS4zLjA3bC0uMDA4LS4wMDYtLjA3LS4wNjRjLS4zNDgtLjM0Ny0uMzgtLjg5NS0uMDgtMS4yODlsLjAwNC0uMDA1LjA3NS0uMDg1TDYuNjIxIDggMy4wODUgNC40NjRjLS4zNTUtLjM1NS0uMzc5LS45MTctLjA3LTEuM2wuMDA2LS4wMDguMDY0LS4wN3pNNi45MDUgOGwtMy42NzggMy42NzgtLjA2Mi4wN2MtLjI0LjMxNi0uMjEzLjc1LjA2MiAxLjAyNWwuMDYzLjA1N2MuMzA0LjI0NC43NS4yMjYgMS4wMzItLjA1N0w4IDkuMDk1bDMuNjc4IDMuNjc4LjA3LjA2MmMuMzE2LjI0Ljc1MS4yMTMgMS4wMjYtLjA2MmwuMDU2LS4wNjNjLjI0NS0uMzA0LjIyNi0uNzUtLjA1Ni0xLjAzMkw5LjA5NSA4bDMuNjc4LTMuNjc4LjA2Mi0uMDdjLjI0LS4zMTUuMjEzLS43NS0uMDYyLTEuMDI1bC0uMDYzLS4wNTdjLS4zMDQtLjI0NC0uNzUtLjIyNS0xLjAzMy4wNTdMOCA2LjkwNSA0LjMyMiAzLjIyN2wtLjA3OS0uMDdjLS4zMDctLjIzMy0uNzQxLS4yMDUtMS4wMTYuMDdsLS4wNTcuMDYzYy0uMjQ0LjMwNC0uMjI2Ljc1LjA1NyAxLjAzMkw2LjkwNCA4eiIgY2xpcC1ydWxlPSJldmVub2RkIi8+Cjwvc3ZnPgo="},"6FTQ":function(e,t,i){"use strict";function n(e,t){(null==t||t>e.length)&&(t=e.length);for(var i=0,n=new Array(t);i<t;i++)n[i]=e[i];return n}i.d(t,"a",(function(){return n}))},"8rE2":function(e,t,i){"use strict";i.d(t,"a",(function(){return s}));var n=i("6FTQ");function s(e,t){if(e){if("string"===typeof e)return Object(n.a)(e,t);var i=Object.prototype.toString.call(e).slice(8,-1);return"Object"===i&&e.constructor&&(i=e.constructor.name),"Map"===i||"Set"===i?Array.from(e):"Arguments"===i||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(i)?Object(n.a)(e,t):void 0}}},AefD:function(e,t){e.exports="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSIxNCIgZmlsbD0ibm9uZSIgdmlld0JveD0iMCAwIDE0IDE0Ij4KICAgIDxwYXRoIGZpbGw9IiMxNDZFQjQiIGQ9Ik03IDEuMDk0Yy4zNCAwIC42MjYuMjUxLjY3Mi41ODZsLjAwNi4wOTF2NC41NTFoNC41NWMuMzUgMCAuNjM4LjI2NC42NzQuNjA0bC4wMDQuMDc0YzAgLjM0LS4yNTIuNjI2LS41OTYuNjczbC0uMDgxLjAwNUg3LjY3OHY0LjU1YzAgLjM1LS4yNjUuNjM4LS42MDQuNjc0TDcgMTIuOTA2Yy0uMzQgMC0uNjI2LS4yNTItLjY3My0uNTk2bC0uMDA1LS4wODFWNy42NzdoLTQuNTVjLS4zNSAwLS42MzgtLjI2NC0uNjc0LS42MDNMMS4wOTQgN2MwLS4zNC4yNTEtLjYyNi41OTYtLjY3M2wuMDgxLS4wMDVoNC41NTF2LTQuNTVjMC0uMzUuMjY1LS42MzguNjA0LS42NzVMNyAxLjA5NXoiLz4KICAgIDxwYXRoIGZpbGw9IiMxNDZFQjQiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTcgLjkxOWMuNDI4IDAgLjc4OC4zMTcuODQ1LjczN2wuMDAyLjAxMi4wMDYuMTA0djQuMzc2aDQuMzc2Yy40NCAwIC44MDEuMzMyLjg0Ny43NmwuMDAxLjAwOS4wMDUuMDgzYzAgLjQzLS4zMi43ODgtLjc0OS44NDZsLS4wMDYuMDAxLS4wOTguMDA2SDcuODUzdjQuMzc2YzAgLjQ0LS4zMzMuODAxLS43Ni44NDhoLS4wMUw3IDEzLjA4M2MtLjQzIDAtLjc4OC0uMzE5LS44NDYtLjc0OGwtLjAwMS0uMDA3LS4wMDYtLjA5OFY3Ljg1MkgxLjc3MWMtLjQ0IDAtLjgwMS0uMzMyLS44NDctLjc2bC0uMDAxLS4wMDlMLjkxOCA3YzAtLjQzLjMyLS43ODguNzQ5LS44NDZoLjAwNmwuMDk4LS4wMDdoNC4zNzZWMS43NzJjMC0uNDQuMzMzLS44MDIuNzYtLjg0OGwuMDEtLjAwMUw3IC45MTl6bS0uNjc4IDUuNDAzaC00LjU1bC0uMDgyLjAwNWMtLjM0NS4wNDctLjU5Ni4zMzMtLjU5Ni42NzNsLjAwNC4wNzRjLjAzNi4zNC4zMjQuNjA0LjY3My42MDRoNC41NTF2NC41NWwuMDA1LjA4MmMuMDQ3LjM0NS4zMzMuNTk2LjY3My41OTZsLjA3NC0uMDAzYy4zNC0uMDM3LjYwNC0uMzI1LjYwNC0uNjc0VjcuNjc4aDQuNTVsLjA4Mi0uMDA1Yy4zNDUtLjA0Ny4
11OTYtLjMzMy41OTYtLjY3M2wtLjAwNC0uMDc0Yy0uMDM2LS4zNC0uMzI0LS42MDQtLjY3My0uNjA0SDcuNjc3di00LjU1bC0uMDA1LS4wOTJjLS4wNDYtLjMzNC0uMzMyLS41ODYtLjY3Mi0uNTg2bC0uMDc0LjAwNGMtLjM0LjAzNi0uNjA0LjMyNC0uNjA0LjY3NHY0LjU1eiIgY2xpcC1ydWxlPSJldmVub2RkIi8+Cjwvc3ZnPgo="},"D/Cz":function(e,t){e.exports="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI3MiIgaGVpZ2h0PSI3MiIgZmlsbD0ibm9uZSIgdmlld0JveD0iMCAwIDcyIDcyIj4KICAgIDxwYXRoIGZpbGw9IiMxNDZFQjQiIGZpbGwtb3BhY2l0eT0iLjE1IiBzdHJva2U9IiMxNDZFQjQiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgc3Ryb2tlLXdpZHRoPSIzLjUiIGQ9Ik01NC42NjcgMTJIMTcuMzMzQzE0LjM4OCAxMiAxMiAxNC4zODggMTIgMTcuMzMzdjM3LjMzNEMxMiA1Ny42MTIgMTQuMzg4IDYwIDE3LjMzMyA2MGgzNy4zMzRDNTcuNjEyIDYwIDYwIDU3LjYxMiA2MCA1NC42NjdWMTcuMzMzQzYwIDE0LjM4OCA1Ny42MTIgMTIgNTQuNjY3IDEyeiIvPgogICAgPHBhdGggc3Ryb2tlPSIjMTQ2RUI0IiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS13aWR0aD0iMy41IiBkPSJNMTIgMjhoNDhNMjggNjBWMjgiLz4KPC9zdmc+Cg=="},JI4O:function(e,t,i){(window.__NEXT_P=window.__NEXT_P||[]).push(["/tools/invoice-generator",function(){return i("S+jI")}])},"Lq/R":function(e,t){e.exports="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI3MiIgaGVpZ2h0PSI3MiIgZmlsbD0ibm9uZSIgdmlld0JveD0iMCAwIDcyIDcyIj4KICAgIDxyZWN0IHdpZHRoPSI1NiIgaGVpZ2h0PSI0OCIgeD0iOCIgeT0iMTIiIGZpbGw9IiMxNDZFQjQiIGZpbGwtb3BhY2l0eT0iLjE1IiBzdHJva2U9IiMxNDZFQjQiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgc3Ryb2tlLXdpZHRoPSIzLjUiIHJ4PSI1Ii8+CiAgICA8cGF0aCBzdHJva2U9IiMxNDZFQjQiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIzLjUiIGQ9Ik0yNiAyN2w4LjMzMiAyMCAyLjk1OS04LjcxTDQ2IDM1LjMzMyAyNiAyN3oiLz4KPC9zdmc+Cg=="},"S+jI":function(e,t,i){"use strict";i.r(t);var n=i("nKUr"),s=i("q1tI"),c=i.n(s),a=i("g4pe"),o=i.n(a),r=i("xvhg"),l=i("cpVT"),d=i("wd/R"),j=i.n(d),u=i("TSYQ"),b=i.n(u),m=function(){var e=arguments.length>0&&void 0!==arguments[0]&&arguments[0],t=Object(s.useState)(e),i=t[0],n=t[1],c=Object(s.useCallback)((function(){return n(!0)}),[]),a=Object(s.useCallback)((function(){return n(!1)}),[]);return[i,c,a]},h=i("7Qib");function y(e,t){var i=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),i.push.apply(i,n)}return i}function x(e){for(var t=1;t<arguments.length;t++){var i=null!=arguments[t]?arguments[t]:{};t%2?y(Object(i),!0).forEach((function(t){Object(l.a)(e,t,i[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(i)):y(Object(i)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(i,t))}))}return e}var p=function(e){var t=e.text,i=e.activeOff,s=e.onChange,c=void 0===s?h.b:s,a=e.onBlur,o=void 0===a?h.b:a,r=e.className,l=e.textArea?"textarea":"input";return Object(n.jsx)(l,{type:"text",value:t,autoFocus:!0,className:b()("invoice-editable-component",r),onChange:function(e){var t=e.target;return c(t.value)},onBlur:function(e){o(e),i()}})},N=function(e){var t=e.text,i=e.activeOn,s=e.className,a=e.textArea,o=a?function(e){return e.split("\n").map((function(e,t){return Object(n.jsxs)(c.a.Fragment,{children:[Object(n.jsx)("span",{children:e}),Object(n.jsx)("br",{})]},t)}))}(t):t;return Object(n.jsx)("div",{onClick:i,className:b()("invoice-editable-component",s,{textarea:a}),children:o})},v=function(e){var t=m(!1),i=Object(r.a)(t,3),c=i[0],a=i[1],o=i[2];return Object(s.useEffect)((function(){e.active&&a(e.active)}),[e.active]),c?Object(n.jsx)(p,x(x({},e),{},{activeOn:a,activeOff:o})):Object(n.jsx)(N,x(x({},e),{},{activeOn:a,activeOff:o}))};function O(e,t){var i=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),i.push.apply(i,n)}return i}function g(e){for(var t=1;t<arguments.length;t++){var i=null!=arguments[t]?arguments[t]:{};t%2?O(Object(i),!0).forEach((function(t){Object(l.a)(e,t,i[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(i)):O(Object(i)).forEac
1h((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(i,t))}))}return e}var f=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=Object(s.useState)(e),i=t[0],n=t[1],c=function(e,t){n((function(i){return g(g({},i),{},Object(l.a)({},e,t))}))};return{store:i,edit:c}},M=function(){var e=f({companyName:"Company Name",invoiceLabel:"INVOICE",street:"123 your street",town:"Your town",address:"Address Line 3",phone:"(123) 456 789",email:"[email protected]",date:j()(new Date).format("DD MMMM YYYY"),invoiceNumber:"Invoice #2334889",poNumber:"PO 456001200",toName:"Att: Ms. Jane Doe",clientCompanyName:"Client Company Name"}),t=e.store,i=e.edit;return Object(n.jsxs)("div",{className:"invoice-meta",children:[Object(n.jsxs)("div",{className:"d-flex-c-s mb32 auto-width",children:[Object(n.jsx)(v,{active:!0,text:t.companyName,className:"company-name",onChange:function(e){return i("companyName",e)}}),Object(n.jsx)(v,{text:t.invoiceLabel,className:"invoice-label text-right",onChange:function(e){return i("invoiceLabel",e)}})]}),Object(n.jsxs)("div",{className:"d-flex-c-s mb16",children:[Object(n.jsxs)("div",{className:"d-grid text-left",children:[Object(n.jsx)(v,{text:t.street,className:"invoice-default-label mb2",onChange:function(e){return i("street",e)}}),Object(n.jsx)(v,{text:t.town,className:"invoice-default-label mb2",onChange:function(e){return i("town",e)}}),Object(n.jsx)(v,{text:t.address,className:"invoice-default-label",onChange:function(e){return i("address",e)}})]}),Object(n.jsxs)("div",{className:"d-grid",children:[Object(n.jsx)(v,{text:t.date,className:"invoice-default-label text-right mb2",onChange:function(e){return i("date",e)}}),Object(n.jsx)(v,{text:t.invoiceNumber,className:"invoice-default-label text-right mb2",onChange:function(e){return i("invoiceNumber",e)}}),Object(n.jsx)(v,{text:t.poNumber,className:"invoice-default-label text-right",onCh
1ange:function(e){return i("poNumber",e)}})]})]}),Object(n.jsxs)("div",{className:"d-flex-c-s mb8",children:[Object(n.jsxs)("div",{className:"d-grid text-left",children:[Object(n.jsx)(v,{text:t.phone,className:"invoice-default-label mb2",onChange:function(e){return i("phone",e)}}),Object(n.jsx)(v,{text:t.email,className:"invoice-default-label",onChange:function(e){return i("email",e)}})]}),Object(n.jsxs)("div",{className:"d-grid",children:[Object(n.jsx)(v,{text:t.toName,className:"invoice-default-label text-bold text-right mb2",onChange:function(e){return i("toName",e)}}),Object(n.jsx)(v,{text:t.clientCompanyName,className:"invoice-default-label text-bold text-right",onChange:function(e){return i("clientCompanyName",e)}})]})]})]})},w=i("AefD"),I=i.n(w),L=i("0ltP"),D=i.n(L),S=Object(s.createContext)({}),A=function(){return Object(s.useContext)(S)},T=function(e){var t=e.children,i=Object(s.useState)("\u20b9"),c=i[0],a=i[1],o="".concat(c," ");return Object(n.jsx)(S.Provider,{value:{currencySymbol:c,setCurrencySymbol:a,currencySymbolWithSpace:o},children:t})},z=function(e){return function(e,t){return Math.pow(e,t)}(10,e)},C=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:2,i=z(t)||1;return Math.round(e*i)/i},k=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:2,i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"\u20b9",n=arguments.length>3&&void 0!==arguments[3]?arguments[3]:",",s=arguments.length>4&&void 0!==arguments[4]?arguments[4]:".",c=C(e),a=c<0?"-":"",o="".concat(parseInt(c=Math.abs(+c||0).toFixed(t),10)),r=o.length;r=r>3?r%3:0;var l="";return t&&Math.abs(c-o)&&(l="".concat(s).concat(Math.abs(c-o).toFixed(t).slice(2))),a+i+(r?o.substr(0,r)+n:"")+o.substr(r).replace(/(\d{3})(?=\d)/g,"$1".concat(n))+l};function P(e,t){var i=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),i.push.apply(i,n)}return i}function E(e){for(var t=1;t<arguments.length;t++){var i=null!=arguments[t]?arguments[t]:{};t%2?P(Object(i),!0).forEach((function(t){Object(l.a)(e,t,i[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(i)):P(Object(i)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(i,t))}))}return e}var Y={description:"Item",quantity:1,unitPrice:100},G=function(e){var t=e.index,i=e.description,s=e.quantity,c=e.unitPrice,a=e.editItem,o=e.removeItem,r=e.isEditable,l=function(e,i){return a(e,i,t)},d=A().currencySymbolWithSpace,j=s&&c?s*c:"";return Object(n.jsxs)("tr",{children:[Object(n.jsx)("td",{className:"number",children:t+1}),Object(n.jsx)("td",{className:"description",children:Object(n.jsx)(v,{text:i,className:"full-w",onChange:function(e){return l("description",e)}})}),Object(n.jsx)("td",{children:Object(n.jsx)(v,{text:s,className:"full-w",onChange:function(e){return l("quantity",e)}})}),Object(n.jsx)("td",{children:Object(n.jsx)(v,{text:c,className:"full-w",onChange:function(e){return l("unitPrice",e)}})}),Object(n.jsx)("td",{children:Object(n.jsxs)("div",{className:"total-cell",children:[Object(n.jsx)("span",{children:k(j,2,d)}),r&&Object(n.jsx)("img",{className:"remove-item",src:D.a,alt:"x",onClick:function(){return o(t)}})]})})]})},Z=function(e){var t=e.items,i=e.addItem,c=e.removeItem,a=e.editItem,o=e.isEditable,r=A().setCurrencySymbol,l=Object(s.useState)("Unit price (\u20b9)"),d=l[0],j=l[1];return Object(n.jsxs)(n.Fragment,{children:[Object(n.jsxs)("table",{className:"invoice-table mt48",children:[Object(n.jsx)("thead",{children:Object(n.jsxs)("tr",{children:[Object(n.jsx)("th",{className:"number",children:"#"}),Object(n.jsx)("th",{className:"description",children:"Item Description"}),Object(n.jsx)("th",{children:"Quantity"}),Object(n.jsx)("th",{children:Object(n.jsx)(v,{text:d,onChange:j,onBlur:function(e){var t=function(e){var t=e.match(/ \(.*?\)/g);return t?t[t.length-1].replace("(","").replace(")","").replace(" ",""):""}(e.target.value);r(t)}})}),Object(n.jsx)("th",{children:"Line total"})]})}),Object(n.jsx)("tbody",{children:t.map((function(e,t){return Object(n.jsx)(G,E(E({index:t},e),{},{editItem:a,removeItem:c,isEditable:o}),t)}))})]}),o&&Object(n.jsxs)("div",{className:"add-new-item",onClick:function(){return i(Y)},children:[Object(n.jsx)("img",{src:I.a,alt:"+",className:"mr4"}),Object(n.jsx)("span",{children:"Add line item"})]})]})},U=i("z7pX");function Q(e,t){var i=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),i.push.apply(i,n)}return i}function W(e){for(var t=1;t<arguments.length;t++){var i=null!=arguments[t]?arguments[t]:{};
1t%2?Q(Object(i),!0).forEach((function(t){Object(l.a)(e,t,i[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(i)):Q(Object(i)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(i,t))}))}return e}var H=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[],t=Object(s.useState)(e),i=t[0],n=t[1],c=function(e){return n((function(t){return[].concat(Object(U.a)(t),[e])}))},a=function(e){return n((function(t){var i=Object(U.a)(t);return i.splice(e,1),i}))},o=function(e,t,i){n((function(n){var s=Object(U.a)(n);return s[i]=W(W({},n[i]),{},Object(l.a)({},e,t)),s}))};return{items:i,addItem:c,removeItem:a,editItem:o}},R=i("dhJC");function q(e,t){var i=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),i.push.apply(i,n)}return i}function F(e){for(var t=1;t<arguments.length;t++){var i=null!=arguments[t]?arguments[t]:{};t%2?q(Object(i),!0).forEach((function(t){Object(l.a)(e,t,i[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(i)):q(Object(i)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(i,t))}))}return e}var J=function(e){var t=e.match(/ \(.*?%\)/g);if(!t)return 0;var i=t[t.length-1];return i=i.replace("(","").replace(")","").replace("%",""),isNaN(i)?0:Number(i)},V=function(e){return"Tax name ".concat(e+1," (20%)")},B=function(e){var t=e.tax,i=e.index,s=e.editItem,c=e.isEditable,a=e.removeItem,o=e.subTotal,r=A().currencySymbolWithSpace,l=o*J(t)/100;return Object(n.jsxs)("div",{className:"d-flex-c-s mb6",children:[Object(n.jsx)(v,{text:t,className:"sales-tax",onChange:function(e){return s(void 0,e,i)}}),Object(n.jsxs)("span",{className:"sales-tax d-flex-c-s",children:[k(l,2,r),c&&Object(n.jsx)("div",{className:"remove-item",onClick:function(){return a(i)},children:Object(n.jsx)("img",{src:D.a,alt:"x"})})]})]},i)},X=function(e){var t=e.isEditable,i=e.taxes,s=e.addItem,c=Object(R.a)(e,["isEditable","taxes","addItem"]);return Object(n.jsxs)(n.Fragment,{children:[i.map((function(e,i){return Object(n.jsx)(B,F({tax:e,index:i,isEditable:t},c))})),t&&Object(n.jsxs)("div",{className:"add-new-item mb12 pt8",onClick:function(){return s(V(i.length))},children:[Object(n.jsx)("img",{src:I.a,alt:"+",className:"mr4"}),Object(n.jsx)("span",{children:"Add tax"})]})]})},K=function(e){var t=e.items,i=e.isEditable,s=A().currencySymbolWithSpace,c=f({subTotal:"Subtotal",tax:"Sales tax (20%)",grandTotal:"Total"}),a=c.store,o=c.edit,r=t.reduce((function(e,t){return e+Number(t.quantity)*Number(t.unitPrice)}),0),l=H([V(0)]),d=l.items,j=Object(R.a)(l,["items"]),u=d.reduce((function(e,t){var i=J(t);return e+r*i/100}),0)+r;return Object(n.jsxs)("div",{className:"invoice-totals mb32 mt24",children:[Object(n.jsxs)("div",{className:"d-flex-c-s mb6",children:[Object(n.jsx)(v,{text:a.subTotal,className:"sub-total ",onChange:function(e){return o("subTotal",e)}}),Object(n.jsx)("span",{className:"sub-total",children:k(r,2,s)})]}),Object(n.jsx)(X,F(F({isEditable:i},j),{},{taxes:d,subTotal:r})),Object(n.jsxs)("div",{className:"d-flex-c-s",children:[Object(n.jsx)(v,{text:a.grandTotal,className:"grand-total",onChange:function(e){return o("grandTotal",e)}}),Object(n.jsx)("span",{className:"grand-total",children:k(u,2,s)})]})]})},_=function(e){var t=e.className,i=e.defaultText,c=Object(s.useState)(i),a=c[0],o=c[1];return Object(n.jsx)(v,{text:a,textArea:!0,className:b()("invoice-default-label",t),onChange:function(e){return o(e)}})};function $(e,t){var i=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),i.push.apply(i,n)}return i}function ee(e){for(var t=1;t<arguments.length;t++){var i=null!=arguments[t]?arguments[t]:{};t%2?$(Object(i),!0).forEach((function(t){Object(l.a)(e,t,i[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(i)):$(Object(i)).forEac
1h((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(i,t))}))}return e}var te=function(e){var t=e.isEditable,i=H([Y]),s=i.items;return Object(n.jsxs)("div",{id:"invoice-root",className:"invoice-layout card flex-2",children:[Object(n.jsx)(M,{}),Object(n.jsx)("div",{className:"invoice-divider"}),Object(n.jsx)(_,{defaultText:"Dear Ms. Jane Doe,\n\nPlease find below a cost-breakdown for the recent work completed. Please make payment at your earliest convenience, and do not hesitate to contact me with any questions.\n\nMany thanks,\nYour Name",className:"invoice-default-label text-left-addr"}),Object(n.jsx)(Z,ee(ee({},i),{},{isEditable:t})),Object(n.jsx)(K,{items:s,isEditable:t}),Object(n.jsx)(_,{defaultText:"Many thanks! I look forward to doing business with you again in due course. \n\n Payment terms: to be received within 60 days.",className:"text-left-addr"})]})},ie=i("JXyE"),ne=function(e){var t=e.switchOffEditable,i=e.switchOnEditable,s=Object(ie.b)().goodToGo;return Object(n.jsx)("div",{className:"action-buttons card flex-1 d-flex flex-column p32",children:Object(n.jsx)("button",{type:"button",className:"btn btn-primary",onClick:function(){s()&&(t(),setTimeout((function(){return Object(h.a)("invoice-root").then(i)}),100))},children:"Download this invoice"})})},se=function(){var e=m(!0),t=Object(r.a)(e,3),i=t[0],s=t[1],c=t[2];return Object(n.jsxs)("section",{className:"box-layout-section open-layout-section invoice-head",children:[Object(n.jsx)("h1",{className:"section-header mt48",children:"Online Invoice Generator"}),Object(n.jsx)("p",{className:"section-info",children:"Billing your clients got super easy with this free online invoice generator. No more downloading or signing up required. Give your client details and generate a free PDF invoice online!"}),Object(n.jsxs)("div",{className:"d-flex pt8 invoice-generator-main",children:[Object(n.jsx)(te,{isEditable:i}),Object(n.jsx)(ne,{switchOffEditable:c,switchOnEditable:s})]})]})},ce=i("eUpb"),ae=i("Lq/R"),oe=i.n(ae),re=i("dJlS"),le=i.n(re),de=i("D/Cz"),je=i.n(de),ue=function(){return Object(n.jsx)("div",{id:"features-section",className:"features-section no-large-top",children:Object(n.jsxs)("div",{className:"container feature-items d-flex-c-c",children:[Object(n.jsxs)("div",{className:"item",children:[Object(n.jsx)("div",{className:"image",children:Object(n.jsx)("img",{alt:"Seamless checkout experience",src:oe.a})}),Object(n.jsx)("div",{className:"title",children:"Enter invoice details"}),Object(n.jsx)("div",{className:"description",children:"Fill the above mentioned details of your invoice."})]}),Object(n.jsxs)("div",{className:"item",children:[Object(n.jsx)("div",{className:"image",children:Object(n.jsx)("img",{alt:"Easy to manage orders",src:le.a})}),Object(n.jsx)("div",{className:"title",children:"Submit details"}),Object(n.jsx)("div",{className:"description",children:"Verify the details and submit. We'll take it forward from here."})]}),Object(n.jsxs)("div",{className:"item",children:[Object(n.jsx)("div",{className:"image",children:Object(n.jsx)("img",{alt:"Check email",src:je.a})}),Object(n.jsx)("div",{className:"title",children:"Download Invoice"}),Object(n.jsx)("div",{className:"description",children:"Voila! Download the invoice and it is ready to share!"})]})]})})},be=i("YiKy");function me(e,t){var i=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),i.push.apply(i,n)}return i}var he=[{question:"What is an invoice?",answer:"An invoice is a simple document issued by the business to the customer or buyer. It contains details about the product, quantities, cost of goods or services that are rendered by the seller."},{question:"Why should I use this tool?",answer:"Creating and sending invoices to the customers is an important part of running a business. But, the process of making invoices is a tedious process. By using this tool, you can create invoice for your business without any hassle. "},{question:"Is this tool free?",answer:"Yes, it's absolutely free. You can generate as many invoices as per your requirements without spending any money."},{question:"How can I share the invoice with the customer?",answer:"Once you enter the details, invoice will be generated. You can then download the invoice and share with your customers with email or any other preferred medium."},{question:"Are invoices legally required?",answer:"No, invoices do not serve as a legally binding document between the business and the client."},{question:"What happens if you do not issue an invoice?",answer:"You could risk causing confusion and not getting paid. Issuing an invoice with all the necessary information will bring you and your client a lot of clarity, making payments easy and efficie
1nt."},{question:"When is the best time to send an invoice?",answer:"Invoices are generally sent to the client after the product or service has been delivered."},{question:"What is a tax invoice?",answer:"This is an invoice that GST registered business owners create when they sell taxable goods and services. They need to generate these if they want to claim input tax credit."},{question:"What is GSTIN?",answer:"The Goods and Services Tax Identification Number (GSTIN) is a unique 15 digit identification number that every taxpayer receives when they register themselves under the GST in an Indian state."},{question:"What is a bill of supply?",answer:"This is an invoice that GST registered business owners generate when they sell goods or services exempt from GST under the Composition scheme."},{question:"What are the interstate and intrastate transactions under the GST?",answer:Object(n.jsxs)(n.Fragment,{children:["The GST intrastate transactions are Central GST (CGST) which is tax payable to the central government, and State GST (SGST) which is tax payable to the state government. ",Object(n.jsx)("br",{}),Object(n.jsx)("br",{}),"For interstate transactions, you will have to pay a combined tax to the central government called Integrated GST (IGST)."]})},{question:"What is reverse charge?",answer:"Under this mechanism, the buyer of the goods or services is liable to pay tax and not the seller."},{question:"How many invoice copies do you need under the GST?",answer:Object(n.jsxs)(n.Fragment,{children:["If you are selling goods, you will need to produce a total of 3 copies, including 1 for your customer, 1 for whoever transports your goods (assuming you are moving goods), and 1 to keep records. ",Object(n.jsx)("br",{}),Object(n.jsx)("br",{}),"However, if you are selling a service, you will need 2 invoice copies - 1 for your customer and 1 for your own record."]})}],ye=function(){return Object(n.jsxs)("div",{children:[Object(n.jsx)("h2",{className:"section-header",children:"FAQs"}),Object(n.jsx)("div",{className:"faq-list",children:he.map((function(e,t){return Object(n.jsx)(be.b,function(e){for(var t=1;t<arguments.length;t++){var i=null!=arguments[t]?arguments[t]:{};t%2?me(Object(i),!0).forEach((function(t){Object(l.a)(e,t,i[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(i)):me(Object(i)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(i,t))}))}return e}({},e),t)}))})]})},xe=i("fuOU"),pe=function(){return Object(n.jsx)("div",{className:"definition-and-policy invoice-page-content",children:Object(n.jsxs)("div",{className:"policies",children:[Object(n.jsxs)("div",{className:"policy-section invoice-my0 pb64",children:[Object(n.jsx)("h2",{className:"section-header",children:"A free, online invoice generator for all businesses!"}),Object(n.jsx)("p",{className:"text-2 mb12",children:"Whatever be your business, generating an invoice shouldn\u2019t be hard."}),Object(n.jsx)("p",{className:"text-2 mb12",children:"Downloading apps is so 2008! Which is why we\u2019ve made this free invoice maker."}),Object(n.jsx)("p",{className:"text-2 mb12",children:"Just add your transaction details, fill your business info and download your free PDF invoice, ready to be sent."}),Object(n.jsx)("p",{className:"text-2",children:"Simple as that!"})]}),Object(n.jsxs)("div",{className:"policy-section invoice-my0 pb56",children:[Object(n.jsx)("h2",{className:"section-header",children:"Generate Free GST Invoice Online"}),Object(n.jsx)("p",{className:"text-2 mb12",children:"Don\u2019t worry about GST calculations anymore."}),Object(n.jsx)("p",{className:"text-2 mb12",children:"Enter your business details and our invoice generator will automatically create your free GST invoice online!"}),Object(n.jsx)("p",{className:"text-2",children:"Download your free GST invoice and send it to your clients or customers easily."})]}),Object(n.jsxs)("div",{className:"policy-section invoice-my0 pb56",children:[Object(n.jsx)("h3",{className:"section-text-1 mb16",children:"How does an online invoice generator work?"}),Object(n.jsx)("p",{className:"text-2 mb12",children:"We understand how difficult it is for you to send invoices to your clients. Either you have to download clunky software or use a free online invoice generator where you have to sign up."}),Object(n.jsx)("p",{className:"text-2 mb12",children:"And then you get a watermarked invoice which you can\u2019t send to your client or customer."}),Object(n.jsx)("p",{className:"text-2 mb12",children:"Worry not! Dukaan\u2019s free online invoice generator is true to the word. No gimmicks!"}),Object(n.jsx)("p",{className:"text-2 mb12",children:"Just add in your client/customer\u2019s invoice details and click generate."}),Object(n.jsx)("p",{className:"text-2",children:"You get a custom, free PDF invoice that you can send to your client! Try it."})]}),Object(n.jsxs)("div",{className:"policy-section invoice-my0 pb56",children:[Object(n.jsx)("h3",{className:"section-text-1 mb16",children:"Benefits of using an online invoice generator."}),Object(n.jsx)("p",{className:"text-2 mb12",children:"The time-consuming part of running a business is creating and sharing invoices with clients or customers. Downloading software or scripts. It\u2019s usually a waste of time."}),Object(n.jsx)("p",{className:"text-2 mb12",children:"However, with the help of our free invoice generator tool, you can create professional looking invoices in a few seconds. There are numerous benefits of using this tool, some of them are, but not limited to:"}),Object(n.jsxs)("ul",{className:"definition-list definition-list-type invoice-li",children:[Object(n.jsxs)("li",{className:"definition-list-item",children:[Object(n.jsx)("span",{className:"definition-list-style",children:"\u2022"}),Object(n.jsx)("span",{className:"definition-body",children:"Generate free PDF invoices online"})]}),Object(n.jsxs)("li",{className:"definition-list-item",children:[Object(n.jsx)("span",{className:"definition-list-style",children:"\u2022"}),Object(n.jsx)("span",{className:"definition-body",children:"No downloads required"})]}),Object(n.jsxs)("li",{className:"definition-list-item",children:[Object(n.jsx)("span",{className:"definition-list-style",children:"\u2022"}),Object(n.jsx)("span",{className:"definition-body",children:"No sign up required"})]}),Object(n.jsxs)("li",{className:"definition-list-item",children:[Object(n.jsx)("span",{className:"definition-list-style",children:"\u2022"}),Object(n.jsx)("span",{className:"definition-body",children:"Generate free invoices unlimited"})]})]})]}),Object(n.jsxs)("div",{className:"policy-section invoice-my0 pb56",children:[Object(n.jsx)("h3",{className:"section-text-1 mb16",children:"How can I create a free invoice?"}),Object(n.jsx)("p",{className:"text-2 mb12",children:"You can create an invoice yourself by using either MS Word or Excel file. Put in the invoice details like customer name, project details etc and adjust formatting so that it looks professional."}),Object(n.jsx)("p",{className:"text-2 mb12",children:"Another way is to use templates available online and adjust them as per your business needs."}),Object(n.jsx)("p",{className:"text-2 mb12",children:"The best way to create an invoice yourself is to use a free online invoice generator just like this tool."}),Object(n.jsx)("p",{className:"text-2",children:"Our tool gives you a lot more flexibility to customize your invoice."})]}),Object(n.jsxs)("div",{className:"policy-section invoice-my0 pb56",children:[Object(n.jsx)("h3",{className:"section-text-1 mb16",children:"Who can use this invoice generator?"}),Object(n.jsx)("p",{className:"text-2",children:"Whether you\u2019re an established business, start-up, or freelancer, you can use this tool to create free invoices. It\u2019s completely free and you can use this to generate as many invoices as you need."})]}),Object(n.jsxs)("div",{className:"policy-section invoice-my0 pb56",children:[Object(n.jsx)("h3",{className:"section-text-1 mb16",children:"Is this invoice generator really free?"}),Object(n.jsx)("p",{className:"text-2",children:"Yes. This invoice generator is absolutely free. You can create free invoices for your business and send it to anyone, anytime, anywhere."})]}),Object(n.jsxs)("div",{className:"policy-section invoice-my0 pb56",children:[Object(n.jsx)("h3",{className:"section-text-1 mb16",children:"Is the invoice generator customizable?"}),Object(n.jsx)("p",{className:"text-2",children:"Yes. This invoice generator is completely customizable. Add your business details and download free custom invoices."})]}),Object(n.jsxs)("div",{className:"policy-section invoice-my0 pb56",children:[Object(n.jsx)("h3",{className:"section-text-1 mb16",children:"How to make an invoice online?"}),Object(n.jsx)("p",{className:"text-2",children:"To make an invoice online, enter your business details, service/product details, and download your invoice free, instantly. Send it to whoever you want afterwards."})]}),Object(n.jsxs)("div",{className:"policy-section invoice-my0 pb56",children:[Object(n.jsx)("h3",{className:"section-text-1 mb16",children:"Do I have to download software for generating an invoice?"}),Object(n.jsx)("p",{className:"text-2",children:"No. Dukaan\u2019s free invoice generator tool is completely online. You don\u2019t need to download any software of any kind to create your own invoice."})]}),Object(n.jsxs)("div",{className:"policy-section invoice-my0 pb56",children:[Object(n.jsx)("h3",{className:"section-text-1 mb16",children:"Can I generate a GST invoice for free?"}),Object(n.jsx)("p",{className:"text-2",children:"Yes. You can make any number of GST invoices free online, using this free invoice generator."})]}),Object(n.jsxs)("div",{className:"policy-section invoice-my0 pb56",children:[Object(n.jsx)("h3",{className:"section-text-1 mb16",children:"Why is Dukaan offering this free invoice generator tool?"}),Object(n.jsx)("p",{className:"text-2",children:"Dukaan is an online eCommerce platform that lets anyone start their online business easily with their own store. We offer plenty of free tools to help them do their business online."})]}),Object(n.jsxs)("div",{className:"policy-section invoice-my0 pb56",children:[Object(n.jsx)("h3",{className:"section-text-1 mb16",children:"Which is the best online invoice generator?"}),Object(n.jsx)("p",{className:"text-2",children:"Dukaan offers the best online invoice generator as you can get completely customized, GST enabled, free PDF invoices online, without downloading any app or signing up with email. It is completely free and blazingly fast, unlike typical invoice generators."})]}),Object(n.jsxs)("div",{className:"policy-section invoice-my0 pb56",children:[Object(n.jsx)("h3",{className:"section-text-1 mb16",children:"Can I send the invoice to my customers/clients?"}),Object(n.jsx)("p",{className:"text-2",children:"Yes. You can generate as many invoices as you like, download them to PDF files and send it to anyone you want via email."})]}),Object(n.jsxs)("div",{className:"policy-section invoice-my0 pb56",children:[Object(n.jsx)("h3",{className:"section-text-1 mb16",children:"How to download the free invoice?"}),Object(n.jsx)("p",{className:"text-2",children:"After giving in y
1our invoice details, like transaction and prices, click the generate invoice button. Once the invoice is generated you can download it by clicking the \u201cDownload this invoice\u201d button. You will get a free PDF invoice."})]}),Object(n.jsxs)("div",{className:"policy-section invoice-my0 pb56",children:[Object(n.jsx)("h3",{className:"section-text-1 mb16",children:"Do the free invoices carry watermarks?"}),Object(n.jsx)("p",{className:"text-2",children:"No. Dukaan\u2019s free invoice generator tool is the only one that does not carry any ads or watermarks on the invoices generated. You can send it to your customers and clients in your own name."})]}),Object(n.jsxs)("div",{className:"policy-section invoice-my0 pb56",children:[Object(n.jsx)("h3",{className:"section-text-1 mb16",children:"What details do you need to create a free invoice?"}),Object(n.jsx)("p",{className:"text-2",children:"You need your business details, client/customer business details, your product/service details, pricing, GST or other taxes if applicable and the contact details to generate a free invoice."})]}),Object(n.jsxs)("div",{className:"policy-section invoice-my0 pb56",children:[Object(n.jsx)("h3",{className:"section-text-1 mb16",children:"How can I send the invoice generated online to my customers/clients?"}),Object(n.jsx)("p",{className:"text-2",children:"Download the invoice generated online as PDF and send it to your customers/clients as attachments in email."})]}),Object(n.jsx)("div",{className:"policy-section invoice-my0",children:Object(n.jsx)("h2",{className:"section-header",children:"Invoices - Everything you need to know"})}),Object(n.jsxs)("div",{className:"policy-section invoice-my0 pb56",children:[Object(n.jsx)("h3",{className:"section-text-1 mb16",children:"What is an invoice?"}),Object(n.jsx)("p",{className:"text-2",children:"An invoice is a document that contains detailed information about the products or services given by the vendor to the buyer (customer). An invoice specifies how much the buyer must pay according to the seller's terms."})]}),Object(n.jsxs)("div",{className:"policy-section invoice-my0 pb56",children:[Object(n.jsx)("h3",{className:"section-text-1 mb16",children:"What is an Online Invoice? Is it different from a normal invoice?"}),Object(n.jsx)("p",{className:"text-2",children:"An online invoice is one that you generate online entirely. It is the same as an offline invoice but differs in the fact that you can send it to anyone via email or other online methods. It is usually shared in PDF format."})]}),Object(n.jsxs)("div",{className:"policy-section invoice-my0 pb56",children:[Object(n.jsx)("h3",{className:"section-text-1 mb16",children:"What is the purpose of creating an invoice?"}),Object(n.jsx)("p",{className:"text-2",children:"An invoice is a business document used primarily for accounting. One may easily monitor and track all payments received from a client using invoices. It helps businesses keep track of all sales transactions between client/customer and seller."})]}),Object(n.jsxs)("div",{className:"policy-section invoice-my0 pb56",children:[Object(n.jsx)("h3",{className:"section-text-1 mb16",children:"Why do businesses need invoices?"}),Object(n.jsx)("p",{className:"text-2 mb16",children:"It is highly recommended that businesses maintain invoices so that it fulfils the following needs."}),Object(n.jsxs)("ul",{className:"definition-list definition-list-type invoice-li",children:[Object(n.jsxs)("li",{className:"definition-list-item",children:[Object(n.jsx)("span",{className:"definition-list-style",children:"\u2022"}),Object(n.jsx)("span",{className:"definition-body",children:"Easy way to collect customer payments."})]}),Object(n.jsxs)("li",{className:"definition-list-item",children:[Object(n.jsx)("span",{className:"definition-list-style",children:"\u2022"}),Object(n.jsx)("span",{className:"definition-body",children:"To track past and future businesses."})]}),Object(n.jsxs)("li",{className:"definition-list-item",children:[Object(n.jsx)("span",{className:"definition-list-style",children:"\u2022"}),Object(n.jsx)("span",{className:"definition-body",children:"To track sales."})]}),Object(n.jsxs)("li",{className:"definition-list-item",children:[Object(n.jsx)("span",{className:"definition-list-style",children:"\u2022"}),Object(n.jsx)("span",{className:"definition-body",children:"To retain inventory records."})]}),Object(n.jsxs)("li",{className:"definition-list-item",children:[Object(n.jsx)("span",{className:"definition-list-style",children:"\u2022"}),Object(n.jsx)("span",{className:"definition-body",children:"To keep track of tax returns."})]}),Object(n.jsxs)("li",{className:"definition-list-item",children:[Object(n.jsx)("span",{className:"definition-list-style",children:"\u2022"}),Object(n.jsx)("span",{className:"definition-body",children:"To document proof of sales."})]}),Object(n.jsxs)("li",{className:"definition-list-item",children:[Object(n.jsx)("span",{className:"definition-list-style",children:"\u2022"}),Object(n.jsx)("span",{className:"definition-body",children:"To track pending payments easily."})]}),Object(n.jsxs)("li",{className:"definition-list-item",children:[Object(n.jsx)("span",{className:"definition-list-style",children:"\u2022"}),Object(n.jsx)("span",{className:"definition-body",children:"To offer Legal defence from lawsuits."})]})]})]}),Object(n.jsxs)("div",{className:"policy-section invoice-my0 pb56",children:[Object(n.jsx)("h3",{className:"section-text-1 mb16",children:"What is the difference between invoice and receipt?"}),Object(n.jsx)("p",{className:"text-2",children:"An invoice is a payment request. A receipt is a proof of payment from the buyer to the supplier. A receipt verifies that the buyer received the goods or services. An invoice is sent first by a seller and once payment is received, a receipt for the payment, given."})]}),Object(n.jsxs)("div",{className:"policy-section invoice-my0 pb56",children:[Object(n.jsx)("h3",{className:"section-text-1 mb16",children:"What is a proforma
1invoice?"}),Object(n.jsx)("p",{className:"text-2",children:"A proforma invoice is a pre-paid invoice intended to collect payment from a committed buyer before the products or services are delivered. A proforma invoice lists the items, the total payable, and other additional information."})]}),Object(n.jsxs)("div",{className:"policy-section invoice-my0 pb56",children:[Object(n.jsx)("h3",{className:"section-text-1 mb16",children:"Who can send an invoice?"}),Object(n.jsx)("p",{className:"text-2",children:"Any business owner, requesting payment from another party (client or customer) can send an invoice. Use the free online invoice generator like that from Dukaan to create a free invoice online."})]}),Object(n.jsxs)("div",{className:"policy-section invoice-my0 pb56",children:[Object(n.jsx)("h3",{className:"section-text-1 mb16",children:"What should you do after getting an invoice?"}),Object(n.jsx)("p",{className:"text-2",children:"If you get an invoice form someone or a business, make the payment requested to the details provided within the stipulated time period."})]}),Object(n.jsxs)("div",{className:"policy-section invoice-my0 pb56",children:[Object(n.jsx)("h2",{className:"section-header",children:"Types of invoices generated by free online invoice generators"}),Object(n.jsx)("p",{className:"text-2",children:"There are essentially six types of invoices used in business settings. They are listed below and serve various accounting functions."})]}),Object(n.jsxs)("div",{className:"policy-section invoice-my0 pb56",children:[Object(n.jsx)("h3",{className:"section-text-1 mb16",children:"1. Standard Invoice"}),Object(n.jsx)("p",{className:"text-2",children:"The vendor creates a standard invoice for the customer that includes basic information such as invoice date, invoice number, payment due date, vendor address, client address, product or service name, quantity, rate, subtotal, and total."})]}),Object(n.jsxs)("div",{className:"policy-section invoice-my0 pb56",children:[Object(n.jsx)("h3",{className:"section-text-1 mb16",children:"2. Proforma Invoice"}),Object(n.jsx)("p",{className:"text-2",children:"A proforma invoice is sent before a product or service is delivered. It\u2019s usually created to agree on payment conditions and products or services are provided on a particular date and time, as agreed in the proforma invoice."})]}),Object(n.jsxs)("div",{className:"policy-section invoice-my0 pb56",children:[Object(n.jsx)("h3",{className:"section-text-1 mb16",children:"3. Debit Invoice"}),Object(n.jsx)("p",{className:"text-2",children:"A debit invoice is sent by a company to increase a client's debt. Small businesses and freelancers can utilise debit invoices to make minor changes to an existing transaction. To give a client a debit invoice for extra hours worked on a project, for example, you could send them an invoice based on your expected hours. Debit invoices are always positive."})]}),Object(n.jsxs)("div",{className:"policy-section invoice-my0 pb56",children:[Object(n.jsx)("h3",{className:"section-text-1 mb16",children:"4. Service Invoice"}),Object(n.jsx)("p",{className:"text-2",children:"Service invoices are generally generated by businesses that do not sell products but offer services. Service firms like digital marketers, lawyers, software developers, and consultants bill clients hourly rather than in bulk and use services invoices to request payment from their clients."})]}),Object(n.jsxs)("div",{className:"policy-section invoice-my0 pb56",children:[Object(n.jsx)("h3",{className:"section-text-1 mb16",children:"5. Timesheet Invoice"}),Object(n.jsx)("p",{className:"text-2",children:"A timesheet invoice is used when a company or employee bills his services based on hours worked and pay rate. Timesheets are usually used by hourly contract employees."})]}),Object(n.jsxs)("div",{className:"policy-section invoice-my0 pb56",children:[Object(n.jsx)("h3",{className:"section-text-1 mb16",children:"6. Commercial Invoice"}),Object(n.jsx)("p",{className:"text-2",children:"This type of invoices are used by export/import companies. Commercial invoices contain significantly more information than normal invoices. It has the same information as a conventional invoice but additionally will contain details such as shipping details, country, place of supply, total shipments to be delivered, package details and other shipping/freight details."})]}),Object(n.jsxs)("div",{className:"policy-section invoice-my0 pb56",children:[Object(n.jsx)("h3",{className:"section-text-1 mb16",children:"7. Recurring Invoice"}),Object(n.jsx)("p",{className:"text-2",children:"Businesses that charge fixed costs to their clients on a weekly or monthly basis, such as apartment rent, bills, subscriptions, or software, issue recurring invoices. Monthly recurring invoices are prepared and sent to the client until the contract or subscription is cancelled. These are the most common types of invoices in the digital economy."})]}),Object(n.jsxs)("div",{className:"policy-section invoice-my0 pb56",children:[Object(n.jsx)("h3",{className:"section-text-1 mb16",children:"8. Credit Note"}),Object(n.jsx)("p",{className:"text-2",children:"A credit note is issued by a company/supplier when the client reports a product as damaged or faulty. Credit notes essentially are the opposite of invoices."})]}),Object(n.jsxs)("div",{className:"policy-section invoice-my0 pb56",children:[Object(n.jsx)("h2",{className:"section-header",children:"Essential Parts of an Invoice Explained"}),Object(n.jsx)("p",{className:"text-2",children:"An invoice should have the following details."})]}),Object(n.jsxs)("div",{className:"policy-section invoice-my0 pb56",children:[Object(n.jsx)("h3",{className:"section-text-1 mb16",children:"Invoice number"}),Object(n.jsx)("p",{className:"text-2",children:"An invoice number is a unique sequential code provided to each invoice so that it can be identified at any time."})]}),Object(n.jsxs)("div",{className:"policy-section invoice-my0 pb56",children:[Object(n.jsx)("h3",{className:"section-text-1 mb16",children:"Invoice header"}),Object(n.jsx)("p",{className:"text-2",children:"The invoice number, issue date, and due date are added in the first section called
1invoice header in an invoice generator. Create a professional invoice by adding your company or personal logo."})]}),Object(n.jsxs)("div",{className:"policy-section invoice-my0 pb56",children:[Object(n.jsx)("h3",{className:"section-text-1 mb16",children:"Contact details"}),Object(n.jsx)("p",{className:"text-2",children:"Contact details like address, phone number, email id of the person sending the invoice, so that any doubts can be cleared."})]}),Object(n.jsxs)("div",{className:"policy-section invoice-my0 pb56",children:[Object(n.jsx)("h3",{className:"section-text-1 mb16",children:"Business details"}),Object(n.jsx)("p",{className:"text-2",children:"Invoices should contain the business entity details like address, GST registration number, official company name and stamp, owner details etc."})]}),Object(n.jsxs)("div",{className:"policy-section invoice-my0 pb56",children:[Object(n.jsx)("h3",{className:"section-text-1 mb16",children:"Services offered / Products bought"}),Object(n.jsx)("p",{className:"text-2",children:"Invoices should also contain details of the services offered or products sold for which the invoice is being raised."})]}),Object(n.jsxs)("div",{className:"policy-section invoice-my0 pb56",children:[Object(n.jsx)("h3",{className:"section-text-1 mb16",children:"Pricing"}),Object(n.jsx)("p",{className:"text-2",children:"Invoices should also contact per piece pricing of each item/service being sold/offered."})]}),Object(n.jsxs)("div",{className:"policy-section invoice-my0 pb56",children:[Object(n.jsx)("h3",{className:"section-text-1 mb16",children:"GST and Other Taxes"}),Object(n.jsx)("p",{className:"text-2",children:"Invoice should also contain any included taxes, like GST."})]}),Object(n.jsxs)("div",{className:"policy-section invoice-my0 pb56",children:[Object(n.jsx)("h3",{className:"section-text-1 mb16",children:"Payment Terms"}),Object(n.jsx)("p",{className:"text-2",children:"Invoices should also specify the expected time of payment."})]}),Object(n.jsxs)("div",{className:"policy-section invoice-my0 pb56",children:[Object(n.jsx)("h3",{className:"section-text-1 mb16",children:"Discounts"}),Object(n.jsx)("p",{className:"text-2",children:"If any discounts are offered, it should reflect in the pricing in an invoice."})]}),Object(n.jsxs)("div",{className:"policy-section invoice-my0 pb56",children:[Object(n.jsx)("h3",{className:"section-text-1 mb16",children:"Payment Details"}),Object(n.jsx)("p",{className:"text-2",children:"Invoices may also contain payment details like bank account number, routing number, IFSC code or PayPal and other payment related details."})]}),Object(n.jsxs)("div",{className:"policy-section invoice-my0 pb56",children:[Object(n.jsx)("h3",{className:"section-text-1 mb16",children:"Signature"}),Object(n.jsx)("p",{className:"text-2",children:"Invoices should also contain the stamp or signature of the designed authority who is generating the invoice. In online invoices, this is excluded however."})]}),Object(n.jsxs)("div",{className:"policy-section invoice-my0 pb56",children:[Object(n.jsx)("h3",{className:"section-text-1 mb16",children:"Terms and Conditions"}),Object(n.jsx)("p",{className:"text-2",children:"Include your company's terms and conditions in the invoice so that the paying party is clear and transparent about your rules and regulations."})]}),Object(n.jsxs)("div",{className:"policy-section invoice-my0 pb56",children:[Object(n.jsx)("h3",{className:"section-text-1 mb16",children:"Additional notes if any"}),Object(n.jsx)("p",{className:"text-2",children:"Add any riders, exclusions or special conditions in the notes section of your invoice."})]}),Object(n.jsxs)("div",{className:"policy-section invoice-my0 pb56",children:[Object(n.jsx)("h2",{className:"section-header",children:"Invoice Numbers - How Free Online Invoice Generators can Help"}),Object(n.jsx)("p",{className:"text-2 mb12",children:"One of the common mistakes in invoices is quoting the wrong invoice number. This can be fixed by using a sequential format in online invoice generators."}),Object(n.jsx)("p",{className:"text-2 mb12",children:"An invoice number is a unique sequential code provided to each invoice."}),Object(n.jsx)("p",{className:"text-2 mb12",children:"Invoice numbers are vital to properly documenting income for tax and accounting purposes. They also help track payments and invoices."}),Object(n.jsx)("p",{className:"text-2",children:"Each invoice should have its own invoice number. An invoice is not regarded as a legal document unless it has an invoice number."})]}),Object(n.jsxs)("div",{className:"policy-section invoice-my0 pb56",children:[Object(n.jsx)("h3",{className:"section-text-1 mb16",children:"The right way of using invoice numbers on online invoices"}
1),Object(n.jsx)("p",{className:"text-2 mb12",children:"Invoice numbers are required to identify invoices. Ideally, the invoice numbers should be assigned progressively, increasing in number. A legal invoice number sequence has no duplicates or gaps."}),Object(n.jsx)("p",{className:"text-2 mb12",children:"Invoices numbered '1','2','3', etc. might be confusing as they approach double or triple figures. While new firms may not have a large number of invoices to begin with, it is critical to plan for future growth."}),Object(n.jsx)("p",{className:"text-2 mb12",children:Object(n.jsx)("strong",{children:"\ud83d\udca1 Tip: To make an invoice number longer and unique, include the month or year it was issued."})}),Object(n.jsx)("p",{className:"text-2 mb12",children:"For example, the first invoice in 2021 could be numbered '210001'. '210002', '210003', and so on. The numbers would be refreshed each year. 2022's first billing would be 220001."}),Object(n.jsx)("p",{className:"text-2",children:"This technique allows you to readily identify an invoice's year of issue while maintaining sequential numbering."})]}),Object(n.jsxs)("div",{className:"policy-section invoice-my0",children:[Object(n.jsx)("h2",{className:"section-header",children:"Common invoicing mistakes that businesses make"}),Object(n.jsx)("p",{className:"text-2 mb12",children:"Correcting your mistakes is easy once you know what they are. When it comes to invoicing, here are the most common mistakes that businesses make:"}),Object(n.jsxs)("p",{className:"text-2 mb12",children:[Object(n.jsx)("strong",{children:"Not issuing an invoice"})," - This one is obvious. Missing invoices can cause a lot of confusion as to how much has to be paid, and you could lose your cash flow."]}),Object(n.jsxs)("p",{className:"text-2 mb12",children:[Object(n.jsx)("strong",{children:"Missing important information"})," - There are certain details you must enter when issuing an invoice. Missing some (or all) of these details will cause problems."]}),Object(n.jsxs)("p",{className:"text-2",children:[Object(n.jsx)("strong",{children:"Mistakes in the invoice"})," - You obviously do not want to make mistakes in your invoice particulars, like amount, quantity, and so forth. Multiple mistakes can cause mistrust between the business and the client."]})]})]})})},Ne=i("8yh3"),ve=function(e){return Object(n.jsxs)(n.Fragment,{children:[Object(n.jsx)(ue,{}),Object(n.jsxs)("div",{className:"bk-white",children:[Object(n.jsxs)("div",{className:"container additional-info online-invoice",children:[Object(n.jsx)(pe,{}),Object(n.jsx)(ye,{}),Object(n.jsx)("div",{className:"section-divider"}),Object(n.jsxs)("div",{className:"pb64",children:[Object(n.jsx)("h2",{className:"section-header all-product",children:"Try our other free products"}),Object(n.jsx)(xe.a,{})]})]}),Object(n.jsx)(Ne.a,{})]})]})};t.default=function(){return Object(n.jsxs)(ce.a,{blackFooter:!0,transparentHeader:!0,whiteHeader:!0,className:"invoice-generator-layout",children:[Object(n.jsxs)(T,{children:[Object(n.jsxs)(o.a,{children:[Object(n.jsx)("title",{children:"Online Invoice Generator Free - Create Online Invoices"}),Object(n.jsx)("meta",{name:"description",content:"Bill your clients easily with this free online invoice generator. Give client details, and export your free PDF invoice!"}),Object(n.jsx)("meta",{name:"og:title",content:"Online Invoice Generator Free - Create Online Invoices"}),Object(n.jsx)("meta",{name:"og:description",content:"Bill your clients easily with this free online invoice generator. Give client details, and export your free PDF invoice!"}),Object(n.jsx)("meta",{name:"og:image",content:"https://mydukaan.io/images/tools/og-images/invoice-generator.jpg"}),Object(n.jsx)("link",{rel:"canonical",href:"https://mydukaan.io/tools/invoice-generator"}),Object(n.jsx)("script",{type:"application/ld+json",dangerouslySetInnerHTML:{__html:'\n {\n "@context": "https://schema.org",\n "@type": "FAQPage",\n "mainEntity": [\n {\n "@type": "Question",\n "name": "What is an invoice?",\n "acceptedA
1nswer": {\n "@type": "Answer",\n "text": "An invoice is a simple document issued by the business to the customer or buyer. It contains details about the product, quantities, cost of goods or services that are rendered by the seller."\n }\n },\n {\n "@type": "Question",\n "name": "Why should I use this tool?",\n "acceptedAnswer": {\n "@type": "Answer",\n "text": " Creating and sending invoices to the customers is an important part of running a business. But, the process of making invoices is a tedious process. By using this tool, you can create invoice for your business without any hassle."\n }\n },\n {\n "@type": "Question",\n "name": "Is this tool free?",\n "acceptedAnswer": {\n "@type": "Answer",\n "text": "Yes, it\'s absolutely free. You can generate as many invoices as per your requirements without spending any money."\n }\n },\n {\n "@type": "Question",\n "name": "How can I share the invoice with the customer?",\n "acceptedAnswer": {\n "@type": "Answer",\n "text": "Once you enter the details, invoice will be generated. You can then download the invoice and share with your customers with email or any other preferred medium."\n }\n },\n {\n "@type": "Question",\n "name": "Are invoices legally required?",\n "acceptedAnswer": {\n "@type": "Answer",\n "text": "No, invoices do not serve as a legally binding document between the business and the client."\n }\n }, \n ]\n }\n '}})]}),Object(n.jsx)(se,{})]}),Object(n.jsx)(ve,{})]})}},XpNr:function(e,t,i){"use strict";var n=i("nKUr"),s=i("20a2"),c=i("q1tI"),a=i("TSYQ"),o=i.n(a),r=i("adk9"),l=i("qV08"),d=i("KbEb"),j=i("A8lN");t.a=function(e){var t=e.children,i=e.className,a=void 0===i?"":i,u=e.renderBottom,b=e.renderBeforeFooter,m=e.blackFooter,h=void 0!==m&&m;Object(r.h)();var y=Object(r.i)("box-layout-content").showHeader,x=(Object(s.useRouter)(),Object(j.b)().country),p=Object(c.useState)(!1),N=p[0],v=p[1];Object(c.useEffect)((function(){var e=document.getElementsByClassName("header-timer");v((null===e||void 0===e?void 0:e.length)>0)}),[]);var O=o()("content-section",{timerMain:N});return Object(n.jsxs)("div",{id:"scrollLayout",className:"box-layout-wrap ".concat(a),children:[Object(n.jsxs)("div",{className:O,children:[Object(n.jsx)(l.a,{whiteHeader:y,country:x}),Object(n.jsx)("div",{className:x?"blue-box us-faq-box timer":"blue-box"}),Object(n.jsxs)("div",{className:x?"box-layout-panel us-faq-layout timer":"box-layout-panel",children:[Object(n.jsx)("div",{id:"box-layout-content",className:"container box-layout-content",children:t}),u&&u()]})]}),b&&b(),Object(n.jsx)(d.a,{blackFooter:h,country:x})]})}},YiKy:function(e,t,i){"use strict";i.d(t,"b",(function(){return y})),i.d(t,"a",(function(){return x}));var n=i("cpVT"),s=i("nKUr"),c=i("q1tI"),a=i("TSYQ"),o=i.n(a),r=i("X7BR"),l=i("hw0E"),d=i.n(l),j=i("leUy"),u=i.n(j),b=i("adk9"),m=i("XpNr");function h(e,t){var i=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),i.push.apply(i,n)}return i}var y=function(e){var t=e.question,i=e.answer,n=e.AnswerComponent,a=Object(c.useState)(),o=a[0],r=a[1];return Object(s.jsxs)("div",{className:"faq-item",children:[Object(s.jsxs)("div",{className:"faq-header",onClick:function(){r((function(e){return!e}))},children:[Object(s.jsx)("h3",{children:t}),Object(s.jsx)("div",{className:"expand-action",children:o?Object(s.jsx)("img",{src:u.a,alt:"-"}):Object(s.jsx)("img",{src:d.a,alt:"+"})})]}),o&&Object(s.jsx)("div",{className:"faq-content",children:n?Object(s.jsx)(n,{}):Object(s.jsx)("p",{children:i})})]})},x=function(e){var t=e.data,i=void 0===t?[]:t,c=e.className,a=void 0===c?"":c;return Object(s.jsx)("div",{className:o()("faq-list",a),children:i.map((function(e,t){return Object(s.jsx)(y,function(e){for(var t=1;t<arguments.length;t++){var i=null!=arguments[t]?arguments[t]:{};
1t%2?h(Object(i),!0).forEach((function(t){Object(n.a)(e,t,i[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(i)):h(Object(i)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(i,t))}))}return e}({},e),t)}))})},p=function(){return Object(s.jsxs)("section",{className:"faq-section",children:[Object(s.jsx)("h2",{className:"section-header",children:"FAQs"}),Object(s.jsxs)("p",{className:"faq-info",children:["Hi, if you have questions or at any point you\u2019re confused or too annoyed to dig through this page to find the answer you\u2019re looking for, just email us at ",Object(s.jsx)(b.e,{})]}),Object(s.jsx)("p",{className:"faq-info",children:"Here are the universe\u2019s most frequently asked questions:"}),Object(s.jsx)(x,{data:r.g})]})};t.c=function(){return Object(s.jsx)(m.a,{children:Object(s.jsx)(p,{})})}},dJlS:function(e,t){e.exports="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI3MiIgaGVpZ2h0PSI3MiIgZmlsbD0ibm9uZSIgdmlld0JveD0iMCAwIDcyIDcyIj4KICAgIDxwYXRoIGZpbGw9IiMxNDZFQjQiIGZpbGwtb3BhY2l0eT0iLjE1IiBzdHJva2U9IiMxNDZFQjQiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgc3Ryb2tlLXdpZHRoPSIzLjUiIGQ9Ik0zNiA2NGMxNS40NjQgMCAyOC0xMi41MzYgMjgtMjhTNTEuNDY0IDggMzYgOCA4IDIwLjUzNiA4IDM2czEyLjUzNiAyOCAyOCAyOHoiLz4KICAgIDxwYXRoIHN0cm9rZT0iIzE0NkVCNCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2Utd2lkdGg9IjMuMiIgZD0iTTQ0IDMxbC04LTgtOCA4TTM2IDIzdjE5LjIiLz4KICAgIDxwYXRoIHN0cm9rZT0iIzE0NkVCNCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2Utd2lkdGg9IjIuNiIgZD0iTTU0IDQwLjI4Nkw0OS43MTQgMzZsLTQuMjg1IDQuMjg2TTQ5LjcxNCAzNnYxMC4yODZNMjYuNTcxIDQwLjI4NkwyMi4yODYgMzYgMTggNDAuMjg2TTIyLjI4NiAzNnYxMC4yODYiLz4KPC9zdmc+Cg=="},fuOU:function(e,t,i){"use strict";var n=i("nKUr"),s=(i("q1tI"),i("20a2")),c=[{key:"privacy-policy-generator",title:"Privacy Policy Generator",body:"Generate free Privacy Policy statements for your website.",image:"/images/tools/privacy-policy.jpg",url:"/tools/privacy-policy-generator"},{key:"slogan-generator",title:"Free Slogan Maker",body:"Create tagline for own business with FREE Slogan Maker.",image:"/images/tools/slogan-maker.jpg",url:"/tools/slogan-generator"},{key:"terms-and-conditions-generator",title:"Terms and Conditions Generator",body:"Generate free Terms and Conditions statements for your website.",image:"/images/tools/terms-generator.jpg",url:"/tools/terms-and-conditions-generator"},{key:"invoice-generator",title:"Invoice Generator",body:"Generate free invoices for your business.",image:"/images/tools/invoice-generator.jpg",url:"/tools/invoice-generator"},{key:"qr-code-generator",title:"QR Code Generator",body:"Generate free QR Code for your business.",image:"/images/tools/qr-code-generator.jpg",url:"/tools/qr-code-generator"},{key:"background-remover",title:"Background Remover",body:"Remove background from images for free.",image:"/images/tools/background-remover.jpg",url:"/tools/background-remover"},{key:"gst-calculator",title:"GST Calculator",body:"Calculate GST online easily with GST Calculator.",image:"/images/tools/gst-calculator.jpg",url:"/tools/gst-calculator"},{key:"product-description-generator",title:"Product Description Generator",body:"Generate product descriptions for free.",image:"/images/tools/product-description.jpg",url:"/tools/product-description-generator"},{key:"image-enhancer",title:"Image Enhancer",body:"Enhance photo color and improve photo quality.",image:"/images/tools/enhancer.jpg",url:"/tools/image-enhancer"}];t.a=function(){var e=Object(s.useRouter)();return Object(n.jsx)("div",{className:"all-products",children:Object(n.jsx)("div",{className:"row",children:c.filter((function(t){return!e.pathname.includes(t.key)})).map((function(e){var t=e.title,i=e.body,s=e.image,c=e.url;return Object(n.jsx)("div",{className:"col-md-4 col-xs-12 product-item",children:Object(n.jsxs)("a",{href:c,children:[Object(n.jsx)("img",{src:s,alt:t,className:"mb16"}),Object(n.jsx)("div",{className:"mb4",children:t}),Object(n.jsx)("p",{children:i})]})},t)}))})})}},g4pe:function(e,t,i){e.exports=i("8Kt/")},hw0E:function(e,t){e.exports="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMiIgaGVpZ2h0PSIyMiIgZmlsbD0ibm9uZSIgdmlld0JveD0iMCAwIDIyIDIyIj4KICAgIDxwYXRoIGZpbGw9IiM0RDRENEQiIGQ9Ik0xMSAxLjcxOGMuNTM0IDAgLjk4NC4zOTYgMS4wNTUuOTIxbC4w
1MS4xNDV2Ny4xNTFoNy4xNTFjLjU1IDAgMS4wMDEuNDE1IDEuMDYuOTQ5bC4wMDYuMTE2YzAgLjUzNC0uMzk2Ljk4NC0uOTM4IDEuMDU3bC0uMTI4LjAwOGgtNy4xNTF2Ny4xNTFjMCAuNTUtLjQxNSAxLjAwMi0uOTQ5IDEuMDZsLS4xMTYuMDA2Yy0uNTM0IDAtLjk4NC0uMzk2LTEuMDU3LS45MzhsLS4wMDgtLjEyOHYtNy4xNTJsLTcuMTUxLjAwMWMtLjU1IDAtMS4wMDEtLjQxNS0xLjA2LS45NDlMMS43MTkgMTFjMC0uNTM0LjM5Ni0uOTg0LjkzOC0xLjA1N2wuMTI4LS4wMDhoNy4xNVYyLjc4NGMwLS41NS40MTYtMS4wMDEuOTUtMS4wNkwxMSAxLjcxOXoiLz4KICAgIDxwYXRoIGZpbGw9IiM0RDRENEQiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTExIDEuNDQzYy42NzIgMCAxLjIzOC40OTggMS4zMjggMS4xNmwuMDAyLjAxOC4wMS4xNjNWOS42Nmg2Ljg3NmMuNjkxIDAgMS4yNi41MjMgMS4zMzMgMS4xOTRsLjAwMS4wMTUuMDA3LjEzMWMwIC42NzUtLjUwMSAxLjIzOS0xLjE3NiAxLjMzaC0uMDFsLS4xNTUuMDFIMTIuMzR2Ni44NzZjMCAuNjkxLS41MjMgMS4yNi0xLjE5NCAxLjMzM2wtLjAxNS4wMDEtLjEzMS4wMDdjLS42NzUgMC0xLjIzOS0uNTAxLTEuMzMtMS4xNzZsLS4wMDEtLjAxLS4wMS0uMTU1VjEyLjM0bC02Ljg3NS4wMDFjLS42OTEgMC0xLjI2LS41MjMtMS4zMzMtMS4xOTRsLS4wMDEtLjAxNUwxLjQ0MyAxMWMwLS42NzUuNTAxLTEuMjM5IDEuMTc2LTEuMzNoLjAxbC4xNTUtLjAxSDkuNjZWMi43ODRjMC0uNjkxLjUyMi0xLjI2IDEuMTk0LTEuMzMzbC4wMTUtLjAwMS4xMzEtLjAwN3pNOS45MzUgOS45MzVIMi43ODRsLS4xMjguMDA4Yy0uNTQyLjA3My0uOTM4LjUyMy0uOTM4IDEuMDU3bC4wMDcuMTE2Yy4wNTguNTM0LjUxLjk1IDEuMDU5Ljk1bDcuMTUtLjAwMnY3LjE1MmwuMDA5LjEyOGMuMDczLjU0Mi41MjMuOTM4IDEuMDU3LjkzOGwuMTE2LS4wMDdjLjUzNC0uMDU3Ljk1LS41MS45NS0xLjA1OWwtLjAwMS03LjE1MWg3LjE1MWwuMTI4LS4wMDhjLjU0Mi0uMDczLjkzOC0uNTIzLjkzOC0xLjA1N2wtLjAwNy0uMTE2Yy0uMDU4LS41MzQtLjUxLS45NS0xLjA1OS0uOTVsLTcuMTUxLjAwMVYyLjc4NGwtLjAxLS4xNDVjLS4wNy0uNTI1LS41Mi0uOTItMS4wNTUtLjkybC0uMTE2LjAwNmMtLjUzNC4wNTgtLjk1LjUxLS45NSAxLjA1OXY3LjE1eiIgY2xpcC1ydWxlPSJldmVub2RkIi8+Cjwvc3ZnPgo="},leUy:function(e,t){e.exports="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMiIgaGVpZ2h0PSIyMiIgZmlsbD0ibm9uZSIgdmlld0JveD0iMCAwIDIyIDIyIj4KICAgIDxyZWN0IHdpZHRoPSIxOS4yNSIgaGVpZ2h0PSIyLjc1IiB4PSIxLjM3NSIgeT0iOS42MjUiIGZpbGw9IiMxQTE4MUUiIHJ4PSIxLjM3NSIvPgo8L3N2Zz4K"},xvhg:function(e,t,i){"use strict";i.d(t,"a",(function(){return s}));var n=i("8rE2");function s(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){if("undefined"!==typeof Symbol&&Symbol.iterator in Object(e)){var i=[],n=!0,s=!1,c=void 0;try{for(var a,o=e[Symbol.iterator]();!(n=(a=o.next()).done)&&(i.push(a.value),!t||i.length!==t);n=!0);}catch(r){s=!0,c=r}finally{try{n||null==o.return||o.return()}finally{if(s)throw c}}return i}}(e,t)||Object(n.a)(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}},z7pX:function(e,t,i){"use strict";i.d(t,"a",(function(){return c}));var n=i("6FTQ");var s=i("8rE2");function c(e){return function(e){if(Array.isArray(e))return Object(n.a)(e)}(e)||function(e){if("undefined"!==typeof Symbol&&Symbol.iterator in Object(e))return Array.from(e)}(e)||Object(s.a)(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}}},[["JI4O",0,2,14,37,1,3,4,5,6,13,36]]]);
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.