coinley-checkout 0.6.8 → 0.7.0

package/dist/coinley-checkout.css

@@ -0,0 +1 @@
+*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}body{margin:0;line-height:inherit}h1,h2,h3,h4{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}strong{font-weight:bolder}code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}button,input,select{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]){-webkit-appearance:button;background-color:transparent;background-image:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}h1,h2,h3,h4,p{margin:0}ol{list-style:none;margin:0;padding:0}input::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder{opacity:1;color:#9ca3af}button{cursor:pointer}img,svg,object{display:block;vertical-align:middle}img{max-width:100%;height:auto}.visible{visibility:visible}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{inset:0}.left-0{left:0}.right-0{right:0}.top-16{top:4rem}.z-20{z-index:20}.z-50{z-index:50}.col-span-2{grid-column:span 2 / span 2}.col-span-3{grid-column:span 3 / span 3}.mx-auto{margin-left:auto;margin-right:auto}.my-3{margin-top:.75rem;margin-bottom:.75rem}.-ml-1{margin-left:-.25rem}.mb-1{margin-bottom:.25rem}.mb-10{margin-bottom:2.5rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.ml-1{margin-left:.25rem}.ml-2{margin-left:.5rem}.ml-3{margin-left:.75rem}.mr-1{margin-right:.25rem}.mr-2{margin-right:.5rem}.mr-3{margin-right:.75rem}.mt-1{margin-top:.25rem}.mt-11{margin-top:2.75rem}.mt-12{margin-top:3rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.block{display:block}.inline{display:inline}.flex{display:flex}.grid{display:grid}.hidden{display:none}.size-4{width:1rem;height:1rem}.size-5{width:1.25rem;height:1.25rem}.h-10{height:2.5rem}.h-12{height:3rem}.h-16{height:4rem}.h-2{height:.5rem}.h-3{height:.75rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-8{height:2rem}.h-auto{height:auto}.min-h-screen{min-height:100vh}.w-10{width:2.5rem}.w-12{width:3rem}.w-16{width:4rem}.w-2{width:.5rem}.w-24{width:6rem}.w-28{width:7rem}.w-3{width:.75rem}.w-32{width:8rem}.w-4{width:1rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-8{width:2rem}.w-auto{width:auto}.w-full{width:100%}.max-w-6xl{max-width:72rem}.max-w-7xl{max-width:80rem}.max-w-md{max-width:28rem}.flex-1{flex:1 1 0%}.rotate-180{--tw-rotate: 180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.select-all{-webkit-user-select:all;-moz-user-select:all;user-select:all}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.gap-1{gap:.25rem}.gap-16{gap:4rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.gap-x-1{-moz-column-gap:.25rem;column-gap:.25rem}.gap-x-12{-moz-column-gap:3rem;column-gap:3rem}.gap-x-16{-moz-column-gap:4rem;column-gap:4rem}.gap-x-2{-moz-column-gap:.5rem;column-gap:.5rem}.gap-x-4{-moz-column-gap:1rem;column-gap:1rem}.gap-y-2{row-gap:.5rem}.space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.5rem * var(--tw-space-x-reverse));margin-left:calc(.5rem * calc(1 - var(--tw-space-x-reverse)))}.space-x-4>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(1rem * var(--tw-space-x-reverse));margin-left:calc(1rem * calc(1 - var(--tw-space-x-reverse)))}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem * var(--tw-space-y-reverse))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem * var(--tw-space-y-reverse))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem * var(--tw-space-y-reverse))}.overflow-y-auto{overflow-y:auto}.break-all{word-break:break-all}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:2rem}.rounded-3xl{border-radius:1.5rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-t-2xl{border-top-left-radius:2rem;border-top-right-radius:2rem}.border{border-width:1px}.border-2{border-width:2px}.border-4{border-width:4px}.border-b{border-bottom-width:1px}.border-b-2{border-bottom-width:2px}.border-t{border-top-width:1px}.border-dashed{border-style:dashed}.border-black{--tw-border-opacity: 1;border-color:rgb(0 0 0 / var(--tw-border-opacity, 1))}.border-blue-200{--tw-border-opacity: 1;border-color:rgb(191 219 254 / var(--tw-border-opacity, 1))}.border-gray-100{--tw-border-opacity: 1;border-color:rgb(243 244 246 / var(--tw-border-opacity, 1))}.border-gray-200{--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1))}.border-gray-300{--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1))}.border-gray-600{--tw-border-opacity: 1;border-color:rgb(75 85 99 / var(--tw-border-opacity, 1))}.border-gray-700{--tw-border-opacity: 1;border-color:rgb(55 65 81 / var(--tw-border-opacity, 1))}.border-purple-600{--tw-border-opacity: 1;border-color:rgb(147 51 234 / var(--tw-border-opacity, 1))}.border-transparent{border-color:transparent}.border-yellow-200{--tw-border-opacity: 1;border-color:rgb(254 240 138 / var(--tw-border-opacity, 1))}.border-t-blue-500{--tw-border-opacity: 1;border-top-color:rgb(59 130 246 / var(--tw-border-opacity, 1))}.bg-\[\#7042D2\]{--tw-bg-opacity: 1;background-color:rgb(112 66 210 / var(--tw-bg-opacity, 1))}.bg-\[\#E9DDFC\]{--tw-bg-opacity: 1;background-color:rgb(233 221 252 / var(--tw-bg-opacity, 1))}.bg-\[\#FF6A2B\]{--tw-bg-opacity: 1;background-color:rgb(255 106 43 / var(--tw-bg-opacity, 1))}.bg-blue-50{--tw-bg-opacity: 1;background-color:rgb(239 246 255 / var(--tw-bg-opacity, 1))}.bg-blue-500{--tw-bg-opacity: 1;background-color:rgb(59 130 246 / var(--tw-bg-opacity, 1))}.bg-blue-600{--tw-bg-opacity: 1;background-color:rgb(37 99 235 / var(--tw-bg-opacity, 1))}.bg-gray-100{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))}.bg-gray-200{--tw-bg-opacity: 1;background-color:rgb(229 231 235 / var(--tw-bg-opacity, 1))}.bg-gray-300{--tw-bg-opacity: 1;background-color:rgb(209 213 219 / var(--tw-bg-opacity, 1))}.bg-gray-50{--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1))}.bg-gray-700{--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1))}.bg-gray-800{--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity, 1))}.bg-gray-900{--tw-bg-opacity: 1;background-color:rgb(17 24 39 / var(--tw-bg-opacity, 1))}.bg-green-100{--tw-bg-opacity: 1;background-color:rgb(220 252 231 / var(--tw-bg-opacity, 1))}.bg-green-500{--tw-bg-opacity: 1;background-color:rgb(34 197 94 / var(--tw-bg-opacity, 1))}.bg-green-600{--tw-bg-opacity: 1;background-color:rgb(22 163 74 / var(--tw-bg-opacity, 1))}.bg-purple-100{--tw-bg-opacity: 1;background-color:rgb(243 232 255 / var(--tw-bg-opacity, 1))}.bg-purple-500{--tw-bg-opacity: 1;background-color:rgb(168 85 247 / var(--tw-bg-opacity, 1))}.bg-purple-600{--tw-bg-opacity: 1;background-color:rgb(147 51 234 / var(--tw-bg-opacity, 1))}.bg-red-100{--tw-bg-opacity: 1;background-color:rgb(254 226 226 / var(--tw-bg-opacity, 1))}.bg-red-50{--tw-bg-opacity: 1;background-color:rgb(254 242 242 / var(--tw-bg-opacity, 1))}.bg-red-500{--tw-bg-opacity: 1;background-color:rgb(239 68 68 / var(--tw-bg-opacity, 1))}.bg-red-600{--tw-bg-opacity: 1;background-color:rgb(220 38 38 / var(--tw-bg-opacity, 1))}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.bg-yellow-100{--tw-bg-opacity: 1;background-color:rgb(254 249 195 / var(--tw-bg-opacity, 1))}.bg-yellow-50{--tw-bg-opacity: 1;background-color:rgb(254 252 232 / var(--tw-bg-opacity, 1))}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-32{padding-left:8rem;padding-right:8rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-9{padding-left:2.25rem;padding-right:2.25rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-12{padding-top:3rem;padding-bottom:3rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.py-8{padding-top:2rem;padding-bottom:2rem}.pb-6{padding-bottom:1.5rem}.pt-12{padding-top:3rem}.pt-32{padding-top:8rem}.pt-4{padding-top:1rem}.pt-6{padding-top:1.5rem}.pt-9{padding-top:2.25rem}.text-left{text-align:left}.text-center{text-align:center}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-5xl{font-size:3rem;line-height:1}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-normal{font-weight:400}.font-semibold{font-weight:600}.capitalize{text-transform:capitalize}.leading-tight{line-height:1.25}.tracking-tight{letter-spacing:-.025em}.text-\[\#7042D2\]{--tw-text-opacity: 1;color:rgb(112 66 210 / var(--tw-text-opacity, 1))}.text-blue-300{--tw-text-opacity: 1;color:rgb(147 197 253 / var(--tw-text-opacity, 1))}.text-blue-600{--tw-text-opacity: 1;color:rgb(37 99 235 / var(--tw-text-opacity, 1))}.text-blue-700{--tw-text-opacity: 1;color:rgb(29 78 216 / var(--tw-text-opacity, 1))}.text-blue-800{--tw-text-opacity: 1;color:rgb(30 64 175 / var(--tw-text-opacity, 1))}.text-blue-900{--tw-text-opacity: 1;color:rgb(30 58 138 / var(--tw-text-opacity, 1))}.text-gray-300{--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.text-gray-400{--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.text-gray-500{--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.text-gray-600{--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.text-gray-700{--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.text-gray-800{--tw-text-opacity: 1;color:rgb(31 41 55 / var(--tw-text-opacity, 1))}.text-gray-900{--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.text-green-300{--tw-text-opacity: 1;color:rgb(134 239 172 / var(--tw-text-opacity, 1))}.text-green-500{--tw-text-opacity: 1;color:rgb(34 197 94 / var(--tw-text-opacity, 1))}.text-green-600{--tw-text-opacity: 1;color:rgb(22 163 74 / var(--tw-text-opacity, 1))}.text-green-800{--tw-text-opacity: 1;color:rgb(22 101 52 / var(--tw-text-opacity, 1))}.text-purple-600{--tw-text-opacity: 1;color:rgb(147 51 234 / var(--tw-text-opacity, 1))}.text-purple-700{--tw-text-opacity: 1;color:rgb(126 34 206 / var(--tw-text-opacity, 1))}.text-red-300{--tw-text-opacity: 1;color:rgb(252 165 165 / var(--tw-text-opacity, 1))}.text-red-500{--tw-text-opacity: 1;color:rgb(239 68 68 / var(--tw-text-opacity, 1))}.text-red-600{--tw-text-opacity: 1;color:rgb(220 38 38 / var(--tw-text-opacity, 1))}.text-red-700{--tw-text-opacity: 1;color:rgb(185 28 28 / var(--tw-text-opacity, 1))}.text-red-800{--tw-text-opacity: 1;color:rgb(153 27 27 / var(--tw-text-opacity, 1))}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.text-yellow-500{--tw-text-opacity: 1;color:rgb(234 179 8 / var(--tw-text-opacity, 1))}.text-yellow-800{--tw-text-opacity: 1;color:rgb(133 77 14 / var(--tw-text-opacity, 1))}.opacity-25{opacity:.25}.opacity-75{opacity:.75}.opacity-80{opacity:.8}.shadow{--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-lg{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-md{--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-none{--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-xl{--tw-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-200{transition-duration:.2s}.duration-500{transition-duration:.5s}body,body *{font-family:Bricolage Grotesque,sans-serif!important}.light,.text-light{font-weight:300}.text-regular{font-weight:400}.text-medium{font-weight:500}.text-semibold{font-weight:600}.text-bold{font-weight:700}.text-extrabold{font-weight:800}:root{--coinley-primary: #7042D2;--coinley-primary-light: #8152E2;--coinley-primary-dark: #5A2FB8;--coinley-purple-50: #ECE3FF;--coinley-purple-100: #D9C7FF;--coinley-purple-200: #C6ABFF;--coinley-purple-300: #B38FFF;--coinley-purple-400: #A073FF;--coinley-purple-500: #8D57FF;--coinley-purple-600: #7042D2;--coinley-purple-700: #5A2FB8;--coinley-purple-800: #441C9E;--coinley-purple-900: #2E0A84;--coinley-bg-primary: #ECE3FF;--coinley-bg-secondary: #F8F6FF;--coinley-bg-white: #FFFFFF;--coinley-text-primary: #1F2937;--coinley-text-secondary: #6B7280;--coinley-text-muted: #9CA3AF;--coinley-border-light: #E5E7EB;--coinley-border-medium: #D1D5DB;--coinley-success: #10B981;--coinley-error: #EF4444;--coinley-warning: #F59E0B;--coinley-info: #3B82F6;--coinley-shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--coinley-shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--coinley-shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--coinley-radius-sm: .375rem;--coinley-radius-md: .5rem;--coinley-radius-lg: .75rem;--coinley-radius-xl: 1rem}.coinley-modal{box-shadow:var(--coinley-shadow-lg);color:var(--coinley-text-primary)}.coinley-button-primary{background-color:var(--coinley-primary);color:#fff;border-radius:var(--coinley-radius-md);transition:background-color .2s ease}.coinley-button-primary:hover{background-color:var(--coinley-primary-light)}.coinley-amount-display{color:var(--coinley-primary);font-weight:700}.coinley-merchant-name{color:var(--coinley-text-primary);font-weight:600}.blockchain-network{border-radius:40px 40px 0 0}

package/dist/coinley-checkout.es.js

@@ -20583,11 +20583,11 @@ const PaymentStatus = ({
   merchantName = "Merchant",
   onClose = null,
   // The onClose prop for the close button
-  // New props for enhanced processing feedback
+  // Processing info
   processingStartTime = null,
-  // Time when processing started
-  paymentNetwork = null
-  // Current payment network
+  paymentNetwork = null,
+  pendingBackendConfirmation = false
+  // New prop to show backend confirmation status
 }) => {
   const [copiedHash, setCopiedHash] = useState(false);
   const [processingSeconds, setProcessingSeconds] = useState(0);
@@ -20629,11 +20629,6 @@ const PaymentStatus = ({
       onClose();
     }
   };
-  const handleEarlySuccess = () => {
-    if (onClose) {
-      onClose();
-    }
-  };
   const formatTransactionHash = (hash2) => {
     if (!hash2)
       return "";
@@ -20650,16 +20645,6 @@ const PaymentStatus = ({
     };
     return names2[network] || network;
   };
-  const getEstimatedConfirmationTime = (network) => {
-    const times = {
-      ethereum: "1-2 minutes",
-      bsc: "15-30 seconds",
-      tron: "30-60 seconds",
-      algorand: "5-10 seconds",
-      solana: "10-15 seconds"
-    };
-    return times[network] || "1-2 minutes";
-  };
   const formatRecipientAddress = (address) => {
     if (!address)
       return "N/A";
@@ -20667,11 +20652,6 @@ const PaymentStatus = ({
       return address;
     return `${address.slice(0, 6)}...${address.slice(-4)}`;
   };
-  const formatTime = (seconds) => {
-    const mins = Math.floor(seconds / 60);
-    const secs = seconds % 60;
-    return `${mins}:${secs < 10 ? "0" : ""}${secs}`;
-  };
   const renderIcon = () => {
     switch (status) {
       case "processing":
@@ -20711,7 +20691,7 @@ const PaymentStatus = ({
       case "processing":
         return "Processing Payment";
       case "success":
-        return "Payment Successful";
+        return "Payment Successful!";
       case "error":
         return "Payment Failed";
       default:
@@ -20743,6 +20723,13 @@ const PaymentStatus = ({
         ] }),
         " has been completed."
       ] }),
+      pendingBackendConfirmation && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center justify-center mb-4 text-xs text-gray-500 bg-gray-50 rounded-full px-3 py-1", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("svg", { className: "animate-spin -ml-1 mr-2 h-3 w-3 text-gray-400", xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx("circle", { className: "opacity-25", cx: "12", cy: "12", r: "10", stroke: "currentColor", strokeWidth: "4" }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx("path", { className: "opacity-75", fill: "currentColor", d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z" })
+        ] }),
+        "Verifying on blockchain"
+      ] }),
       transactionHash && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "w-full mb-6", children: [
         /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: `text-sm font-medium mb-2 ${theme2 === "dark" ? "text-gray-300" : "text-gray-700"}`, children: "Transaction Hash:" }),
         /* @__PURE__ */ jsxRuntimeExports.jsxs(
@@ -20795,54 +20782,6 @@ const PaymentStatus = ({
       )
     ] });
   }
