artha-on-off-ramp/dist/index.js

React SDK for Artha On-Off Ramp

import e from"react";import{Button as t,Dropdown as a,Space as l,Form as n,Input as o,Collapse as r,Tabs as s}from"antd";var c=function(){return e.createElement("div",{className:"p-4 bg-white rounded-lg shadow"},e.createElement("h2",{className:"text-xl font-semibold mb-4"},"Buy Crypto"),e.createElement("form",{className:"space-y-4"},e.createElement("div",null,e.createElement("label",{className:"block text-sm font-medium text-gray-700"},"Amount"),e.createElement("input",{type:"number",className:"mt-1 block w-full rounded-md border-gray-300 shadow-sm focus:border-indigo-500 focus:ring-indigo-500 sm:text-sm",placeholder:"Enter amount"})),e.createElement("div",null,e.createElement("label",{className:"block text-sm font-medium text-gray-700"},"Currency"),e.createElement("select",{className:"mt-1 block w-full rounded-md border-gray-300 shadow-sm focus:border-indigo-500 focus:ring-indigo-500 sm:text-sm"},e.createElement("option",null,"USD"),e.createElement("option",null,"EUR"),e.createElement("option",null,"GBP"))),e.createElement("button",{type:"submit",className:"w-full flex justify-center py-2 px-4 border border-transparent rounded-md shadow-sm text-sm font-medium text-white bg-indigo-600 hover:bg-indigo-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500"},"Buy")))},m=function(){return e.createElement("div",{className:"p-4 bg-white rounded-lg shadow"},e.createElement("h2",{className:"text-xl font-semibold mb-4"},"Sell Crypto"))},i=function(){return i=Object.assign||function(e){for(var t,a=1,l=arguments.length;a<l;a++)for(var n in t=arguments[a])Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n]);return e},i.apply(this,arguments)};var d=function(a){var l=a.type,n=void 0===l?"":l,o=a.shape,r=void 0===o?"default":o,s=a.size,c=void 0===s?"middle":s,m=a.block,d=void 0!==m&&m,u=a.loading,b=void 0!==u&&u,p=a.disabled,f=void 0!==p&&p,g=a.children,v=a.onClick,y=a.icon,x=a.danger,E=void 0!==x&&x,h=a.className,N=void 0===h?"":h,w=a.style,k=a.htmlType,C=a.name,T=void 0===C?"":C,B=function(e,t){var a={};for(var l in e)Object.prototype.hasOwnProperty.call(e,l)&&t.indexOf(l)<0&&(a[l]=e[l]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var n=0;for(l=Object.getOwnPropertySymbols(e);n<l.length;n++)t.indexOf(l[n])<0&&Object.prototype.propertyIsEnumerable.call(e,l[n])&&(a[l[n]]=e[l[n]])}return a}(a,["type","shape","size","block","loading","disabled","children","onClick","icon","danger","className","style","htmlType","name"]),D="rounded-5 h-[38px] text-sm font-medium md:min-w-[100px] disabled:opacity-50 disabled:cursor-not-allowed focus-visible:outline-none min-w-full md:mt-0 mt-2.5 hoveranim";return"primary"===n?e.createElement(t,i({},B,{name:T,type:"primary",shape:r,size:c,htmlType:k,block:d,loading:b,disabled:f,onClick:v,icon:y,danger:E,className:"".concat(D," border-0 bg-primaryColor hover:!bg-buttonActiveBg dark:hover:!bg-buttonActiveBg !text-lightDark disabled:!bg-primaryColor disabled:!text-lightDark focus-visible:bg-buttonActiveBg ").concat(N),style:w}),g):"danger"===n?e.createElement(t,i({},B,{name:T,type:"primary",shape:r,size:c,htmlType:k,block:d,loading:b,disabled:f,onClick:v,icon:y,danger:!0,className:"".concat(D," border !border-textRed !text-textRed hover:!text-lightDark hover:!bg-textRed dark:hover:!bg-textRed disabled:!bg-textRed disabled:!text-lightDark focus-visible:bg-textRed ").concat(N),style:w}),g):"plain"===n?e.createElement(t,i({},B,{name:T,htmlType:k,type:"text",shape:r,size:c,block:d,loading:b,disabled:f,onClick:v,icon:y,danger:E,className:N,style:w}),g):e.createElement(t,i({},B,{name:T,htmlType:k,type:n,shape:r,size:c,block:d,loading:b,disabled:f,onClick:v,icon:y,danger:E,className:"".concat(D," border border-primaryColor !bg-transparent hover:!border-cancelBtnHover hover:!bg-primaryColor hover:!text-lightDark text-primaryColor disabled:text-lightWhite focus-visible:bg-cancelBtnHover ").concat(N),style:w}),g)},u=function(t){var n=t.items,o=t.selectedItem,r=t.onClick,s=n.map((function(t){return{key:t.key,label:e.createElement("div",{className:"flex items-center gap-2"},e.createElement("img",{className:"inline-block h-4 w-4 rounded-full",src:t.icon,alt:t.name}),e.createElement("div",null,e.createElement("h5",{className:"text-base text-subTextColor font-semibold"},t.name),e.createElement("p",{className:"text-xs font-normal text-subTextColor"},t.value)))}}));return e.createElement(a,{className:"db-dropdownlist",menu:{items:s},trigger:["click"]},e.createElement("a",{onClick:r},e.createElement(l,null,e.createElement("img",{className:"inline-block min-h-7 min-w-7 max-h-7 max-w-7 rounded-full",src:o.icon,alt:o.name}),e.createElement("div",null,e.createElement("h5",{className:"text-base text-subTextColor font-semibold"},o.name),e.createElement("p",{className:"text-xs font-normal text-subTextColor"},o.value)),e.createElement("button",{className:"relative"},e.createElement("span",{className:"icon menu-expandicon ml-2 cursor-pointer rotate-90"})))))},b=function(t){var a=t.items,l=t.item,s=t.colapsitems,c=t.onChange;return e.createElement("div",{className:"flex items-center flex-col gap-3.5"},e.createElement("div",{className:"w-full"},e.createElement("div",{className:"bg-inputBg rounded-5 p-1.5 w-full"},e.createElement(n,{className:"basicinfo-form"},e.createElement("div",{className:"flex items-center justify-between gap-2"},e.createElement(n.Item,{className:"mb-0 top-label-design",name:"addressFirstName",label:"You Pay",colon:!1},e.createElement(o,{className:"custom-input-field outline-0",placeholder:"You Pay",type:"input",maxLength:100})),e.createElement("div",{className:"vertical-line"}),e.createElement("div",{className:"flex items-center space-x-2 justify-center"},e.createElement(u,{items:a,selectedItem:{name:"USD",value:"470",icon:"https://devdottstoragespace.blob.core.windows.net/arthaimages/briton.svg",key:"USD"},onClick:function(e){return e.preventDefault()}}))))),e.createElement("div",{className:"text-right mt-1.5"},e.createElement("button",{type:"button",className:"text-primaryColor"},"Max: 10,000"))),e.createElement("span",{className:"icon db-down-arrow"}),e.createElement("div",{className:"bg-inputBg rounded-5 p-1.5 w-full"},e.createElement(n,{className:"basicinfo-form"},e.createElement("div",{className:"flex items-center justify-between gap-2"},e.createElement(n.Item,{className:"mb-0 top-label-design",name:"addressFirstName",label:"You Pay",colon:!1},e.createElement(o,{className:"custom-input-field outline-0",placeholder:"You Pay",type:"input",maxLength:100})),e.createElement("div",{className:"vertical-line"}),e.createElement("div",{className:"flex items-center space-x-2 justify-center"},e.createElement(u,{items:l,selectedItem:{name:"BTC",value:"",icon:"https://devdottstoragespace.blob.core.windows.net/arthaimages/BTC.svg",key:"BTC"},onClick:function(e){return e.preventDefault()}}))))),e.createElement(r,{className:"border-0 border-r-0 border-l-0 collapse-border w-full",items:s,defaultActiveKey:["1"],onChange:c}),e.createElement(d,{type:"primary",className:"w-full !my-6"},"Buy"))},p=s.TabPane,f=function(t){var a=t.tabPosition,l=void 0===a?"top":a,n=t.className,o=void 0===n?"":n,r=t.activeKey,c=t.onChange,m=t.defaultActiveKey,i=t.list,d=void 0===i?[]:i,u=t.itemFields,b=void 0===u?{title:"title",key:"key"}:u;return e.createElement(s,{tabPosition:l,className:o,activeKey:r,onChange:c,defaultActiveKey:m,destroyInactiveTabPane:!0},d.map((function(t){return e.createElement(p,{tab:t[b.title],key:t[b.key]},t.children,"  ")})))},g=[{id:"buy",name:"Buy"},{id:"sell",name:"Sell"}],v=[{key:"1",label:e.createElement("div",{className:"flex items-center justify-between"},e.createElement("h5",{className:"text-base text-subTextColor font-semibold"},"Fee"),e.createElement("p",null,"100")),children:e.createElement((function(t){var a=t.fee,l=t.netAmount,n=t.totalAmount;return e.createElement("div",{className:"space-y-3.5"},e.createElement("div",{className:"flex items-center justify-between"},e.createElement("p",{className:"text-paraColor text-sm font-normal"},"Fee"),e.createElement("h5",{className:"text-subTextColor text-sm font-semibold"},a," USD")),e.createElement("div",{className:"flex items-center justify-between"},e.createElement("p",{className:"text-paraColor text-sm font-normal"},"Net Amount"),e.createElement("h5",{className:"text-subTextColor text-sm font-semibold"},l," USD")),e.createElement("div",{className:"flex items-center justify-between"},e.createElement("p",{className:"text-paraColor text-sm font-normal"},"Total Amount"),e.createElement("h5",{className:"text-subTextColor text-sm font-semibold"},n," USD")))}),{fee:"5.00",netAmount:"2.00",totalAmount:"848.73"})}],y=[{key:"USD",name:"USD",value:"470",icon:"https://devdottstoragespace.blob.core.windows.net/arthaimages/briton.svg"},{key:"USDT",name:"USDT",value:"470",icon:"https://devdottstoragespace.blob.core.windows.net/arthaimages/briton.svg"}],x=[{key:"BTC",name:"BTC",value:"",icon:"https://devdottstoragespace.blob.core.windows.net/arthaimages/BTC.svg"},{key:"ETH",name:"ETH",value:"",icon:"https://devdottstoragespace.blob.core.windows.net/arthaimages/ETH.svg"}],E=function(){return e.createElement("div",{className:"kpicardbg mt-7"},e.createElement("div",{className:"flex justify-end gap-2"},e.createElement("div",{className:"!mt-0 toggle-btn"},e.createElement(f,{list:g,itemFields:{title:"name",key:"id"},className:"custom-crypto-tabs"}))),e.createElement(b,{items:y,item:x,colapsitems:v,onChange:function(e){console.log("Active tab changed:",e)}}))};export{c as Buy,E as OnrampofframpSection,m as Sell};
//# sourceMappingURL=index.js.map