@fractalpay/fractalpay-next-dev 0.0.147 → 0.0.149

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,516 +0,0 @@
1
- var M=Object.defineProperty,G=Object.defineProperties;var Y=Object.getOwnPropertyDescriptors;var v=Object.getOwnPropertySymbols;var E=Object.prototype.hasOwnProperty,P=Object.prototype.propertyIsEnumerable;var N=(e,t,a)=>t in e?M(e,t,{enumerable:!0,configurable:!0,writable:!0,value:a}):e[t]=a,pe=(e,t)=>{for(var a in t||(t={}))E.call(t,a)&&N(e,a,t[a]);if(v)for(var a of v(t))P.call(t,a)&&N(e,a,t[a]);return e},de=(e,t)=>G(e,Y(t));var ce=(e=>typeof require!="undefined"?require:typeof Proxy!="undefined"?new Proxy(e,{get:(t,a)=>(typeof require!="undefined"?require:t)[a]}):e)(function(e){if(typeof require!="undefined")return require.apply(this,arguments);throw Error('Dynamic require of "'+e+'" is not supported')});var me=(e,t)=>{var a={};for(var o in e)E.call(e,o)&&t.indexOf(o)<0&&(a[o]=e[o]);if(e!=null&&v)for(var o of v(e))t.indexOf(o)<0&&P.call(e,o)&&(a[o]=e[o]);return a};var I=(e,t)=>()=>(t||e((t={exports:{}}).exports,t),t.exports);var j=I((ke,H)=>{H.exports={name:"@fractalpay/fractalpay-next-dev",version:"0.0.147",private:!1,scripts:{dev:"next dev -p 4001",build:"next build",start:"next start",lint:"next lint",bundle:"tsup src/app/index.ts"},dependencies:{"@stripe/react-stripe-js":"^5.3.0","@stripe/stripe-js":"^8.3.0","@types/yup":"^0.29.14",axios:"^1.8.1",bootstrap:"^5.3.3","credit-card-type":"^10.0.1",formik:"^2.4.6","node-forge":"^1.3.1","react-bootstrap":"^2.10.5","react-bs-datatable":"^3.15.0","react-datepicker":"^7.5.0","react-icons":"^5.5.0","react-number-format":"^5.4.3","react-toastify":"^10.0.6","socket.io-client":"^4.8.1","styled-components":"^6.1.15",sweetalert2:"^11.22.0",yup:"^1.6.1"},peerdependencies:{next:"15.0.5",react:">=18.0.0 <20.0.0","react-dom":">=18.0.0 <20.0.0"},devDependencies:{"@types/estree":"^1.0.8","@types/node":"^20","@types/node-forge":"^1.3.11","@types/react":"^18","@types/react-dom":"^18",autoprefixer:"^10.4.20","credit-card-type":"^10.0.1",eslint:"^8","eslint-config-next":"15.0.3",next:"^15.0.5",react:"^18.3.1","react-bs-datatable":"^3.15.0","react-datepicker":"^7.5.0","react-dom":"^18.3.1","react-toastify":"^10.0.6",tsup:"^8.4.0",typescript:"^5"},author:"Mukul",license:"MIT",keywords:["nextjs","next","typescript","tailwindcss"],main:"dist/index.js",publishConfig:{access:"public"}}});import q from"react";var Q=e=>q.createElement("style",null,`
2
- .fractal-input::placeholder {
3
- color: #35254D;
4
- opacity: 1;
5
- font-size: 15px;
6
- }
7
-
8
- .fractal-input::-ms-input-placeholder {
9
- color: #35254D;
10
- font-size: 15px;
11
- }
12
-
13
- .trigger{
14
- text-align: center;
15
- padding: 7px 13px;
16
- background: #3e3e3e;
17
- color: #fff;
18
- font-size: 15px;
19
- outline: none;
20
- border: none;
21
- border-radius: 5px;
22
- font-family: cursive;
23
- }
24
-
25
- // .fractal-popup {
26
- // position: fixed;
27
- // z-index: 9999;
28
- // top: 0;
29
- // right: 0;
30
- // bottom: 0;
31
- // left: 0;
32
- // width: 100%;
33
- // // max-width:810px;
34
- // height: 100%;
35
- // background-color: rgba(0, 0, 0, 0.5);
36
- // transition: visibility 0s linear 0.25s, opacity 0.25s 0s, transform 0.25s;
37
- // display: flex;
38
- // justify-content: center;
39
- // align-items: center;
40
- // overflow:auto;
41
- // }
42
-
43
- .fractal-popup {
44
- position: fixed;
45
- z-index: 1050;
46
- left: 0;
47
- top: 0;
48
- width: 100%;
49
- height: 100%;
50
- overflow: auto;
51
- background-color: rgba(0, 0, 0, 0.8);
52
- // padding:20px
53
- }
54
-
55
- .fractal-popup-content {
56
- margin:20px auto !important;
57
- transform :none;
58
- background-color: white;
59
- padding:20px;
60
- border-radius: 0.5rem;
61
- box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
62
- box-sizing: border-box;
63
- position: relative;
64
- // min-height : 585px;
65
- max-width:810px;
66
- width:90vw
67
-
68
- }
69
-
70
-
71
- // @media only screen and (min-width: 600px){
72
- // .fractal-popup-content {
73
- // max-width:810px;
74
- // }
75
- // }
76
- // @media only screen and (max-width: 600px){
77
- // .fractal-popup-content {
78
- // width: 350px;
79
- // }
80
- // }
81
- // @media only screen and (max-width: 450px){
82
- // .fractal-popup-content {
83
- // width: 300px;
84
- // }
85
- // }
86
- .close-popup {
87
- max-height:25px;
88
- width:25px;
89
- height: 25px;
90
- color: #999;
91
- position: absolute;
92
- top: 2px;
93
- right: 4px;
94
- z-index: 7;
95
- text-align: center;
96
- cursor: pointer;
97
- border-radius: 0.25rem;
98
- font-size: 30px;
99
- line-height: 30px;
100
- display: flex;
101
- align-items: center;
102
- justify-content: center;
103
- }
104
-
105
- .close-popup:hover {
106
- color: #000;
107
- }
108
-
109
- .fractal-inpt-list {
110
- margin-bottom: 15px;
111
- }
112
-
113
- .fractal-label {
114
- color: #727272;
115
- margin-bottom: 3px;
116
- font-family: "Inter", sans-serif;
117
- font-weight: 500;
118
- font-size: 12px;
119
- display: block;
120
- text-align: left;
121
- }
122
-
123
- .fractal-input {
124
- display: block;
125
- width: 100%;
126
- padding: .320rem .75rem;
127
- font-size: 1rem;
128
- font-weight: 400;
129
- line-height: 1.5;
130
- color: #35254D;
131
- appearance: none;
132
- background-color:#ffffff;
133
- background-clip: padding-box;
134
- border:1px solid #dee2e6;
135
- border-radius: 0.375rem;
136
- transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
137
- }
138
-
139
- .fractal-input:focus {border:#86b7fe 1px solid; outline: none;}
140
-
141
- .fractal-group {
142
- position: relative;
143
- display: flex;
144
- align-items: stretch;
145
- width: 100%;
146
- }
147
-
148
- .fractal-group-icons {
149
- display: flex;
150
- align-items: center;
151
- padding: 0.375rem 0.75rem;
152
- font-size: 1rem;
153
- font-weight: 400;
154
- line-height: 1.5;
155
- color: #212529;
156
- text-align: center;
157
- white-space: nowrap;
158
- background-color: #f8f9fa;
159
- border:#dee2e6 1px solid;
160
- border-radius: 0.375rem 0 0 0.375rem ;
161
- }
162
-
163
- .fractal-group .fractal-input{
164
- border-radius:0 0.375rem 0.375rem 0;
165
- }
166
-
167
-
168
- .pay-button {
169
- outline: 0;
170
- height: 46px;
171
- font-size: 16px;
172
- background: #727272;
173
- border: none;
174
- display: block;
175
- color: #fff;
176
- width: 100%;
177
- border-radius: 180px;
178
- margin: 10px 0;
179
- text-decoration: none;
180
- cursor:pointer,
181
- font-family:
182
- }
183
-
184
- .pay-button:hover, .pay-button:focus {background: #222; color: #fff; cursor:pointer}
185
-
186
- .fractal-powerd-by {
187
- display: flex;
188
- font-size: 12px;
189
- text-align: center;
190
- align-items: center;
191
- justify-content: center;
192
- margin: 5px 0 20px 0;
193
- }
194
-
195
-
196
-
197
-
198
-
199
-
200
-
201
- /* ................................................................ */
202
-
203
- .fractal-pay-popup {
204
- position: fixed;
205
- z-index: 9999;
206
- top: 0;
207
- right: 0;
208
- bottom: 0;
209
- left: 0;
210
- width: 100%;
211
- height: 100%;
212
- background-color: rgba(0, 0, 0, 0.5);
213
- transition: visibility 0s linear 0.25s, opacity 0.25s 0s, transform 0.25s;
214
- display: flex;
215
- justify-content: center;
216
- align-items: center;
217
- }
218
-
219
- .fractal-pay-popup-content {
220
- background-color: white;
221
- padding:0px;
222
- border-radius: 0.5rem;
223
- box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
224
- box-sizing: border-box;
225
- position: relative;
226
- height: 100%;
227
- max-height:90%;
228
- overflow: hidden;
229
- }
230
- .fractal-pay-popup-content iframe{height: 100% !important; }
231
- .fractal-pay-popup-content iframe body{overflow: hidden;}
232
- @media only screen and (min-width: 768px){
233
- .fractal-pay-popup-content iframe{width: 768px;}
234
- .fractal-pay-popup-content {
235
- width: 750px;
236
-
237
- }
238
- }
239
- @media only screen and (max-width: 600px){
240
- .fractal-pay-popup-content {
241
- width: 350px;
242
- }
243
- }
244
- @media only screen and (max-width: 450px){
245
- .fractal-pay-popup-content {
246
- width: 300px;
247
- }
248
- }
249
-
250
- .request-payment-popup-container {
251
- padding: 0px !important;
252
- border-radius: 12px !important;
253
- }
254
- `),S=Q;import f from"react";var J=({open:e,onClose:t,children:a,maxWidth:o})=>e?f.createElement(f.Fragment,null,f.createElement(S,null),f.createElement("div",{className:"fractal-popup"},f.createElement("div",{className:"fractal-popup-content request-payment-popup-container",style:{maxWidth:`${o!=null?o:"auto"}`}},a))):null,be=J;import{useEffect as z}from"react";var{name:y}=j();console.log(y,"dgijiisdfhg");var n="https://fractal-userdata-upload.s3.us-east-1.amazonaws.com/";y==="@fractalpay/fractalpay-next-dev"?(u="https://dev-sky-node.fractalpay.com/",g="https://dev-widget.fractalpay.com/",x="https://api-dev.merchant-trends.com/",m="https://token-cert.dcap.com/v1/client",h="pk_test_51RH5Wc2SlJvyNZ80hpUDy88r4rVdpijfKbNaWaUyQEE6rOrPmG2JQyAj7G5amBD5z5daC56WaeT4jfNhrrPcGOEP00UyKu6AOw"):y==="@fractalpay/fractalpay-next-test"?(u="https://testapi.fractalpay.com/",g="https://staging-widget.fractalpay.com/",x="https://api-dev.merchant-trends.com/",m="https://token-cert.dcap.com/v1/client",h="pk_test_51RH5Wc2SlJvyNZ80hpUDy88r4rVdpijfKbNaWaUyQEE6rOrPmG2JQyAj7G5amBD5z5daC56WaeT4jfNhrrPcGOEP00UyKu6AOw"):y==="@fractalpay/fractalpay-next-testprod"?(u="https://sky-node-prod.fractalpay.com/",g="https://widget-prod.fractalpay.com/",x="https://api.merchant-trends.com/",m="https://token.dcap.com/v1/client",h="pk_live_51RH5WXCZ90rBGeaYwqmjWqgUmudTgxL6uKOE1keu617jvRx9OvW2ke6zGf6SKgv4ixsBLcIPQ4sQIEhp8MgBX39500CqULxOPB"):y==="@fractalpay/fractalpay-next"?(u="https://api.fractalpay.com/",g="https://widget.fractalpay.com/",x="https://api.merchant-trends.com/",m="https://token.dcap.com/v1/client",h="pk_live_51RH5WXCZ90rBGeaYwqmjWqgUmudTgxL6uKOE1keu617jvRx9OvW2ke6zGf6SKgv4ixsBLcIPQ4sQIEhp8MgBX39500CqULxOPB"):(g="http://localhost:8082/",u="http://localhost:8081/",x="https://api-dev.merchant-trends.com/",m="https://token-cert.dcap.com/v1/client",h="pk_test_51RH5Wc2SlJvyNZ80hpUDy88r4rVdpijfKbNaWaUyQEE6rOrPmG2JQyAj7G5amBD5z5daC56WaeT4jfNhrrPcGOEP00UyKu6AOw");var u,g,x,m,h;function L(){return z(()=>{let e=m;if(typeof window!="undefined"){if(window.DatacapWebToken){console.log("\u2705 Datacap already available");return}if(document.querySelector(`script[src="${e}"]`))console.log("\u2139\uFE0F Script already in DOM, waiting for Datacap...");else{let t=document.createElement("script");t.src=e,t.async=!0,t.onload=()=>{console.log("\u2705 Datacap script loaded"),window.DatacapWebToken?console.log("\u2705 DatacapWebToken is ready:",window.DatacapWebToken):console.warn("\u26A0\uFE0F Script loaded, but DatacapWebToken not found")},t.onerror=a=>{console.error("\u274C Failed to load Datacap script",a)},document.head.appendChild(t)}}},[]),z(()=>{let e="forge-cdn-script";if(!document.getElementById(e)){let t=document.createElement("script");t.src="https://cdn.jsdelivr.net/npm/node-forge@1.0.0/dist/forge.min.js",t.id=e,t.async=!0,document.head.appendChild(t)}return()=>{let t=document.getElementById(e);t&&document.head.removeChild(t)}},[]),null}import X from"react";function Z({}){return X.createElement("style",null,`
255
- .frac-card-bank-radio-main{
256
- display: flex;
257
- flex-direction: column;
258
- align-items: flex-start;
259
- align-self: stretch;
260
- border-radius: 14px;
261
- border: 1px solid #E0DFE2;
262
- overflow: hidden;
263
- }
264
-
265
- .frac-card-bank-radio{
266
- display: flex;
267
- padding: 12px 16px;
268
- justify-content: space-between;
269
- align-items: center;
270
- align-self: stretch;
271
- }
272
-
273
- input[type="radio"] {
274
- accent-color: #000;
275
- }
276
-
277
- .frac-card-title-main{
278
- display: flex;
279
- align-items: center;
280
- gap: 12px;
281
- }
282
-
283
- .frac-card-label{
284
- display: flex;
285
- flex-direction: column;
286
- align-items: flex-start;
287
- gap: 2px;
288
- }
289
-
290
- .frac-card-label-text{
291
- color: #727272;
292
- font-family: Inter;
293
- font-size: 12px;
294
- font-style: normal;
295
- font-weight: 500;
296
- line-height: 18px;
297
- letter-spacing: -0.24px;
298
- }
299
-
300
- .frac-card-label-amount{
301
- color: #161616;
302
- text-align: center;
303
- font-family: Inter;
304
- font-size: 16px;
305
- font-style: normal;
306
- font-weight: 500;
307
- line-height: 140%;
308
- letter-spacing: -0.32px;
309
- }
310
-
311
- .frac-payment-type-logo{
312
- width: 24px;
313
- height: 24px;
314
- aspect-ratio: 1/1;
315
- }
316
-
317
- .frac-card-bank-radio-main .frac-card-bank-radio:nth-child(2) {
318
- border-top: 1px solid #E0DFE2;
319
- }
320
-
321
- .frac-card-bank-radio-main .frac-card-bank-radio:nth-child(3) {
322
- border-top: 1px solid #E0DFE2;
323
- }
324
-
325
- .frac-card-bank-radio.frac-active {
326
- background: #F6F6F7;
327
- }
328
- `)}import c from"react";import $ from"react";var V=e=>$.createElement("style",null,`
329
-
330
- .loader {
331
- position: fixed; /* Fixed position to cover the viewport */
332
- top: 0;
333
- left: 0;
334
- width: 100%;
335
- height: 100%;
336
- display: flex;
337
- justify-content: center;
338
- align-items: center;
339
- /* background: rgba(255, 255, 0, 0.01); Adjust the blur effect */
340
- background-color: rgba(31, 29, 29, 0.52); /* Semi-transparent black background */
341
-
342
- backdrop-filter: blur(.5px); /* Blur effect */
343
- z-index: 999999999999 !important; /* Ensure it's on top of other elements */
344
- transform: translate(0%, 0%) !important
345
- }
346
-
347
- .lds-ellipsis {
348
- display: inline-block;
349
- position: relative;
350
- width: 80px;
351
- height: 80px;
352
- }
353
-
354
- .lds-ellipsis div {
355
- position: absolute;
356
- top: 33px;
357
- width: 13px;
358
- height: 13px;
359
- border-radius: 50%;
360
- background: #000;
361
- animation-timing-function: cubic-bezier(0, 1, 1, 0);
362
- }
363
-
364
- .lds-ellipsis div:nth-child(1) {
365
- left: 8px;
366
- animation: lds-ellipsis1 0.6s infinite;
367
- }
368
-
369
- .lds-ellipsis div:nth-child(2) {
370
- left: 8px;
371
- animation: lds-ellipsis2 0.6s infinite;
372
- }
373
-
374
- .lds-ellipsis div:nth-child(3) {
375
- left: 32px;
376
- animation: lds-ellipsis2 0.6s infinite;
377
- }
378
-
379
- .lds-ellipsis div:nth-child(4) {
380
- left: 56px;
381
- animation: lds-ellipsis3 0.6s infinite;
382
- }
383
-
384
- @keyframes lds-ellipsis1 {
385
- 0% {
386
- transform: scale(0);
387
- }
388
- 100% {
389
- transform: scale(1);
390
- }
391
- }
392
-
393
- @keyframes lds-ellipsis2 {
394
- 0% {
395
- transform: translate(0, 0);
396
- }
397
- 100% {
398
- transform: translate(24px, 0);
399
- }
400
- }
401
-
402
- @keyframes lds-ellipsis3 {
403
- 0% {
404
- transform: scale(1);
405
- }
406
- 100% {
407
- transform: scale(0);
408
- }
409
- }
410
-
411
- `),D=V;var R=e=>c.createElement(c.Fragment,null,c.createElement(D,null),(e==null?void 0:e.loading)&&c.createElement("div",{className:"loader"},c.createElement("div",{className:"lds-ellipsis"},c.createElement("div",null),c.createElement("div",null),c.createElement("div",null),c.createElement("div",null)))),We=R;var Ge=e=>{try{let t=JSON.parse(e);return typeof t=="object"&&t!==null}catch(t){return!1}},Ye=[{value:"personal saving",label:"Personal Saving"},{value:"business saving",label:"Business Saving"},{value:"personal checking",label:"Personal Checking"},{value:"business checking",label:"Business Checking"}];function U(e){let t=Number(e);return isNaN(t)?`$${e}`:new Intl.NumberFormat("en-US",{style:"currency",currency:"USD",minimumFractionDigits:2,maximumFractionDigits:2}).format(t)}var ee=n+"widget/mc-img.svg",te=n+"widget/visa-img.svg",re=n+"widget/ae-img.svg",ae=n+"widget/discover-img.svg",b=n+"widget/card.svg",ie=n+"widget/bank.svg",Ie=n+"widget/Trash.svg",qe=n+"widget/secure-img.png",Qe=n+"widget/pov-by.png",B=n+"widget/pax.svg",F=n+"widget/Bank _New.svg",T=e=>{switch(e==null?void 0:e.toLowerCase()){case"visa":return te;case"mastercard":case"mc":case"m/c":return ee;case"amex":case"american express":case"ae":return re;case"discover":case"dcvr":return ae;case"bank":return ie;default:return b}};import s from"react";import oe from"react";function w(){return oe.createElement("style",null,`
412
- .card-error .logo-container {
413
- display: flex;
414
- justify-content: center;
415
- align-items: center;
416
- margin-bottom: -50px; /* Adjust this to overlap the content */
417
- z-index: 10;
418
- }
419
-
420
- .card-error .client-logo {
421
- max-width: 100px;
422
- height: auto;
423
- object-fit: contain;
424
- display: block;
425
- }
426
-
427
- .card-error .payment-error-container {
428
- display: flex;
429
- flex-direction: column;
430
- align-items: center;
431
- padding: 18px 20px 24px;
432
- // width: 335px;
433
- min-height: 250px; /* Fixed height */
434
- background: #FFFFFF;
435
- border-radius: 12px;
436
- position: relative;
437
- box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
438
- border: 1px solid #e3e3e3;
439
- justify-content: center;
440
- text-align: center;
441
- // margin-top: 50px; /* Adjust this to move the content down */
442
- margin: 50px auto 0 auto !important;
443
- }
444
-
445
- .card-error .error-icon {
446
- display: flex;
447
- flex-direction: column;
448
- align-items: center;
449
- gap: 12px;
450
- min-height: 116px;
451
- z-index: 2;
452
- }
453
-
454
- .card-error .circle {
455
- width: 50px;
456
- height: 50px;
457
- border: 1px solid red;
458
- border-radius: 50%;
459
- display: flex;
460
- justify-content: center;
461
- align-items: center;
462
- margin-bottom:20px
463
- }
464
-
465
- .card-error .circle .fa-times {
466
- font-size: 30px;
467
- color: red;
468
- }
469
-
470
- .card-error .error-text {
471
- display: flex;
472
- flex-direction: column;
473
- justify-content: center;
474
- align-items: center;
475
- gap: 4px;
476
- // width: 227px;
477
- }
478
-
479
- .card-error .payment-error-text {
480
- font-family: 'Inter', sans-serif;
481
- font-weight: 500;
482
- font-size: 18px;
483
- line-height: 21px;
484
- text-align: center;
485
- letter-spacing: -0.02em;
486
- color: #161616;
487
- }
488
-
489
- .card-error .thank-you-text {
490
- font-family: 'Inter', sans-serif;
491
- font-weight: 500;
492
- font-size: 16px;
493
- line-height: 18px;
494
- text-align: center;
495
- letter-spacing: -0.02em;
496
- color: #161616 !important;
497
- opacity: 0.5;
498
- padding-top:10px
499
- }
500
-
501
- .card-error .error-btn-div{
502
- padding-top:30px;
503
-
504
- }
505
- .card-error .error-btn-div button{
506
- border-radius: 0.25em;
507
- border:none;
508
- background: initial;
509
- background-color: #7066e0;
510
- box-shadow: var(--swal2-confirm-button-box-shadow);
511
- color: white;
512
- font-size: 1em;
513
- padding:10px 17px;
514
- cursor:pointer;
515
- }
516
- `)}var ne=({onClose:e,error:t})=>s.createElement(s.Fragment,null,s.createElement(w,null),s.createElement("div",{className:"card-error"},s.createElement("div",{className:"payment-error-container"},s.createElement("div",{className:"error-icon"},s.createElement("div",{className:"circle"},s.createElement("i",{className:"fa fa-times","aria-hidden":"true"})),s.createElement("div",{className:"error-text"},s.createElement("div",{className:"payment-error-text"},t),s.createElement("div",{className:"thank-you-text"},"Try again later ")),s.createElement("div",{className:"error-btn-div"},s.createElement("button",{onClick:e},"OK")))))),Re=ne;import d from"react";var it=e=>d.createElement(d.Fragment,null,d.createElement("div",{className:`frac-card-bank-radio ${e.activetab===e.value?"frac-active":""}`,onClick:()=>e.onChange(e.value),role:"radio"},d.createElement("div",{className:"frac-card-title-main"},d.createElement("img",{src:e.label.toLowerCase()==="card"?b:e.label.toLowerCase()==="reader"?B:F,className:"frac-payment-type-logo",alt:""}),d.createElement("div",{className:"frac-card-label"},d.createElement("div",{className:"frac-card-label-text"},e.label),d.createElement("div",{className:"frac-card-label-amount"},U(e.amount)))),d.createElement("div",null,d.createElement("input",{name:"paymenttype",checked:e.activetab===e.value,type:"radio",value:e.value,onChange:t=>{e.onChange(t.target.value)}}))));import i from"react";var dt=({listHeading:e="Card",ListItems:t,selectedCard:a,setSelectedCard:o,paymentGateway:k,handleDeleteCard:_,otherButtonAction:K,otherButtonLabel:W,headingClass:O})=>{let A=n+"widget/Trash.svg";return i.createElement(i.Fragment,null,i.createElement("h6",{className:O||"card-ach-heading",style:{marginBottom:"10px !important"}},e),i.createElement("div",{className:"card-lint-div-in"},i.createElement("div",{className:"card-list-div"},t&&(t==null?void 0:t.length)>0&&(t==null?void 0:t.map((r,se)=>{let C=!1;return k&&(C=k!=(r==null?void 0:r.payment_method_type)&&(r==null?void 0:r.card_type)!="Bank"),i.createElement("div",{key:r==null?void 0:r.id,className:"card-list-single-div"},i.createElement("div",{className:"card-number-radio"},i.createElement("input",{disabled:C,type:"radio",className:"cardRadio",name:"selected_card",id:"",checked:(a==null?void 0:a.id)===(r==null?void 0:r.id),onChange:le=>o(r)}),i.createElement("label",{htmlFor:"",className:"card-number-last-four"},"**** ",r==null?void 0:r.cardlastfourdigit),(r==null?void 0:r.card_type)!="Bank"&&i.createElement("h6",{className:"card-expiry-date"},r==null?void 0:r.expmonth,"/",r==null?void 0:r.expyear)),i.createElement("div",{className:"card-number-radio"},i.createElement("span",{className:"visa-card"},i.createElement("img",{src:T(r==null?void 0:r.card_type),alt:""})),i.createElement("span",{className:"visa-card",style:{cursor:"pointer"},onClick:()=>_(r==null?void 0:r.id)},i.createElement("img",{src:A,alt:""}))))}))),i.createElement("div",{className:"pay-with-other-card",onClick:K},W,i.createElement("img",{src:b,alt:""}))))};var ft={PROPAYKEY:"25",PAYARCKEY:"26",STRIPEKEYCC:"27",PAYRIXKEY:"28",SKYFIACHKEY:"29",JUSTIFIKEY:"30",INFINICEPTKEY:"31",FRACTALKEY:"32"};export{pe as a,de as b,ce as c,me as d,We as e,n as f,u as g,g as h,x as i,h as j,S as k,be as l,Ge as m,Ye as n,U as o,B as p,L as q,Re as r,it as s,Z as t,dt as u,ft as v};