-  if (status === "processing") {
-    return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-col items-center justify-center py-6", children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mb-4", children: renderIcon() }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx("h3", { className: `text-xl font-bold mb-2 ${theme2 === "dark" ? "text-white" : "text-gray-900"}`, children: getStatusTitle() }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: `text-center ${getMessageClasses()}`, children: message }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "w-full mt-6 mb-2", children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "w-full bg-gray-200 rounded-full h-2.5", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
-        "div",
-        {
-          className: "bg-blue-600 h-2.5 rounded-full transition-all duration-500",
-          style: {
-            width: `${Math.min(100, progressStage / 3 * 100)}%`
-          }
-        }
-      ) }) }),
-      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "w-full grid grid-cols-3 gap-1 mb-4", children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: `text-xs text-center ${progressStage >= 1 ? "text-blue-600 font-medium" : "text-gray-400"}`, children: "Submitted" }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: `text-xs text-center ${progressStage >= 2 ? "text-blue-600 font-medium" : "text-gray-400"}`, children: "Detected" }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: `text-xs text-center ${progressStage >= 3 ? "text-blue-600 font-medium" : "text-gray-400"}`, children: "Confirming" })
-      ] }),
-      transactionHash && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "w-full my-3 px-4", children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-xs text-center text-gray-600 mb-2", children: "Transaction ID:" }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "bg-gray-50 border border-gray-200 rounded-md p-2 text-center", children: /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-xs font-mono text-gray-700", children: formatTransactionHash(transactionHash) }) })
-      ] }),
-      paymentNetwork && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "w-full mt-4 mb-2 p-3 bg-blue-50 rounded-md text-center", children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsxs("p", { className: "text-xs text-blue-800", children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "font-medium", children: "Estimated confirmation time:" }),
-          " ",
-          getEstimatedConfirmationTime(paymentNetwork)
-        ] }),
-        /* @__PURE__ */ jsxRuntimeExports.jsxs("p", { className: "text-xs text-blue-600 mt-1", children: [
-          "Processing time: ",
-          formatTime(processingSeconds)
-        ] })
-      ] }),
-      showEarlySuccessOption && onClose && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "w-full mt-4", children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mb-2 p-3 bg-yellow-50 rounded-md", children: /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-xs text-center text-yellow-800", children: "Taking longer than expected? Your payment may already be complete. You can proceed now or continue waiting for confirmation." }) }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx(
-          "button",
-          {
-            onClick: handleEarlySuccess,
-            className: "w-full py-2 px-4 bg-gray-200 text-purple-600 font-medium rounded-md hover:bg-gray-300 transition-colors",
-            children: "Continue to Order Confirmation"
-          }
-        )
-      ] }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: `mt-4 text-xs ${theme2 === "dark" ? "text-gray-400" : "text-gray-500"}`, children: "Blockchain transactions can take a few moments to confirm. Please wait..." })
-    ] });
-  }
   if (status === "error") {
     return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-col items-center justify-center py-6", children: [
       /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mb-4", children: renderIcon() }),
@@ -21247,11 +21186,10 @@ const CoinleyModal = ({
   step = "select-currency",
   merchantWalletAddresses = {},
   debug = false,
-  // New props for enhanced processing feedback
+  // Processing info
   processingStartTime = null,
-  transactionDetected = false,
-  paymentNetwork = null,
-  onEarlySuccess = null
+  pendingBackendConfirmation = false,
+  paymentNetwork = null
 }) => {
   const [paymentType, setPaymentType] = useState("wallet");
   const getWalletAddressForNetwork = () => {
@@ -21272,12 +21210,6 @@ const CoinleyModal = ({
       onClose();
     }
   };
-  const handleEarlySuccess = () => {
-    console.log("Early success button clicked");
-    if (onEarlySuccess) {
-      onEarlySuccess();
-    }
-  };
   const formatAmount = (amount) => {
     return parseFloat(amount).toFixed(2);
   };
@@ -21331,7 +21263,7 @@ const CoinleyModal = ({
         ] }),
         payment && step !== "success" && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mb-6", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "text-center", children: [
           /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-sm text-gray-600", children: "Total amount" }),
-          /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "coinley-amount-display text-5xl font-bold text-[#7042D2] mt-2", children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "coinley-amount-display text-2xl md:text-4xl lg:text-6xl font-bold text-[#7042D2] mt-2 leading-tight tracking-tight", children: [
             "$",
             formatAmount(payment.totalAmount || payment.amount)
           ] }),
