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

React SDK for Artha On-Off Ramp

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