@@ -21472,7 +21404,7 @@ const CoinleyModal = ({
             ] })
           ),
           error && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "p-3 rounded-lg bg-red-50 mb-4 text-red-600 text-sm", children: error }),
-          /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "grid grid-cols-2 gap-3 pb-3", children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "grid grid-cols-2 gap-3 mb-3", children: [
             /* @__PURE__ */ jsxRuntimeExports.jsx(
               "button",
               {
@@ -21499,11 +21431,10 @@ const CoinleyModal = ({
           {
             status: "processing",
             theme: theme2,
-            message: transactionDetected ? "Transaction detected! Waiting for blockchain confirmation..." : "Processing your payment...",
+            message: "Processing your payment...",
             processingStartTime,
             paymentNetwork: paymentNetwork || (selectedPaymentMethod == null ? void 0 : selectedPaymentMethod.network),
-            transactionHash,
-            onEarlySuccess: handleEarlySuccess
+            transactionHash
           }
         ),
         step === "success" && /* @__PURE__ */ jsxRuntimeExports.jsx(
@@ -21516,7 +21447,8 @@ const CoinleyModal = ({
             transactionHash,
             selectedPaymentMethod,
             merchantName,
-            onClose: handleSuccessClose
+            onClose: handleSuccessClose,
+            pendingBackendConfirmation
           }
         ),
         step === "error" && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
@@ -21571,11 +21503,10 @@ const CoinleyCheckout = forwardRef(({
   supportedNetworks = [],
   preferredNetwork = NETWORK_TYPES.ETHEREUM,
   preferredWallet = WALLET_TYPES.METAMASK,
-  // New props for payment processing
+  // Processing options
   confirmations = 1,
-  // Minimum confirmations required (lower = faster)
-  fastMode = false
-  // When true, will show success screen faster with fewer confirmations
+  fastMode = true
+  // Default to true for faster experience
 }, ref) => {
   const coinleyContext = useCoinley();
   const { theme: contextTheme } = useTheme();
@@ -21590,9 +21521,9 @@ const CoinleyCheckout = forwardRef(({
   const [step, setStep] = useState("select-currency");
   const [actualMerchantWallets, setActualMerchantWallets] = useState({});
   const [processingStartTime, setProcessingStartTime] = useState(null);
-  const [transactionDetected, setTransactionDetected] = useState(false);
   const [checkingInterval, setCheckingInterval] = useState(null);
   const processingTimerRef = useRef(null);
+  const [pendingBackendConfirmation, setPendingBackendConfirmation] = useState(false);
   const effectiveApiKey = apiKey || (coinleyContext == null ? void 0 : coinleyContext.apiKey);
   const effectiveApiSecret = apiSecret || (coinleyContext == null ? void 0 : coinleyContext.apiSecret);
   apiUrl || (coinleyContext == null ? void 0 : coinleyContext.apiUrl);
@@ -21641,73 +21572,64 @@ const CoinleyCheckout = forwardRef(({
     };
   }, [checkingInterval]);
   useEffect(() => {
-    if (transactionHash && paymentStatus === "loading" && step === "processing" && !checkingInterval) {
-      setTransactionDetected(true);
-      if (!testMode) {
-        const interval = setInterval(() => __async(void 0, null, function* () {
-          try {
-            const processingTime = Date.now() - processingStartTime;
-            if (fastMode && processingTime > getMinimumProcessingTime()) {
-              log("Fast mode: Moving to success state early");
-              clearInterval(interval);
-              setCheckingInterval(null);
-              handleEarlySuccess();
-              return;
-            }
-          } catch (err) {
-            log("Error checking transaction status:", err);
+    if (transactionHash && pendingBackendConfirmation && paymentStatus === "loading") {
+      const interval = setInterval(() => __async(void 0, null, function* () {
+        try {
+          log("Checking payment status with backend...");
+          const processResponse = yield processPayment({
+            paymentId: payment.id,
+            transactionHash,
+            network: selectedPaymentMethod.network,
+            currency: selectedPaymentMethod.currency,
+            senderAddress: walletConnection == null ? void 0 : walletConnection.address,
+            confirmations,
+            check: true
+            // Just check status, don't process again
+          });
+          if (processResponse.status === "success") {
+            log("Payment confirmed by backend!");
+            clearInterval(interval);
+            setCheckingInterval(null);
+            setPendingBackendConfirmation(false);
+            setPaymentStatus("success");
           }
-        }), 5e3);
-        setCheckingInterval(interval);
-      }
+        } catch (err) {
+          log("Error checking payment status:", err);
+        }
+      }), 1e4);
+      setCheckingInterval(interval);
+      return () => {
+        clearInterval(interval);
+      };
     }
-    return () => {
-      if (checkingInterval) {
-        clearInterval(checkingInterval);
-      }
-    };
-  }, [transactionHash, paymentStatus, step, testMode, processingStartTime, fastMode]);
-  const getMinimumProcessingTime = () => {
-    if (!selectedPaymentMethod)
-      return 2e4;
-    const times = {
-      [NETWORK_TYPES.ETHEREUM]: 15e3,
-      // 15 seconds for Ethereum
-      [NETWORK_TYPES.BSC]: 1e4,
-      // 10 seconds for BSC
-      [NETWORK_TYPES.TRON]: 8e3,
-      // 8 seconds for Tron
-      [NETWORK_TYPES.ALGORAND]: 5e3
-      // 5 seconds for Algorand
-    };
-    return times[selectedPaymentMethod.network] || 15e3;
-  };
-  const handleEarlySuccess = () => __async(void 0, null, function* () {
+  }, [transactionHash, pendingBackendConfirmation, paymentStatus, payment, selectedPaymentMethod, walletConnection, confirmations]);
+  const processBackendConfirmation = () => __async(void 0, null, function* () {
     if (!payment || !selectedPaymentMethod || !transactionHash) {
       return;
     }
-    log("Moving to early success state with transaction:", transactionHash);
     try {
+      log("Processing payment with backend...");
       const processResponse = yield processPayment({
         paymentId: payment.id,
         transactionHash,
         network: selectedPaymentMethod.network,
         currency: selectedPaymentMethod.currency,
         senderAddress: walletConnection == null ? void 0 : walletConnection.address,
-        early: true
+        confirmations
       });
-      log("Early payment processed:", processResponse);
-      setPaymentStatus("success");
-      setStep("success");
+      log("Payment processed successfully:", processResponse);
+      setPendingBackendConfirmation(false);
       if (onSuccess) {
+        log("Calling onSuccess callback...");
         onSuccess(payment.id, transactionHash, {
           network: selectedPaymentMethod.network,
           currency: selectedPaymentMethod.currency,
           amount: payment.totalAmount || payment.amount
         });
       }
-    } catch (err) {
-      log("Early success processing error:", err);
+    } catch (processError) {
+      log("Payment processing initial attempt failed, will retry in background:", processError);
+      setPendingBackendConfirmation(true);
     }
   });
   useImperativeHandle(ref, () => ({
@@ -21780,7 +21702,7 @@ const CoinleyCheckout = forwardRef(({
     setSelectedPaymentMethod(null);
     setStep("select-currency");
     setProcessingStartTime(null);
-    setTransactionDetected(false);
+    setPendingBackendConfirmation(false);
     if (onClose)
       onClose();
   };
@@ -21844,13 +21766,12 @@ const CoinleyCheckout = forwardRef(({
     setTransactionHash(null);
     setStep("processing");
     setProcessingStartTime(Date.now());
-    setTransactionDetected(false);
     try {
       let txHash;
       if (testMode) {
         log("Test mode: Generating mock transaction...");
         txHash = `test_${Date.now().toString(16)}_${Math.random().toString(16).substring(2, 10)}`;
-        yield new Promise((resolve) => setTimeout(resolve, 2e3));
+        yield new Promise((resolve) => setTimeout(resolve, 1e3));
       } else {
         let merchantAddress;
         if (payment.recipientWallet) {
@@ -21871,49 +21792,10 @@ const CoinleyCheckout = forwardRef(({
           network: selectedPaymentMethod.network
         });
       }
-      log("Transaction hash:", txHash);
+      log("Transaction hash obtained:", txHash);
       setTransactionHash(txHash);
-      if (testMode) {
-        processingTimerRef.current = setTimeout(() => {
-          log("Test mode: Moving to success state");
-          setPaymentStatus("success");
-          setStep("success");
-          if (onSuccess) {
-            log("Calling onSuccess callback...");
-            onSuccess(payment.id, txHash, {
-              network: selectedPaymentMethod.network,
-              currency: selectedPaymentMethod.currency,
-              amount: payment.totalAmount || payment.amount
-            });
-          }
-        }, 2e3);
-        return;
-      }
-      try {
-        log("Processing payment with backend...");
-        const processResponse = yield processPayment({
-          paymentId: payment.id,
-          transactionHash: txHash,
-          network: selectedPaymentMethod.network,
-          currency: selectedPaymentMethod.currency,
-          senderAddress: walletConnection == null ? void 0 : walletConnection.address,
-          confirmations
-          // Use specified confirmation level
-        });
-        log("Payment processed successfully:", processResponse);
-        setPaymentStatus("success");
-        setStep("success");
-        if (onSuccess) {
-          log("Calling onSuccess callback...");
-          onSuccess(payment.id, txHash, {
-            network: selectedPaymentMethod.network,
-            currency: selectedPaymentMethod.currency,
-            amount: payment.totalAmount || payment.amount
-          });
-        }
-      } catch (processError) {
-        log("Payment processing error, but transaction was sent:", processError);
-      }
+      setStep("success");
+      processBackendConfirmation();
     } catch (err) {
       log("Payment error:", err);
       setError(err.message || "Failed to process payment");
@@ -21953,9 +21835,8 @@ const CoinleyCheckout = forwardRef(({
       merchantWalletAddresses: actualMerchantWallets,
       debug: effectiveDebug,
       processingStartTime,
-      transactionDetected,
-      paymentNetwork: selectedPaymentMethod == null ? void 0 : selectedPaymentMethod.network,
-      onEarlySuccess: handleEarlySuccess
+      pendingBackendConfirmation,
+      paymentNetwork: selectedPaymentMethod == null ? void 0 : selectedPaymentMethod.network
     }
   ) });
 });