@w3payments/react 1.5.3 → 1.5.4
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.
- package/dist/assets/main.css +1 -1
- package/dist/index.js +1 -1
- package/dist/index.mjs +2 -2
- package/package.json +1 -1
package/dist/assets/main.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
@layer mantine{:root,:host{color-scheme:var(--mantine-color-scheme)}*,*:before,*:after{box-sizing:border-box}input,button,textarea,select{font:inherit}button,select{text-transform:none}body,:host{margin:0;font-family:var(--mantine-font-family);font-size:var(--mantine-font-size-md);line-height:var(--mantine-line-height);background-color:var(--mantine-color-body);color:var(--mantine-color-text);-webkit-font-smoothing:var(--mantine-webkit-font-smoothing);-moz-osx-font-smoothing:var(--mantine-moz-font-smoothing)}@media screen and (max-device-width:31.25em){body,:host{-webkit-text-size-adjust:100%}}}@layer mantine{:root,:host{--mantine-z-index-app: 100;--mantine-z-index-modal: 200;--mantine-z-index-popover: 300;--mantine-z-index-overlay: 400;--mantine-z-index-max: 9999;--mantine-scale: 1;--mantine-cursor-type: default;--mantine-webkit-font-smoothing: antialiased;--mantine-moz-font-smoothing: grayscale;--mantine-color-white: #fff;--mantine-color-black: #000;--mantine-line-height: 1.55;--mantine-font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji;--mantine-font-family-monospace: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;--mantine-font-family-headings: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji;--mantine-heading-font-weight: 700;--mantine-heading-text-wrap: wrap;--mantine-radius-default: calc(.25rem * var(--mantine-scale));--mantine-primary-color-filled: var(--mantine-color-blue-filled);--mantine-primary-color-filled-hover: var(--mantine-color-blue-filled-hover);--mantine-primary-color-light: var(--mantine-color-blue-light);--mantine-primary-color-light-hover: var(--mantine-color-blue-light-hover);--mantine-primary-color-light-color: var(--mantine-color-blue-light-color);--mantine-breakpoint-xs: 36em;--mantine-breakpoint-sm: 48em;--mantine-breakpoint-md: 62em;--mantine-breakpoint-lg: 75em;--mantine-breakpoint-xl: 88em;--mantine-spacing-xs: calc(.625rem * var(--mantine-scale));--mantine-spacing-sm: calc(.75rem * var(--mantine-scale));--mantine-spacing-md: calc(1rem * var(--mantine-scale));--mantine-spacing-lg: calc(1.25rem * var(--mantine-scale));--mantine-spacing-xl: calc(2rem * var(--mantine-scale));--mantine-font-size-xs: calc(.75rem * var(--mantine-scale));--mantine-font-size-sm: calc(.875rem * var(--mantine-scale));--mantine-font-size-md: calc(1rem * var(--mantine-scale));--mantine-font-size-lg: calc(1.125rem * var(--mantine-scale));--mantine-font-size-xl: calc(1.25rem * var(--mantine-scale));--mantine-line-height-xs: 1.4;--mantine-line-height-sm: 1.45;--mantine-line-height-md: 1.55;--mantine-line-height-lg: 1.6;--mantine-line-height-xl: 1.65;--mantine-shadow-xs: 0 calc(.0625rem * var(--mantine-scale)) calc(.1875rem * var(--mantine-scale)) rgba(0, 0, 0, .05), 0 calc(.0625rem * var(--mantine-scale)) calc(.125rem * var(--mantine-scale)) rgba(0, 0, 0, .1);--mantine-shadow-sm: 0 calc(.0625rem * var(--mantine-scale)) calc(.1875rem * var(--mantine-scale)) rgba(0, 0, 0, .05), rgba(0, 0, 0, .05) 0 calc(.625rem * var(--mantine-scale)) calc(.9375rem * var(--mantine-scale)) calc(-.3125rem * var(--mantine-scale)), rgba(0, 0, 0, .04) 0 calc(.4375rem * var(--mantine-scale)) calc(.4375rem * var(--mantine-scale)) calc(-.3125rem * var(--mantine-scale));--mantine-shadow-md: 0 calc(.0625rem * var(--mantine-scale)) calc(.1875rem * var(--mantine-scale)) rgba(0, 0, 0, .05), rgba(0, 0, 0, .05) 0 calc(1.25rem * var(--mantine-scale)) calc(1.5625rem * var(--mantine-scale)) calc(-.3125rem * var(--mantine-scale)), rgba(0, 0, 0, .04) 0 calc(.625rem * var(--mantine-scale)) calc(.625rem * var(--mantine-scale)) calc(-.3125rem * var(--mantine-scale));--mantine-shadow-lg: 0 calc(.0625rem * var(--mantine-scale)) calc(.1875rem * var(--mantine-scale)) rgba(0, 0, 0, .05), rgba(0, 0, 0, .05) 0 calc(1.75rem * var(--mantine-scale)) calc(1.4375rem * var(--mantine-scale)) calc(-.4375rem * var(--mantine-scale)), rgba(0, 0, 0, .04) 0 calc(.75rem * var(--mantine-scale)) calc(.75rem * var(--mantine-scale)) calc(-.4375rem * var(--mantine-scale));--mantine-shadow-xl: 0 calc(.0625rem * var(--mantine-scale)) calc(.1875rem * var(--mantine-scale)) rgba(0, 0, 0, .05), rgba(0, 0, 0, .05) 0 calc(2.25rem * var(--mantine-scale)) calc(1.75rem * var(--mantine-scale)) calc(-.4375rem * var(--mantine-scale)), rgba(0, 0, 0, .04) 0 calc(1.0625rem * var(--mantine-scale)) calc(1.0625rem * var(--mantine-scale)) calc(-.4375rem * var(--mantine-scale));--mantine-radius-xs: calc(.125rem * var(--mantine-scale));--mantine-radius-sm: calc(.25rem * var(--mantine-scale));--mantine-radius-md: calc(.5rem * var(--mantine-scale));--mantine-radius-lg: calc(1rem * var(--mantine-scale));--mantine-radius-xl: calc(2rem * var(--mantine-scale));--mantine-primary-color-0: var(--mantine-color-blue-0);--mantine-primary-color-1: var(--mantine-color-blue-1);--mantine-primary-color-2: var(--mantine-color-blue-2);--mantine-primary-color-3: var(--mantine-color-blue-3);--mantine-primary-color-4: var(--mantine-color-blue-4);--mantine-primary-color-5: var(--mantine-color-blue-5);--mantine-primary-color-6: var(--mantine-color-blue-6);--mantine-primary-color-7: var(--mantine-color-blue-7);--mantine-primary-color-8: var(--mantine-color-blue-8);--mantine-primary-color-9: var(--mantine-color-blue-9);--mantine-color-dark-0: #c9c9c9;--mantine-color-dark-1: #b8b8b8;--mantine-color-dark-2: #828282;--mantine-color-dark-3: #696969;--mantine-color-dark-4: #424242;--mantine-color-dark-5: #3b3b3b;--mantine-color-dark-6: #2e2e2e;--mantine-color-dark-7: #242424;--mantine-color-dark-8: #1f1f1f;--mantine-color-dark-9: #141414;--mantine-color-gray-0: #f8f9fa;--mantine-color-gray-1: #f1f3f5;--mantine-color-gray-2: #e9ecef;--mantine-color-gray-3: #dee2e6;--mantine-color-gray-4: #ced4da;--mantine-color-gray-5: #adb5bd;--mantine-color-gray-6: #868e96;--mantine-color-gray-7: #495057;--mantine-color-gray-8: #343a40;--mantine-color-gray-9: #212529;--mantine-color-red-0: #fff5f5;--mantine-color-red-1: #ffe3e3;--mantine-color-red-2: #ffc9c9;--mantine-color-red-3: #ffa8a8;--mantine-color-red-4: #ff8787;--mantine-color-red-5: #ff6b6b;--mantine-color-red-6: #fa5252;--mantine-color-red-7: #f03e3e;--mantine-color-red-8: #e03131;--mantine-color-red-9: #c92a2a;--mantine-color-pink-0: #fff0f6;--mantine-color-pink-1: #ffdeeb;--mantine-color-pink-2: #fcc2d7;--mantine-color-pink-3: #faa2c1;--mantine-color-pink-4: #f783ac;--mantine-color-pink-5: #f06595;--mantine-color-pink-6: #e64980;--mantine-color-pink-7: #d6336c;--mantine-color-pink-8: #c2255c;--mantine-color-pink-9: #a61e4d;--mantine-color-grape-0: #f8f0fc;--mantine-color-grape-1: #f3d9fa;--mantine-color-grape-2: #eebefa;--mantine-color-grape-3: #e599f7;--mantine-color-grape-4: #da77f2;--mantine-color-grape-5: #cc5de8;--mantine-color-grape-6: #be4bdb;--mantine-color-grape-7: #ae3ec9;--mantine-color-grape-8: #9c36b5;--mantine-color-grape-9: #862e9c;--mantine-color-violet-0: #f3f0ff;--mantine-color-violet-1: #e5dbff;--mantine-color-violet-2: #d0bfff;--mantine-color-violet-3: #b197fc;--mantine-color-violet-4: #9775fa;--mantine-color-violet-5: #845ef7;--mantine-color-violet-6: #7950f2;--mantine-color-violet-7: #7048e8;--mantine-color-violet-8: #6741d9;--mantine-color-violet-9: #5f3dc4;--mantine-color-indigo-0: #edf2ff;--mantine-color-indigo-1: #dbe4ff;--mantine-color-indigo-2: #bac8ff;--mantine-color-indigo-3: #91a7ff;--mantine-color-indigo-4: #748ffc;--mantine-color-indigo-5: #5c7cfa;--mantine-color-indigo-6: #4c6ef5;--mantine-color-indigo-7: #4263eb;--mantine-color-indigo-8: #3b5bdb;--mantine-color-indigo-9: #364fc7;--mantine-color-blue-0: #e7f5ff;--mantine-color-blue-1: #d0ebff;--mantine-color-blue-2: #a5d8ff;--mantine-color-blue-3: #74c0fc;--mantine-color-blue-4: #4dabf7;--mantine-color-blue-5: #339af0;--mantine-color-blue-6: #228be6;--mantine-color-blue-7: #1c7ed6;--mantine-color-blue-8: #1971c2;--mantine-color-blue-9: #1864ab;--mantine-color-cyan-0: #e3fafc;--mantine-color-cyan-1: #c5f6fa;--mantine-color-cyan-2: #99e9f2;--mantine-color-cyan-3: #66d9e8;--mantine-color-cyan-4: #3bc9db;--mantine-color-cyan-5: #22b8cf;--mantine-color-cyan-6: #15aabf;--mantine-color-cyan-7: #1098ad;--mantine-color-cyan-8: #0c8599;--mantine-color-cyan-9: #0b7285;--mantine-color-teal-0: #e6fcf5;--mantine-color-teal-1: #c3fae8;--mantine-color-teal-2: #96f2d7;--mantine-color-teal-3: #63e6be;--mantine-color-teal-4: #38d9a9;--mantine-color-teal-5: #20c997;--mantine-color-teal-6: #12b886;--mantine-color-teal-7: #0ca678;--mantine-color-teal-8: #099268;--mantine-color-teal-9: #087f5b;--mantine-color-green-0: #ebfbee;--mantine-color-green-1: #d3f9d8;--mantine-color-green-2: #b2f2bb;--mantine-color-green-3: #8ce99a;--mantine-color-green-4: #69db7c;--mantine-color-green-5: #51cf66;--mantine-color-green-6: #40c057;--mantine-color-green-7: #37b24d;--mantine-color-green-8: #2f9e44;--mantine-color-green-9: #2b8a3e;--mantine-color-lime-0: #f4fce3;--mantine-color-lime-1: #e9fac8;--mantine-color-lime-2: #d8f5a2;--mantine-color-lime-3: #c0eb75;--mantine-color-lime-4: #a9e34b;--mantine-color-lime-5: #94d82d;--mantine-color-lime-6: #82c91e;--mantine-color-lime-7: #74b816;--mantine-color-lime-8: #66a80f;--mantine-color-lime-9: #5c940d;--mantine-color-yellow-0: #fff9db;--mantine-color-yellow-1: #fff3bf;--mantine-color-yellow-2: #ffec99;--mantine-color-yellow-3: #ffe066;--mantine-color-yellow-4: #ffd43b;--mantine-color-yellow-5: #fcc419;--mantine-color-yellow-6: #fab005;--mantine-color-yellow-7: #f59f00;--mantine-color-yellow-8: #f08c00;--mantine-color-yellow-9: #e67700;--mantine-color-orange-0: #fff4e6;--mantine-color-orange-1: #ffe8cc;--mantine-color-orange-2: #ffd8a8;--mantine-color-orange-3: #ffc078;--mantine-color-orange-4: #ffa94d;--mantine-color-orange-5: #ff922b;--mantine-color-orange-6: #fd7e14;--mantine-color-orange-7: #f76707;--mantine-color-orange-8: #e8590c;--mantine-color-orange-9: #d9480f;--mantine-h1-font-size: calc(2.125rem * var(--mantine-scale));--mantine-h1-line-height: 1.3;--mantine-h1-font-weight: 700;--mantine-h2-font-size: calc(1.625rem * var(--mantine-scale));--mantine-h2-line-height: 1.35;--mantine-h2-font-weight: 700;--mantine-h3-font-size: calc(1.375rem * var(--mantine-scale));--mantine-h3-line-height: 1.4;--mantine-h3-font-weight: 700;--mantine-h4-font-size: calc(1.125rem * var(--mantine-scale));--mantine-h4-line-height: 1.45;--mantine-h4-font-weight: 700;--mantine-h5-font-size: calc(1rem * var(--mantine-scale));--mantine-h5-line-height: 1.5;--mantine-h5-font-weight: 700;--mantine-h6-font-size: calc(.875rem * var(--mantine-scale));--mantine-h6-line-height: 1.5;--mantine-h6-font-weight: 700}:root[data-mantine-color-scheme=dark],:host([data-mantine-color-scheme="dark"]){--mantine-color-scheme: dark;--mantine-primary-color-contrast: var(--mantine-color-white);--mantine-color-bright: var(--mantine-color-white);--mantine-color-text: var(--mantine-color-dark-0);--mantine-color-body: var(--mantine-color-dark-7);--mantine-color-error: var(--mantine-color-red-8);--mantine-color-placeholder: var(--mantine-color-dark-3);--mantine-color-anchor: var(--mantine-color-blue-4);--mantine-color-default: var(--mantine-color-dark-6);--mantine-color-default-hover: var(--mantine-color-dark-5);--mantine-color-default-color: var(--mantine-color-white);--mantine-color-default-border: var(--mantine-color-dark-4);--mantine-color-dimmed: var(--mantine-color-dark-2);--mantine-color-disabled: var(--mantine-color-dark-6);--mantine-color-disabled-color: var(--mantine-color-dark-3);--mantine-color-disabled-border: var(--mantine-color-dark-4);--mantine-color-dark-text: var(--mantine-color-dark-4);--mantine-color-dark-filled: var(--mantine-color-dark-8);--mantine-color-dark-filled-hover: var(--mantine-color-dark-9);--mantine-color-dark-light: rgba(46, 46, 46, .15);--mantine-color-dark-light-hover: rgba(46, 46, 46, .2);--mantine-color-dark-light-color: var(--mantine-color-dark-3);--mantine-color-dark-outline: var(--mantine-color-dark-4);--mantine-color-dark-outline-hover: rgba(66, 66, 66, .05);--mantine-color-gray-text: var(--mantine-color-gray-4);--mantine-color-gray-filled: var(--mantine-color-gray-8);--mantine-color-gray-filled-hover: var(--mantine-color-gray-9);--mantine-color-gray-light: rgba(134, 142, 150, .15);--mantine-color-gray-light-hover: rgba(134, 142, 150, .2);--mantine-color-gray-light-color: var(--mantine-color-gray-3);--mantine-color-gray-outline: var(--mantine-color-gray-4);--mantine-color-gray-outline-hover: rgba(206, 212, 218, .05);--mantine-color-red-text: var(--mantine-color-red-4);--mantine-color-red-filled: var(--mantine-color-red-8);--mantine-color-red-filled-hover: var(--mantine-color-red-9);--mantine-color-red-light: rgba(250, 82, 82, .15);--mantine-color-red-light-hover: rgba(250, 82, 82, .2);--mantine-color-red-light-color: var(--mantine-color-red-3);--mantine-color-red-outline: var(--mantine-color-red-4);--mantine-color-red-outline-hover: rgba(255, 135, 135, .05);--mantine-color-pink-text: var(--mantine-color-pink-4);--mantine-color-pink-filled: var(--mantine-color-pink-8);--mantine-color-pink-filled-hover: var(--mantine-color-pink-9);--mantine-color-pink-light: rgba(230, 73, 128, .15);--mantine-color-pink-light-hover: rgba(230, 73, 128, .2);--mantine-color-pink-light-color: var(--mantine-color-pink-3);--mantine-color-pink-outline: var(--mantine-color-pink-4);--mantine-color-pink-outline-hover: rgba(247, 131, 172, .05);--mantine-color-grape-text: var(--mantine-color-grape-4);--mantine-color-grape-filled: var(--mantine-color-grape-8);--mantine-color-grape-filled-hover: var(--mantine-color-grape-9);--mantine-color-grape-light: rgba(190, 75, 219, .15);--mantine-color-grape-light-hover: rgba(190, 75, 219, .2);--mantine-color-grape-light-color: var(--mantine-color-grape-3);--mantine-color-grape-outline: var(--mantine-color-grape-4);--mantine-color-grape-outline-hover: rgba(218, 119, 242, .05);--mantine-color-violet-text: var(--mantine-color-violet-4);--mantine-color-violet-filled: var(--mantine-color-violet-8);--mantine-color-violet-filled-hover: var(--mantine-color-violet-9);--mantine-color-violet-light: rgba(121, 80, 242, .15);--mantine-color-violet-light-hover: rgba(121, 80, 242, .2);--mantine-color-violet-light-color: var(--mantine-color-violet-3);--mantine-color-violet-outline: var(--mantine-color-violet-4);--mantine-color-violet-outline-hover: rgba(151, 117, 250, .05);--mantine-color-indigo-text: var(--mantine-color-indigo-4);--mantine-color-indigo-filled: var(--mantine-color-indigo-8);--mantine-color-indigo-filled-hover: var(--mantine-color-indigo-9);--mantine-color-indigo-light: rgba(76, 110, 245, .15);--mantine-color-indigo-light-hover: rgba(76, 110, 245, .2);--mantine-color-indigo-light-color: var(--mantine-color-indigo-3);--mantine-color-indigo-outline: var(--mantine-color-indigo-4);--mantine-color-indigo-outline-hover: rgba(116, 143, 252, .05);--mantine-color-blue-text: var(--mantine-color-blue-4);--mantine-color-blue-filled: var(--mantine-color-blue-8);--mantine-color-blue-filled-hover: var(--mantine-color-blue-9);--mantine-color-blue-light: rgba(34, 139, 230, .15);--mantine-color-blue-light-hover: rgba(34, 139, 230, .2);--mantine-color-blue-light-color: var(--mantine-color-blue-3);--mantine-color-blue-outline: var(--mantine-color-blue-4);--mantine-color-blue-outline-hover: rgba(77, 171, 247, .05);--mantine-color-cyan-text: var(--mantine-color-cyan-4);--mantine-color-cyan-filled: var(--mantine-color-cyan-8);--mantine-color-cyan-filled-hover: var(--mantine-color-cyan-9);--mantine-color-cyan-light: rgba(21, 170, 191, .15);--mantine-color-cyan-light-hover: rgba(21, 170, 191, .2);--mantine-color-cyan-light-color: var(--mantine-color-cyan-3);--mantine-color-cyan-outline: var(--mantine-color-cyan-4);--mantine-color-cyan-outline-hover: rgba(59, 201, 219, .05);--mantine-color-teal-text: var(--mantine-color-teal-4);--mantine-color-teal-filled: var(--mantine-color-teal-8);--mantine-color-teal-filled-hover: var(--mantine-color-teal-9);--mantine-color-teal-light: rgba(18, 184, 134, .15);--mantine-color-teal-light-hover: rgba(18, 184, 134, .2);--mantine-color-teal-light-color: var(--mantine-color-teal-3);--mantine-color-teal-outline: var(--mantine-color-teal-4);--mantine-color-teal-outline-hover: rgba(56, 217, 169, .05);--mantine-color-green-text: var(--mantine-color-green-4);--mantine-color-green-filled: var(--mantine-color-green-8);--mantine-color-green-filled-hover: var(--mantine-color-green-9);--mantine-color-green-light: rgba(64, 192, 87, .15);--mantine-color-green-light-hover: rgba(64, 192, 87, .2);--mantine-color-green-light-color: var(--mantine-color-green-3);--mantine-color-green-outline: var(--mantine-color-green-4);--mantine-color-green-outline-hover: rgba(105, 219, 124, .05);--mantine-color-lime-text: var(--mantine-color-lime-4);--mantine-color-lime-filled: var(--mantine-color-lime-8);--mantine-color-lime-filled-hover: var(--mantine-color-lime-9);--mantine-color-lime-light: rgba(130, 201, 30, .15);--mantine-color-lime-light-hover: rgba(130, 201, 30, .2);--mantine-color-lime-light-color: var(--mantine-color-lime-3);--mantine-color-lime-outline: var(--mantine-color-lime-4);--mantine-color-lime-outline-hover: rgba(169, 227, 75, .05);--mantine-color-yellow-text: var(--mantine-color-yellow-4);--mantine-color-yellow-filled: var(--mantine-color-yellow-8);--mantine-color-yellow-filled-hover: var(--mantine-color-yellow-9);--mantine-color-yellow-light: rgba(250, 176, 5, .15);--mantine-color-yellow-light-hover: rgba(250, 176, 5, .2);--mantine-color-yellow-light-color: var(--mantine-color-yellow-3);--mantine-color-yellow-outline: var(--mantine-color-yellow-4);--mantine-color-yellow-outline-hover: rgba(255, 212, 59, .05);--mantine-color-orange-text: var(--mantine-color-orange-4);--mantine-color-orange-filled: var(--mantine-color-orange-8);--mantine-color-orange-filled-hover: var(--mantine-color-orange-9);--mantine-color-orange-light: rgba(253, 126, 20, .15);--mantine-color-orange-light-hover: rgba(253, 126, 20, .2);--mantine-color-orange-light-color: var(--mantine-color-orange-3);--mantine-color-orange-outline: var(--mantine-color-orange-4);--mantine-color-orange-outline-hover: rgba(255, 169, 77, .05)}:root[data-mantine-color-scheme=light],:host([data-mantine-color-scheme="light"]){--mantine-color-scheme: light;--mantine-primary-color-contrast: var(--mantine-color-white);--mantine-color-bright: var(--mantine-color-black);--mantine-color-text: #000;--mantine-color-body: #fff;--mantine-color-error: var(--mantine-color-red-6);--mantine-color-placeholder: var(--mantine-color-gray-5);--mantine-color-anchor: var(--mantine-color-blue-6);--mantine-color-default: var(--mantine-color-white);--mantine-color-default-hover: var(--mantine-color-gray-0);--mantine-color-default-color: var(--mantine-color-black);--mantine-color-default-border: var(--mantine-color-gray-4);--mantine-color-dimmed: var(--mantine-color-gray-6);--mantine-color-disabled: var(--mantine-color-gray-2);--mantine-color-disabled-color: var(--mantine-color-gray-5);--mantine-color-disabled-border: var(--mantine-color-gray-3);--mantine-color-dark-text: var(--mantine-color-dark-filled);--mantine-color-dark-filled: var(--mantine-color-dark-6);--mantine-color-dark-filled-hover: var(--mantine-color-dark-7);--mantine-color-dark-light: rgba(46, 46, 46, .1);--mantine-color-dark-light-hover: rgba(46, 46, 46, .12);--mantine-color-dark-light-color: var(--mantine-color-dark-6);--mantine-color-dark-outline: var(--mantine-color-dark-6);--mantine-color-dark-outline-hover: rgba(46, 46, 46, .05);--mantine-color-gray-text: var(--mantine-color-gray-filled);--mantine-color-gray-filled: var(--mantine-color-gray-6);--mantine-color-gray-filled-hover: var(--mantine-color-gray-7);--mantine-color-gray-light: rgba(134, 142, 150, .1);--mantine-color-gray-light-hover: rgba(134, 142, 150, .12);--mantine-color-gray-light-color: var(--mantine-color-gray-6);--mantine-color-gray-outline: var(--mantine-color-gray-6);--mantine-color-gray-outline-hover: rgba(134, 142, 150, .05);--mantine-color-red-text: var(--mantine-color-red-filled);--mantine-color-red-filled: var(--mantine-color-red-6);--mantine-color-red-filled-hover: var(--mantine-color-red-7);--mantine-color-red-light: rgba(250, 82, 82, .1);--mantine-color-red-light-hover: rgba(250, 82, 82, .12);--mantine-color-red-light-color: var(--mantine-color-red-6);--mantine-color-red-outline: var(--mantine-color-red-6);--mantine-color-red-outline-hover: rgba(250, 82, 82, .05);--mantine-color-pink-text: var(--mantine-color-pink-filled);--mantine-color-pink-filled: var(--mantine-color-pink-6);--mantine-color-pink-filled-hover: var(--mantine-color-pink-7);--mantine-color-pink-light: rgba(230, 73, 128, .1);--mantine-color-pink-light-hover: rgba(230, 73, 128, .12);--mantine-color-pink-light-color: var(--mantine-color-pink-6);--mantine-color-pink-outline: var(--mantine-color-pink-6);--mantine-color-pink-outline-hover: rgba(230, 73, 128, .05);--mantine-color-grape-text: var(--mantine-color-grape-filled);--mantine-color-grape-filled: var(--mantine-color-grape-6);--mantine-color-grape-filled-hover: var(--mantine-color-grape-7);--mantine-color-grape-light: rgba(190, 75, 219, .1);--mantine-color-grape-light-hover: rgba(190, 75, 219, .12);--mantine-color-grape-light-color: var(--mantine-color-grape-6);--mantine-color-grape-outline: var(--mantine-color-grape-6);--mantine-color-grape-outline-hover: rgba(190, 75, 219, .05);--mantine-color-violet-text: var(--mantine-color-violet-filled);--mantine-color-violet-filled: var(--mantine-color-violet-6);--mantine-color-violet-filled-hover: var(--mantine-color-violet-7);--mantine-color-violet-light: rgba(121, 80, 242, .1);--mantine-color-violet-light-hover: rgba(121, 80, 242, .12);--mantine-color-violet-light-color: var(--mantine-color-violet-6);--mantine-color-violet-outline: var(--mantine-color-violet-6);--mantine-color-violet-outline-hover: rgba(121, 80, 242, .05);--mantine-color-indigo-text: var(--mantine-color-indigo-filled);--mantine-color-indigo-filled: var(--mantine-color-indigo-6);--mantine-color-indigo-filled-hover: var(--mantine-color-indigo-7);--mantine-color-indigo-light: rgba(76, 110, 245, .1);--mantine-color-indigo-light-hover: rgba(76, 110, 245, .12);--mantine-color-indigo-light-color: var(--mantine-color-indigo-6);--mantine-color-indigo-outline: var(--mantine-color-indigo-6);--mantine-color-indigo-outline-hover: rgba(76, 110, 245, .05);--mantine-color-blue-text: var(--mantine-color-blue-filled);--mantine-color-blue-filled: var(--mantine-color-blue-6);--mantine-color-blue-filled-hover: var(--mantine-color-blue-7);--mantine-color-blue-light: rgba(34, 139, 230, .1);--mantine-color-blue-light-hover: rgba(34, 139, 230, .12);--mantine-color-blue-light-color: var(--mantine-color-blue-6);--mantine-color-blue-outline: var(--mantine-color-blue-6);--mantine-color-blue-outline-hover: rgba(34, 139, 230, .05);--mantine-color-cyan-text: var(--mantine-color-cyan-filled);--mantine-color-cyan-filled: var(--mantine-color-cyan-6);--mantine-color-cyan-filled-hover: var(--mantine-color-cyan-7);--mantine-color-cyan-light: rgba(21, 170, 191, .1);--mantine-color-cyan-light-hover: rgba(21, 170, 191, .12);--mantine-color-cyan-light-color: var(--mantine-color-cyan-6);--mantine-color-cyan-outline: var(--mantine-color-cyan-6);--mantine-color-cyan-outline-hover: rgba(21, 170, 191, .05);--mantine-color-teal-text: var(--mantine-color-teal-filled);--mantine-color-teal-filled: var(--mantine-color-teal-6);--mantine-color-teal-filled-hover: var(--mantine-color-teal-7);--mantine-color-teal-light: rgba(18, 184, 134, .1);--mantine-color-teal-light-hover: rgba(18, 184, 134, .12);--mantine-color-teal-light-color: var(--mantine-color-teal-6);--mantine-color-teal-outline: var(--mantine-color-teal-6);--mantine-color-teal-outline-hover: rgba(18, 184, 134, .05);--mantine-color-green-text: var(--mantine-color-green-filled);--mantine-color-green-filled: var(--mantine-color-green-6);--mantine-color-green-filled-hover: var(--mantine-color-green-7);--mantine-color-green-light: rgba(64, 192, 87, .1);--mantine-color-green-light-hover: rgba(64, 192, 87, .12);--mantine-color-green-light-color: var(--mantine-color-green-6);--mantine-color-green-outline: var(--mantine-color-green-6);--mantine-color-green-outline-hover: rgba(64, 192, 87, .05);--mantine-color-lime-text: var(--mantine-color-lime-filled);--mantine-color-lime-filled: var(--mantine-color-lime-6);--mantine-color-lime-filled-hover: var(--mantine-color-lime-7);--mantine-color-lime-light: rgba(130, 201, 30, .1);--mantine-color-lime-light-hover: rgba(130, 201, 30, .12);--mantine-color-lime-light-color: var(--mantine-color-lime-6);--mantine-color-lime-outline: var(--mantine-color-lime-6);--mantine-color-lime-outline-hover: rgba(130, 201, 30, .05);--mantine-color-yellow-text: var(--mantine-color-yellow-filled);--mantine-color-yellow-filled: var(--mantine-color-yellow-6);--mantine-color-yellow-filled-hover: var(--mantine-color-yellow-7);--mantine-color-yellow-light: rgba(250, 176, 5, .1);--mantine-color-yellow-light-hover: rgba(250, 176, 5, .12);--mantine-color-yellow-light-color: var(--mantine-color-yellow-6);--mantine-color-yellow-outline: var(--mantine-color-yellow-6);--mantine-color-yellow-outline-hover: rgba(250, 176, 5, .05);--mantine-color-orange-text: var(--mantine-color-orange-filled);--mantine-color-orange-filled: var(--mantine-color-orange-6);--mantine-color-orange-filled-hover: var(--mantine-color-orange-7);--mantine-color-orange-light: rgba(253, 126, 20, .1);--mantine-color-orange-light-hover: rgba(253, 126, 20, .12);--mantine-color-orange-light-color: var(--mantine-color-orange-6);--mantine-color-orange-outline: var(--mantine-color-orange-6);--mantine-color-orange-outline-hover: rgba(253, 126, 20, .05)}}@layer mantine{.m_1b7284a3{--paper-radius: var(--mantine-radius-default);outline:0;-webkit-tap-highlight-color:transparent;display:block;touch-action:manipulation;text-decoration:none;border-radius:var(--paper-radius);box-shadow:var(--paper-shadow);background-color:var(--mantine-color-body)}[data-mantine-color-scheme=light] .m_1b7284a3{--paper-border-color: var(--mantine-color-gray-3)}[data-mantine-color-scheme=dark] .m_1b7284a3{--paper-border-color: var(--mantine-color-dark-4)}.m_1b7284a3:where([data-with-border]){border:calc(.0625rem * var(--mantine-scale)) solid var(--paper-border-color)}}@layer mantine{.m_6d731127{display:flex;flex-direction:column;align-items:var(--stack-align, stretch);justify-content:var(--stack-justify, flex-start);gap:var(--stack-gap, var(--mantine-spacing-md))}}@layer mantine{.m_4081bf90{display:flex;flex-direction:row;flex-wrap:var(--group-wrap, wrap);justify-content:var(--group-justify, flex-start);align-items:var(--group-align, center);gap:var(--group-gap, var(--mantine-spacing-md))}.m_4081bf90:where([data-grow])>*{flex-grow:1;max-width:var(--group-child-width)}}@layer mantine{.m_b6d8b162{-webkit-tap-highlight-color:transparent;text-decoration:none;font-size:var(--text-fz, var(--mantine-font-size-md));line-height:var(--text-lh, var(--mantine-line-height-md));font-weight:400;margin:0;padding:0;color:var(--text-color)}.m_b6d8b162:where([data-truncate]){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.m_b6d8b162:where([data-truncate=start]){direction:rtl;text-align:right}:where([dir=rtl]) .m_b6d8b162:where([data-truncate=start]){direction:ltr;text-align:left}.m_b6d8b162:where([data-variant=gradient]){background-image:var(--text-gradient);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.m_b6d8b162:where([data-line-clamp]){overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:var(--text-line-clamp);-webkit-box-orient:vertical}.m_b6d8b162:where([data-inherit]){line-height:inherit;font-weight:inherit;font-size:inherit}.m_b6d8b162:where([data-inline]){line-height:1}}@layer mantine{.m_5ae2e3c{--loader-size-xs: 18px;--loader-size-sm: 22px;--loader-size-md: 36px;--loader-size-lg: 44px;--loader-size-xl: 58px;--loader-size: var(--loader-size-md);--loader-color: var(--mantine-primary-color-filled)}@keyframes m_5d2b3b9d{0%{transform:scale(.6);opacity:0}50%,to{transform:scale(1)}}.m_7a2bd4cd{position:relative;width:var(--loader-size);height:var(--loader-size);display:flex;gap:calc(var(--loader-size) / 5)}.m_870bb79{flex:1;background:var(--loader-color);animation:m_5d2b3b9d 1.2s cubic-bezier(0,.5,.5,1) infinite;border-radius:2px}.m_870bb79:nth-of-type(1){animation-delay:-.24s}.m_870bb79:nth-of-type(2){animation-delay:-.12s}.m_870bb79:nth-of-type(3){animation-delay:0}@keyframes m_aac34a1{0%,to{transform:scale(1);opacity:1}50%{transform:scale(.6);opacity:.5}}.m_4e3f22d7{display:flex;justify-content:center;align-items:center;gap:calc(var(--loader-size) / 10);position:relative;width:var(--loader-size);height:var(--loader-size)}.m_870c4af{width:calc(var(--loader-size) / 3 - var(--loader-size) / 15);height:calc(var(--loader-size) / 3 - var(--loader-size) / 15);border-radius:50%;background:var(--loader-color);animation:m_aac34a1 .8s infinite linear}.m_870c4af:nth-child(2){animation-delay:.4s}@keyframes m_f8e89c4b{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.m_b34414df{display:inline-block;width:var(--loader-size);height:var(--loader-size)}.m_b34414df:after{content:"";display:block;width:var(--loader-size);height:var(--loader-size);border-radius:10000px;border-width:calc(var(--loader-size) / 8);border-style:solid;border-color:var(--loader-color) var(--loader-color) var(--loader-color) transparent;animation:m_f8e89c4b 1.2s linear infinite}}@layer mantine{.m_8d3f4000{--ai-size-xs: 18px;--ai-size-sm: 22px;--ai-size-md: 28px;--ai-size-lg: 34px;--ai-size-xl: 44px;--ai-size-input-xs: 30px;--ai-size-input-sm: 36px;--ai-size-input-md: 42px;--ai-size-input-lg: 50px;--ai-size-input-xl: 60px;--ai-size: var(--ai-size-md);--ai-color: var(--mantine-color-white);line-height:1;display:inline-flex;align-items:center;justify-content:center;position:relative;user-select:none;overflow:hidden;width:var(--ai-size);height:var(--ai-size);min-width:var(--ai-size);min-height:var(--ai-size);border-radius:var(--ai-radius, var(--mantine-radius-default));background:var(--ai-bg, var(--mantine-primary-color-filled));color:var(--ai-color, var(--mantine-color-white));border:var(--ai-bd, calc(.0625rem * var(--mantine-scale)) solid transparent);cursor:pointer}@media(hover:hover){.m_8d3f4000:hover:where(:not([data-loading],:disabled,[data-disabled])){background-color:var(--ai-hover, var(--mantine-primary-color-filled-hover));color:var(--ai-hover-color, var(--ai-color))}}@media(hover:none){.m_8d3f4000:active:where(:not([data-loading],:disabled,[data-disabled])){background-color:var(--ai-hover, var(--mantine-primary-color-filled-hover));color:var(--ai-hover-color, var(--ai-color))}}.m_8d3f4000[data-loading]{cursor:not-allowed}.m_8d3f4000[data-loading] .m_8d3afb97{opacity:0;transform:translateY(100%)}.m_8d3f4000:where(:disabled:not([data-loading]),[data-disabled]:not([data-loading])){cursor:not-allowed;border:1px solid transparent;color:var(--mantine-color-disabled-color);background:var(--mantine-color-disabled)}.m_8d3f4000:where(:disabled:not([data-loading]),[data-disabled]:not([data-loading])):active{transform:none}.m_302b9fb1{inset:-1px;position:absolute;border-radius:var(--ai-radius, var(--mantine-radius-default));display:flex;align-items:center;justify-content:center}:where([data-mantine-color-scheme=light]) .m_302b9fb1{background-color:#ffffff26}:where([data-mantine-color-scheme=dark]) .m_302b9fb1{background-color:#00000026}.m_1a0f1b21{--ai-border-width: 1px;display:flex}.m_1a0f1b21 :where(*):focus{position:relative;z-index:1}.m_1a0f1b21[data-orientation=horizontal]{flex-direction:row}.m_1a0f1b21[data-orientation=horizontal] .m_8d3f4000:not(:only-child):first-child,.m_1a0f1b21[data-orientation=horizontal] .m_437b6484:not(:only-child):first-child{border-end-end-radius:0;border-start-end-radius:0;border-inline-end-width:calc(var(--ai-border-width) / 2)}.m_1a0f1b21[data-orientation=horizontal] .m_8d3f4000:not(:only-child):last-child,.m_1a0f1b21[data-orientation=horizontal] .m_437b6484:not(:only-child):last-child{border-end-start-radius:0;border-start-start-radius:0;border-inline-start-width:calc(var(--ai-border-width) / 2)}.m_1a0f1b21[data-orientation=horizontal] .m_8d3f4000:not(:only-child):not(:first-child):not(:last-child),.m_1a0f1b21[data-orientation=horizontal] .m_437b6484:not(:only-child):not(:first-child):not(:last-child){border-radius:0;border-inline-width:calc(var(--ai-border-width) / 2)}.m_1a0f1b21[data-orientation=vertical]{flex-direction:column}.m_1a0f1b21[data-orientation=vertical] .m_8d3f4000:not(:only-child):first-child,.m_1a0f1b21[data-orientation=vertical] .m_437b6484:not(:only-child):first-child{border-end-start-radius:0;border-end-end-radius:0;border-bottom-width:calc(var(--ai-border-width) / 2)}.m_1a0f1b21[data-orientation=vertical] .m_8d3f4000:not(:only-child):last-child,.m_1a0f1b21[data-orientation=vertical] .m_437b6484:not(:only-child):last-child{border-start-start-radius:0;border-start-end-radius:0;border-top-width:calc(var(--ai-border-width) / 2)}.m_1a0f1b21[data-orientation=vertical] .m_8d3f4000:not(:only-child):not(:first-child):not(:last-child),.m_1a0f1b21[data-orientation=vertical] .m_437b6484:not(:only-child):not(:first-child):not(:last-child){border-radius:0;border-bottom-width:calc(var(--ai-border-width) / 2);border-top-width:calc(var(--ai-border-width) / 2)}.m_8d3afb97{display:flex;align-items:center;justify-content:center;transition:transform .15s ease,opacity .1s ease;width:100%;height:100%}.m_437b6484{--section-height-xs: 18px;--section-height-sm: 22px;--section-height-md: 28px;--section-height-lg: 34px;--section-height-xl: 44px;--section-height-input-xs: 30px;--section-height-input-sm: 36px;--section-height-input-md: 42px;--section-height-input-lg: 50px;--section-height-input-xl: 60px;--section-padding-x-xs: 6px;--section-padding-x-sm: 8px;--section-padding-x-md: 10px;--section-padding-x-lg: 12px;--section-padding-x-xl: 16px;--section-height: var(--section-height-sm);--section-padding-x: var(--section-padding-x-sm);--section-color: var(--mantine-color-white);font-weight:600;width:auto;border-radius:var(--section-radius, var(--mantine-radius-default));font-size:var(--section-fz, var(--mantine-font-size-sm));background:var(--section-bg, var(--mantine-primary-color-filled));border:var(--section-bd, calc(.0625rem * var(--mantine-scale)) solid transparent);color:var(--section-color, var(--mantine-color-white));height:var(--section-height, var(--section-height-sm));padding-inline:var(--section-padding-x, var(--section-padding-x-sm));vertical-align:middle;line-height:1;display:inline-flex;align-items:center;justify-content:center}}@layer mantine{.m_4451eb3a{display:flex;align-items:center;justify-content:center}.m_4451eb3a:where([data-inline]){display:inline-flex}}@layer mantine{.m_11def92b{--ag-spacing: var(--mantine-spacing-sm);--ag-offset: calc(var(--ag-spacing) * -1);display:flex;padding-inline-start:var(--ag-spacing)}.m_f85678b6{--avatar-size-xs: 16px;--avatar-size-sm: 26px;--avatar-size-md: 38px;--avatar-size-lg: 56px;--avatar-size-xl: 84px;--avatar-size: var(--avatar-size-md);--avatar-radius: 1000px;--avatar-bg: var(--mantine-color-gray-light);--avatar-bd: 1px solid transparent;--avatar-color: var(--mantine-color-gray-light-color);--avatar-placeholder-fz: calc(var(--avatar-size) / 2.5);-webkit-tap-highlight-color:transparent;position:relative;display:block;user-select:none;overflow:hidden;border-radius:var(--avatar-radius);text-decoration:none;padding:0;width:var(--avatar-size);height:var(--avatar-size);min-width:var(--avatar-size)}.m_f85678b6:where([data-within-group]){margin-inline-start:var(--ag-offset);border:2px solid var(--mantine-color-body);background:var(--mantine-color-body)}.m_11f8ac07{object-fit:cover;width:100%;height:100%;display:block}.m_104cd71f{font-weight:700;display:flex;align-items:center;justify-content:center;width:100%;height:100%;user-select:none;border-radius:var(--avatar-radius);font-size:var(--avatar-placeholder-fz);background:var(--avatar-bg);border:var(--avatar-bd);color:var(--avatar-color)}.m_104cd71f>[data-avatar-placeholder-icon]{width:70%;height:70%}}[data-w3-payment-widget]{--w3-primary: #2563eb;--w3-primary-hover: #1d4ed8;--w3-secondary: #64748b;--w3-widget-max-width: 440px;--w3-widget-padding: 1.5rem;--w3-border-radius: .5rem;--w3-scrollbar-width: 4px;--w3-scrollbar-color: rgba(0, 0, 0, .15);--w3-scrollbar-hover-color: rgba(0, 0, 0, .25)}[data-w3-payment-widget]{color:var(--w3-text-primary, #000000);color-scheme:light}[data-w3-payment-widget] *{color:inherit}[data-w3-payment-widget] .mantine-Text-root,[data-w3-payment-widget] .mantine-Title-root{color:var(--w3-text-primary, #000000)}[data-theme=dark] [data-w3-payment-widget]{color-scheme:dark}[data-theme=dark] [data-w3-payment-widget] .mantine-Text-root[data-variant=dimmed]{color:var(--w3-text-secondary, #94a3b8)!important}[data-w3-payment-widget] .w3-payment-methods-container{overflow:auto;scrollbar-gutter:stable}[data-w3-payment-widget] .w3-payment-methods-container::-webkit-scrollbar{width:0;background:transparent}[data-w3-payment-widget] .w3-payment-methods-container:hover::-webkit-scrollbar{width:var(--w3-scrollbar-width)}[data-w3-payment-widget] .w3-payment-methods-container:hover::-webkit-scrollbar-track{background:transparent}[data-w3-payment-widget] .w3-payment-methods-container:hover::-webkit-scrollbar-thumb{background:var(--w3-scrollbar-color);border-radius:calc(var(--w3-scrollbar-width) / 2);transition:background .2s ease}[data-w3-payment-widget] .w3-payment-methods-container:hover::-webkit-scrollbar-thumb:hover{background:var(--w3-scrollbar-hover-color)}[data-w3-payment-widget] .w3-payment-methods-container{scrollbar-width:none}[data-w3-payment-widget] .w3-payment-methods-container:hover{scrollbar-width:thin;scrollbar-color:var(--w3-scrollbar-color) transparent}._widget_1upbe_3{max-width:var(--w3-widget-max-width, 440px);min-width:var(--w3-widget-min-width, 380px);margin:0 auto}._header_1upbe_9{display:flex;align-items:center;justify-content:center;gap:.75rem}._amountSection_1upbe_16{text-align:center}._amountTitle_1upbe_20{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--mantine-color-dimmed);margin-bottom:.5rem}._amountInput_1upbe_29{font-size:2.5rem!important;font-weight:700!important;text-align:center!important;background:transparent!important;border:none!important;outline:none!important;width:auto!important}._currencyText_1upbe_39{font-size:1.5rem;font-weight:500;font-style:italic;color:var(--mantine-color-dimmed)}._usdBadge_1upbe_46{margin-top:.5rem}._paymentMethodButton_1upbe_50{width:100%;justify-content:flex-start;padding:1rem;height:auto}._methodInfo_1upbe_57{flex:1;display:flex;align-items:center;justify-content:space-between;text-align:left}._methodName_1upbe_65{font-weight:600}._methodDetails_1upbe_69{font-size:.875rem;color:var(--mantine-color-dimmed)}._footer_1upbe_74{text-align:center;font-size:.75rem;color:var(--mantine-color-dimmed)}
|
|
1
|
+
@layer mantine{:root,:host{--mantine-z-index-app: 100;--mantine-z-index-modal: 200;--mantine-z-index-popover: 300;--mantine-z-index-overlay: 400;--mantine-z-index-max: 9999;--mantine-scale: 1;--mantine-cursor-type: default;--mantine-webkit-font-smoothing: antialiased;--mantine-moz-font-smoothing: grayscale;--mantine-color-white: #fff;--mantine-color-black: #000;--mantine-line-height: 1.55;--mantine-font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji;--mantine-font-family-monospace: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;--mantine-font-family-headings: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji;--mantine-heading-font-weight: 700;--mantine-heading-text-wrap: wrap;--mantine-radius-default: calc(.25rem * var(--mantine-scale));--mantine-primary-color-filled: var(--mantine-color-blue-filled);--mantine-primary-color-filled-hover: var(--mantine-color-blue-filled-hover);--mantine-primary-color-light: var(--mantine-color-blue-light);--mantine-primary-color-light-hover: var(--mantine-color-blue-light-hover);--mantine-primary-color-light-color: var(--mantine-color-blue-light-color);--mantine-breakpoint-xs: 36em;--mantine-breakpoint-sm: 48em;--mantine-breakpoint-md: 62em;--mantine-breakpoint-lg: 75em;--mantine-breakpoint-xl: 88em;--mantine-spacing-xs: calc(.625rem * var(--mantine-scale));--mantine-spacing-sm: calc(.75rem * var(--mantine-scale));--mantine-spacing-md: calc(1rem * var(--mantine-scale));--mantine-spacing-lg: calc(1.25rem * var(--mantine-scale));--mantine-spacing-xl: calc(2rem * var(--mantine-scale));--mantine-font-size-xs: calc(.75rem * var(--mantine-scale));--mantine-font-size-sm: calc(.875rem * var(--mantine-scale));--mantine-font-size-md: calc(1rem * var(--mantine-scale));--mantine-font-size-lg: calc(1.125rem * var(--mantine-scale));--mantine-font-size-xl: calc(1.25rem * var(--mantine-scale));--mantine-line-height-xs: 1.4;--mantine-line-height-sm: 1.45;--mantine-line-height-md: 1.55;--mantine-line-height-lg: 1.6;--mantine-line-height-xl: 1.65;--mantine-shadow-xs: 0 calc(.0625rem * var(--mantine-scale)) calc(.1875rem * var(--mantine-scale)) rgba(0, 0, 0, .05), 0 calc(.0625rem * var(--mantine-scale)) calc(.125rem * var(--mantine-scale)) rgba(0, 0, 0, .1);--mantine-shadow-sm: 0 calc(.0625rem * var(--mantine-scale)) calc(.1875rem * var(--mantine-scale)) rgba(0, 0, 0, .05), rgba(0, 0, 0, .05) 0 calc(.625rem * var(--mantine-scale)) calc(.9375rem * var(--mantine-scale)) calc(-.3125rem * var(--mantine-scale)), rgba(0, 0, 0, .04) 0 calc(.4375rem * var(--mantine-scale)) calc(.4375rem * var(--mantine-scale)) calc(-.3125rem * var(--mantine-scale));--mantine-shadow-md: 0 calc(.0625rem * var(--mantine-scale)) calc(.1875rem * var(--mantine-scale)) rgba(0, 0, 0, .05), rgba(0, 0, 0, .05) 0 calc(1.25rem * var(--mantine-scale)) calc(1.5625rem * var(--mantine-scale)) calc(-.3125rem * var(--mantine-scale)), rgba(0, 0, 0, .04) 0 calc(.625rem * var(--mantine-scale)) calc(.625rem * var(--mantine-scale)) calc(-.3125rem * var(--mantine-scale));--mantine-shadow-lg: 0 calc(.0625rem * var(--mantine-scale)) calc(.1875rem * var(--mantine-scale)) rgba(0, 0, 0, .05), rgba(0, 0, 0, .05) 0 calc(1.75rem * var(--mantine-scale)) calc(1.4375rem * var(--mantine-scale)) calc(-.4375rem * var(--mantine-scale)), rgba(0, 0, 0, .04) 0 calc(.75rem * var(--mantine-scale)) calc(.75rem * var(--mantine-scale)) calc(-.4375rem * var(--mantine-scale));--mantine-shadow-xl: 0 calc(.0625rem * var(--mantine-scale)) calc(.1875rem * var(--mantine-scale)) rgba(0, 0, 0, .05), rgba(0, 0, 0, .05) 0 calc(2.25rem * var(--mantine-scale)) calc(1.75rem * var(--mantine-scale)) calc(-.4375rem * var(--mantine-scale)), rgba(0, 0, 0, .04) 0 calc(1.0625rem * var(--mantine-scale)) calc(1.0625rem * var(--mantine-scale)) calc(-.4375rem * var(--mantine-scale));--mantine-radius-xs: calc(.125rem * var(--mantine-scale));--mantine-radius-sm: calc(.25rem * var(--mantine-scale));--mantine-radius-md: calc(.5rem * var(--mantine-scale));--mantine-radius-lg: calc(1rem * var(--mantine-scale));--mantine-radius-xl: calc(2rem * var(--mantine-scale));--mantine-primary-color-0: var(--mantine-color-blue-0);--mantine-primary-color-1: var(--mantine-color-blue-1);--mantine-primary-color-2: var(--mantine-color-blue-2);--mantine-primary-color-3: var(--mantine-color-blue-3);--mantine-primary-color-4: var(--mantine-color-blue-4);--mantine-primary-color-5: var(--mantine-color-blue-5);--mantine-primary-color-6: var(--mantine-color-blue-6);--mantine-primary-color-7: var(--mantine-color-blue-7);--mantine-primary-color-8: var(--mantine-color-blue-8);--mantine-primary-color-9: var(--mantine-color-blue-9);--mantine-color-dark-0: #c9c9c9;--mantine-color-dark-1: #b8b8b8;--mantine-color-dark-2: #828282;--mantine-color-dark-3: #696969;--mantine-color-dark-4: #424242;--mantine-color-dark-5: #3b3b3b;--mantine-color-dark-6: #2e2e2e;--mantine-color-dark-7: #242424;--mantine-color-dark-8: #1f1f1f;--mantine-color-dark-9: #141414;--mantine-color-gray-0: #f8f9fa;--mantine-color-gray-1: #f1f3f5;--mantine-color-gray-2: #e9ecef;--mantine-color-gray-3: #dee2e6;--mantine-color-gray-4: #ced4da;--mantine-color-gray-5: #adb5bd;--mantine-color-gray-6: #868e96;--mantine-color-gray-7: #495057;--mantine-color-gray-8: #343a40;--mantine-color-gray-9: #212529;--mantine-color-red-0: #fff5f5;--mantine-color-red-1: #ffe3e3;--mantine-color-red-2: #ffc9c9;--mantine-color-red-3: #ffa8a8;--mantine-color-red-4: #ff8787;--mantine-color-red-5: #ff6b6b;--mantine-color-red-6: #fa5252;--mantine-color-red-7: #f03e3e;--mantine-color-red-8: #e03131;--mantine-color-red-9: #c92a2a;--mantine-color-pink-0: #fff0f6;--mantine-color-pink-1: #ffdeeb;--mantine-color-pink-2: #fcc2d7;--mantine-color-pink-3: #faa2c1;--mantine-color-pink-4: #f783ac;--mantine-color-pink-5: #f06595;--mantine-color-pink-6: #e64980;--mantine-color-pink-7: #d6336c;--mantine-color-pink-8: #c2255c;--mantine-color-pink-9: #a61e4d;--mantine-color-grape-0: #f8f0fc;--mantine-color-grape-1: #f3d9fa;--mantine-color-grape-2: #eebefa;--mantine-color-grape-3: #e599f7;--mantine-color-grape-4: #da77f2;--mantine-color-grape-5: #cc5de8;--mantine-color-grape-6: #be4bdb;--mantine-color-grape-7: #ae3ec9;--mantine-color-grape-8: #9c36b5;--mantine-color-grape-9: #862e9c;--mantine-color-violet-0: #f3f0ff;--mantine-color-violet-1: #e5dbff;--mantine-color-violet-2: #d0bfff;--mantine-color-violet-3: #b197fc;--mantine-color-violet-4: #9775fa;--mantine-color-violet-5: #845ef7;--mantine-color-violet-6: #7950f2;--mantine-color-violet-7: #7048e8;--mantine-color-violet-8: #6741d9;--mantine-color-violet-9: #5f3dc4;--mantine-color-indigo-0: #edf2ff;--mantine-color-indigo-1: #dbe4ff;--mantine-color-indigo-2: #bac8ff;--mantine-color-indigo-3: #91a7ff;--mantine-color-indigo-4: #748ffc;--mantine-color-indigo-5: #5c7cfa;--mantine-color-indigo-6: #4c6ef5;--mantine-color-indigo-7: #4263eb;--mantine-color-indigo-8: #3b5bdb;--mantine-color-indigo-9: #364fc7;--mantine-color-blue-0: #e7f5ff;--mantine-color-blue-1: #d0ebff;--mantine-color-blue-2: #a5d8ff;--mantine-color-blue-3: #74c0fc;--mantine-color-blue-4: #4dabf7;--mantine-color-blue-5: #339af0;--mantine-color-blue-6: #228be6;--mantine-color-blue-7: #1c7ed6;--mantine-color-blue-8: #1971c2;--mantine-color-blue-9: #1864ab;--mantine-color-cyan-0: #e3fafc;--mantine-color-cyan-1: #c5f6fa;--mantine-color-cyan-2: #99e9f2;--mantine-color-cyan-3: #66d9e8;--mantine-color-cyan-4: #3bc9db;--mantine-color-cyan-5: #22b8cf;--mantine-color-cyan-6: #15aabf;--mantine-color-cyan-7: #1098ad;--mantine-color-cyan-8: #0c8599;--mantine-color-cyan-9: #0b7285;--mantine-color-teal-0: #e6fcf5;--mantine-color-teal-1: #c3fae8;--mantine-color-teal-2: #96f2d7;--mantine-color-teal-3: #63e6be;--mantine-color-teal-4: #38d9a9;--mantine-color-teal-5: #20c997;--mantine-color-teal-6: #12b886;--mantine-color-teal-7: #0ca678;--mantine-color-teal-8: #099268;--mantine-color-teal-9: #087f5b;--mantine-color-green-0: #ebfbee;--mantine-color-green-1: #d3f9d8;--mantine-color-green-2: #b2f2bb;--mantine-color-green-3: #8ce99a;--mantine-color-green-4: #69db7c;--mantine-color-green-5: #51cf66;--mantine-color-green-6: #40c057;--mantine-color-green-7: #37b24d;--mantine-color-green-8: #2f9e44;--mantine-color-green-9: #2b8a3e;--mantine-color-lime-0: #f4fce3;--mantine-color-lime-1: #e9fac8;--mantine-color-lime-2: #d8f5a2;--mantine-color-lime-3: #c0eb75;--mantine-color-lime-4: #a9e34b;--mantine-color-lime-5: #94d82d;--mantine-color-lime-6: #82c91e;--mantine-color-lime-7: #74b816;--mantine-color-lime-8: #66a80f;--mantine-color-lime-9: #5c940d;--mantine-color-yellow-0: #fff9db;--mantine-color-yellow-1: #fff3bf;--mantine-color-yellow-2: #ffec99;--mantine-color-yellow-3: #ffe066;--mantine-color-yellow-4: #ffd43b;--mantine-color-yellow-5: #fcc419;--mantine-color-yellow-6: #fab005;--mantine-color-yellow-7: #f59f00;--mantine-color-yellow-8: #f08c00;--mantine-color-yellow-9: #e67700;--mantine-color-orange-0: #fff4e6;--mantine-color-orange-1: #ffe8cc;--mantine-color-orange-2: #ffd8a8;--mantine-color-orange-3: #ffc078;--mantine-color-orange-4: #ffa94d;--mantine-color-orange-5: #ff922b;--mantine-color-orange-6: #fd7e14;--mantine-color-orange-7: #f76707;--mantine-color-orange-8: #e8590c;--mantine-color-orange-9: #d9480f;--mantine-h1-font-size: calc(2.125rem * var(--mantine-scale));--mantine-h1-line-height: 1.3;--mantine-h1-font-weight: 700;--mantine-h2-font-size: calc(1.625rem * var(--mantine-scale));--mantine-h2-line-height: 1.35;--mantine-h2-font-weight: 700;--mantine-h3-font-size: calc(1.375rem * var(--mantine-scale));--mantine-h3-line-height: 1.4;--mantine-h3-font-weight: 700;--mantine-h4-font-size: calc(1.125rem * var(--mantine-scale));--mantine-h4-line-height: 1.45;--mantine-h4-font-weight: 700;--mantine-h5-font-size: calc(1rem * var(--mantine-scale));--mantine-h5-line-height: 1.5;--mantine-h5-font-weight: 700;--mantine-h6-font-size: calc(.875rem * var(--mantine-scale));--mantine-h6-line-height: 1.5;--mantine-h6-font-weight: 700}:root[data-mantine-color-scheme=dark],:host([data-mantine-color-scheme="dark"]){--mantine-color-scheme: dark;--mantine-primary-color-contrast: var(--mantine-color-white);--mantine-color-bright: var(--mantine-color-white);--mantine-color-text: var(--mantine-color-dark-0);--mantine-color-body: var(--mantine-color-dark-7);--mantine-color-error: var(--mantine-color-red-8);--mantine-color-placeholder: var(--mantine-color-dark-3);--mantine-color-anchor: var(--mantine-color-blue-4);--mantine-color-default: var(--mantine-color-dark-6);--mantine-color-default-hover: var(--mantine-color-dark-5);--mantine-color-default-color: var(--mantine-color-white);--mantine-color-default-border: var(--mantine-color-dark-4);--mantine-color-dimmed: var(--mantine-color-dark-2);--mantine-color-disabled: var(--mantine-color-dark-6);--mantine-color-disabled-color: var(--mantine-color-dark-3);--mantine-color-disabled-border: var(--mantine-color-dark-4);--mantine-color-dark-text: var(--mantine-color-dark-4);--mantine-color-dark-filled: var(--mantine-color-dark-8);--mantine-color-dark-filled-hover: var(--mantine-color-dark-9);--mantine-color-dark-light: rgba(46, 46, 46, .15);--mantine-color-dark-light-hover: rgba(46, 46, 46, .2);--mantine-color-dark-light-color: var(--mantine-color-dark-3);--mantine-color-dark-outline: var(--mantine-color-dark-4);--mantine-color-dark-outline-hover: rgba(66, 66, 66, .05);--mantine-color-gray-text: var(--mantine-color-gray-4);--mantine-color-gray-filled: var(--mantine-color-gray-8);--mantine-color-gray-filled-hover: var(--mantine-color-gray-9);--mantine-color-gray-light: rgba(134, 142, 150, .15);--mantine-color-gray-light-hover: rgba(134, 142, 150, .2);--mantine-color-gray-light-color: var(--mantine-color-gray-3);--mantine-color-gray-outline: var(--mantine-color-gray-4);--mantine-color-gray-outline-hover: rgba(206, 212, 218, .05);--mantine-color-red-text: var(--mantine-color-red-4);--mantine-color-red-filled: var(--mantine-color-red-8);--mantine-color-red-filled-hover: var(--mantine-color-red-9);--mantine-color-red-light: rgba(250, 82, 82, .15);--mantine-color-red-light-hover: rgba(250, 82, 82, .2);--mantine-color-red-light-color: var(--mantine-color-red-3);--mantine-color-red-outline: var(--mantine-color-red-4);--mantine-color-red-outline-hover: rgba(255, 135, 135, .05);--mantine-color-pink-text: var(--mantine-color-pink-4);--mantine-color-pink-filled: var(--mantine-color-pink-8);--mantine-color-pink-filled-hover: var(--mantine-color-pink-9);--mantine-color-pink-light: rgba(230, 73, 128, .15);--mantine-color-pink-light-hover: rgba(230, 73, 128, .2);--mantine-color-pink-light-color: var(--mantine-color-pink-3);--mantine-color-pink-outline: var(--mantine-color-pink-4);--mantine-color-pink-outline-hover: rgba(247, 131, 172, .05);--mantine-color-grape-text: var(--mantine-color-grape-4);--mantine-color-grape-filled: var(--mantine-color-grape-8);--mantine-color-grape-filled-hover: var(--mantine-color-grape-9);--mantine-color-grape-light: rgba(190, 75, 219, .15);--mantine-color-grape-light-hover: rgba(190, 75, 219, .2);--mantine-color-grape-light-color: var(--mantine-color-grape-3);--mantine-color-grape-outline: var(--mantine-color-grape-4);--mantine-color-grape-outline-hover: rgba(218, 119, 242, .05);--mantine-color-violet-text: var(--mantine-color-violet-4);--mantine-color-violet-filled: var(--mantine-color-violet-8);--mantine-color-violet-filled-hover: var(--mantine-color-violet-9);--mantine-color-violet-light: rgba(121, 80, 242, .15);--mantine-color-violet-light-hover: rgba(121, 80, 242, .2);--mantine-color-violet-light-color: var(--mantine-color-violet-3);--mantine-color-violet-outline: var(--mantine-color-violet-4);--mantine-color-violet-outline-hover: rgba(151, 117, 250, .05);--mantine-color-indigo-text: var(--mantine-color-indigo-4);--mantine-color-indigo-filled: var(--mantine-color-indigo-8);--mantine-color-indigo-filled-hover: var(--mantine-color-indigo-9);--mantine-color-indigo-light: rgba(76, 110, 245, .15);--mantine-color-indigo-light-hover: rgba(76, 110, 245, .2);--mantine-color-indigo-light-color: var(--mantine-color-indigo-3);--mantine-color-indigo-outline: var(--mantine-color-indigo-4);--mantine-color-indigo-outline-hover: rgba(116, 143, 252, .05);--mantine-color-blue-text: var(--mantine-color-blue-4);--mantine-color-blue-filled: var(--mantine-color-blue-8);--mantine-color-blue-filled-hover: var(--mantine-color-blue-9);--mantine-color-blue-light: rgba(34, 139, 230, .15);--mantine-color-blue-light-hover: rgba(34, 139, 230, .2);--mantine-color-blue-light-color: var(--mantine-color-blue-3);--mantine-color-blue-outline: var(--mantine-color-blue-4);--mantine-color-blue-outline-hover: rgba(77, 171, 247, .05);--mantine-color-cyan-text: var(--mantine-color-cyan-4);--mantine-color-cyan-filled: var(--mantine-color-cyan-8);--mantine-color-cyan-filled-hover: var(--mantine-color-cyan-9);--mantine-color-cyan-light: rgba(21, 170, 191, .15);--mantine-color-cyan-light-hover: rgba(21, 170, 191, .2);--mantine-color-cyan-light-color: var(--mantine-color-cyan-3);--mantine-color-cyan-outline: var(--mantine-color-cyan-4);--mantine-color-cyan-outline-hover: rgba(59, 201, 219, .05);--mantine-color-teal-text: var(--mantine-color-teal-4);--mantine-color-teal-filled: var(--mantine-color-teal-8);--mantine-color-teal-filled-hover: var(--mantine-color-teal-9);--mantine-color-teal-light: rgba(18, 184, 134, .15);--mantine-color-teal-light-hover: rgba(18, 184, 134, .2);--mantine-color-teal-light-color: var(--mantine-color-teal-3);--mantine-color-teal-outline: var(--mantine-color-teal-4);--mantine-color-teal-outline-hover: rgba(56, 217, 169, .05);--mantine-color-green-text: var(--mantine-color-green-4);--mantine-color-green-filled: var(--mantine-color-green-8);--mantine-color-green-filled-hover: var(--mantine-color-green-9);--mantine-color-green-light: rgba(64, 192, 87, .15);--mantine-color-green-light-hover: rgba(64, 192, 87, .2);--mantine-color-green-light-color: var(--mantine-color-green-3);--mantine-color-green-outline: var(--mantine-color-green-4);--mantine-color-green-outline-hover: rgba(105, 219, 124, .05);--mantine-color-lime-text: var(--mantine-color-lime-4);--mantine-color-lime-filled: var(--mantine-color-lime-8);--mantine-color-lime-filled-hover: var(--mantine-color-lime-9);--mantine-color-lime-light: rgba(130, 201, 30, .15);--mantine-color-lime-light-hover: rgba(130, 201, 30, .2);--mantine-color-lime-light-color: var(--mantine-color-lime-3);--mantine-color-lime-outline: var(--mantine-color-lime-4);--mantine-color-lime-outline-hover: rgba(169, 227, 75, .05);--mantine-color-yellow-text: var(--mantine-color-yellow-4);--mantine-color-yellow-filled: var(--mantine-color-yellow-8);--mantine-color-yellow-filled-hover: var(--mantine-color-yellow-9);--mantine-color-yellow-light: rgba(250, 176, 5, .15);--mantine-color-yellow-light-hover: rgba(250, 176, 5, .2);--mantine-color-yellow-light-color: var(--mantine-color-yellow-3);--mantine-color-yellow-outline: var(--mantine-color-yellow-4);--mantine-color-yellow-outline-hover: rgba(255, 212, 59, .05);--mantine-color-orange-text: var(--mantine-color-orange-4);--mantine-color-orange-filled: var(--mantine-color-orange-8);--mantine-color-orange-filled-hover: var(--mantine-color-orange-9);--mantine-color-orange-light: rgba(253, 126, 20, .15);--mantine-color-orange-light-hover: rgba(253, 126, 20, .2);--mantine-color-orange-light-color: var(--mantine-color-orange-3);--mantine-color-orange-outline: var(--mantine-color-orange-4);--mantine-color-orange-outline-hover: rgba(255, 169, 77, .05)}:root[data-mantine-color-scheme=light],:host([data-mantine-color-scheme="light"]){--mantine-color-scheme: light;--mantine-primary-color-contrast: var(--mantine-color-white);--mantine-color-bright: var(--mantine-color-black);--mantine-color-text: #000;--mantine-color-body: #fff;--mantine-color-error: var(--mantine-color-red-6);--mantine-color-placeholder: var(--mantine-color-gray-5);--mantine-color-anchor: var(--mantine-color-blue-6);--mantine-color-default: var(--mantine-color-white);--mantine-color-default-hover: var(--mantine-color-gray-0);--mantine-color-default-color: var(--mantine-color-black);--mantine-color-default-border: var(--mantine-color-gray-4);--mantine-color-dimmed: var(--mantine-color-gray-6);--mantine-color-disabled: var(--mantine-color-gray-2);--mantine-color-disabled-color: var(--mantine-color-gray-5);--mantine-color-disabled-border: var(--mantine-color-gray-3);--mantine-color-dark-text: var(--mantine-color-dark-filled);--mantine-color-dark-filled: var(--mantine-color-dark-6);--mantine-color-dark-filled-hover: var(--mantine-color-dark-7);--mantine-color-dark-light: rgba(46, 46, 46, .1);--mantine-color-dark-light-hover: rgba(46, 46, 46, .12);--mantine-color-dark-light-color: var(--mantine-color-dark-6);--mantine-color-dark-outline: var(--mantine-color-dark-6);--mantine-color-dark-outline-hover: rgba(46, 46, 46, .05);--mantine-color-gray-text: var(--mantine-color-gray-filled);--mantine-color-gray-filled: var(--mantine-color-gray-6);--mantine-color-gray-filled-hover: var(--mantine-color-gray-7);--mantine-color-gray-light: rgba(134, 142, 150, .1);--mantine-color-gray-light-hover: rgba(134, 142, 150, .12);--mantine-color-gray-light-color: var(--mantine-color-gray-6);--mantine-color-gray-outline: var(--mantine-color-gray-6);--mantine-color-gray-outline-hover: rgba(134, 142, 150, .05);--mantine-color-red-text: var(--mantine-color-red-filled);--mantine-color-red-filled: var(--mantine-color-red-6);--mantine-color-red-filled-hover: var(--mantine-color-red-7);--mantine-color-red-light: rgba(250, 82, 82, .1);--mantine-color-red-light-hover: rgba(250, 82, 82, .12);--mantine-color-red-light-color: var(--mantine-color-red-6);--mantine-color-red-outline: var(--mantine-color-red-6);--mantine-color-red-outline-hover: rgba(250, 82, 82, .05);--mantine-color-pink-text: var(--mantine-color-pink-filled);--mantine-color-pink-filled: var(--mantine-color-pink-6);--mantine-color-pink-filled-hover: var(--mantine-color-pink-7);--mantine-color-pink-light: rgba(230, 73, 128, .1);--mantine-color-pink-light-hover: rgba(230, 73, 128, .12);--mantine-color-pink-light-color: var(--mantine-color-pink-6);--mantine-color-pink-outline: var(--mantine-color-pink-6);--mantine-color-pink-outline-hover: rgba(230, 73, 128, .05);--mantine-color-grape-text: var(--mantine-color-grape-filled);--mantine-color-grape-filled: var(--mantine-color-grape-6);--mantine-color-grape-filled-hover: var(--mantine-color-grape-7);--mantine-color-grape-light: rgba(190, 75, 219, .1);--mantine-color-grape-light-hover: rgba(190, 75, 219, .12);--mantine-color-grape-light-color: var(--mantine-color-grape-6);--mantine-color-grape-outline: var(--mantine-color-grape-6);--mantine-color-grape-outline-hover: rgba(190, 75, 219, .05);--mantine-color-violet-text: var(--mantine-color-violet-filled);--mantine-color-violet-filled: var(--mantine-color-violet-6);--mantine-color-violet-filled-hover: var(--mantine-color-violet-7);--mantine-color-violet-light: rgba(121, 80, 242, .1);--mantine-color-violet-light-hover: rgba(121, 80, 242, .12);--mantine-color-violet-light-color: var(--mantine-color-violet-6);--mantine-color-violet-outline: var(--mantine-color-violet-6);--mantine-color-violet-outline-hover: rgba(121, 80, 242, .05);--mantine-color-indigo-text: var(--mantine-color-indigo-filled);--mantine-color-indigo-filled: var(--mantine-color-indigo-6);--mantine-color-indigo-filled-hover: var(--mantine-color-indigo-7);--mantine-color-indigo-light: rgba(76, 110, 245, .1);--mantine-color-indigo-light-hover: rgba(76, 110, 245, .12);--mantine-color-indigo-light-color: var(--mantine-color-indigo-6);--mantine-color-indigo-outline: var(--mantine-color-indigo-6);--mantine-color-indigo-outline-hover: rgba(76, 110, 245, .05);--mantine-color-blue-text: var(--mantine-color-blue-filled);--mantine-color-blue-filled: var(--mantine-color-blue-6);--mantine-color-blue-filled-hover: var(--mantine-color-blue-7);--mantine-color-blue-light: rgba(34, 139, 230, .1);--mantine-color-blue-light-hover: rgba(34, 139, 230, .12);--mantine-color-blue-light-color: var(--mantine-color-blue-6);--mantine-color-blue-outline: var(--mantine-color-blue-6);--mantine-color-blue-outline-hover: rgba(34, 139, 230, .05);--mantine-color-cyan-text: var(--mantine-color-cyan-filled);--mantine-color-cyan-filled: var(--mantine-color-cyan-6);--mantine-color-cyan-filled-hover: var(--mantine-color-cyan-7);--mantine-color-cyan-light: rgba(21, 170, 191, .1);--mantine-color-cyan-light-hover: rgba(21, 170, 191, .12);--mantine-color-cyan-light-color: var(--mantine-color-cyan-6);--mantine-color-cyan-outline: var(--mantine-color-cyan-6);--mantine-color-cyan-outline-hover: rgba(21, 170, 191, .05);--mantine-color-teal-text: var(--mantine-color-teal-filled);--mantine-color-teal-filled: var(--mantine-color-teal-6);--mantine-color-teal-filled-hover: var(--mantine-color-teal-7);--mantine-color-teal-light: rgba(18, 184, 134, .1);--mantine-color-teal-light-hover: rgba(18, 184, 134, .12);--mantine-color-teal-light-color: var(--mantine-color-teal-6);--mantine-color-teal-outline: var(--mantine-color-teal-6);--mantine-color-teal-outline-hover: rgba(18, 184, 134, .05);--mantine-color-green-text: var(--mantine-color-green-filled);--mantine-color-green-filled: var(--mantine-color-green-6);--mantine-color-green-filled-hover: var(--mantine-color-green-7);--mantine-color-green-light: rgba(64, 192, 87, .1);--mantine-color-green-light-hover: rgba(64, 192, 87, .12);--mantine-color-green-light-color: var(--mantine-color-green-6);--mantine-color-green-outline: var(--mantine-color-green-6);--mantine-color-green-outline-hover: rgba(64, 192, 87, .05);--mantine-color-lime-text: var(--mantine-color-lime-filled);--mantine-color-lime-filled: var(--mantine-color-lime-6);--mantine-color-lime-filled-hover: var(--mantine-color-lime-7);--mantine-color-lime-light: rgba(130, 201, 30, .1);--mantine-color-lime-light-hover: rgba(130, 201, 30, .12);--mantine-color-lime-light-color: var(--mantine-color-lime-6);--mantine-color-lime-outline: var(--mantine-color-lime-6);--mantine-color-lime-outline-hover: rgba(130, 201, 30, .05);--mantine-color-yellow-text: var(--mantine-color-yellow-filled);--mantine-color-yellow-filled: var(--mantine-color-yellow-6);--mantine-color-yellow-filled-hover: var(--mantine-color-yellow-7);--mantine-color-yellow-light: rgba(250, 176, 5, .1);--mantine-color-yellow-light-hover: rgba(250, 176, 5, .12);--mantine-color-yellow-light-color: var(--mantine-color-yellow-6);--mantine-color-yellow-outline: var(--mantine-color-yellow-6);--mantine-color-yellow-outline-hover: rgba(250, 176, 5, .05);--mantine-color-orange-text: var(--mantine-color-orange-filled);--mantine-color-orange-filled: var(--mantine-color-orange-6);--mantine-color-orange-filled-hover: var(--mantine-color-orange-7);--mantine-color-orange-light: rgba(253, 126, 20, .1);--mantine-color-orange-light-hover: rgba(253, 126, 20, .12);--mantine-color-orange-light-color: var(--mantine-color-orange-6);--mantine-color-orange-outline: var(--mantine-color-orange-6);--mantine-color-orange-outline-hover: rgba(253, 126, 20, .05)}}@layer mantine{.m_1b7284a3{--paper-radius: var(--mantine-radius-default);outline:0;-webkit-tap-highlight-color:transparent;display:block;touch-action:manipulation;text-decoration:none;border-radius:var(--paper-radius);box-shadow:var(--paper-shadow);background-color:var(--mantine-color-body)}[data-mantine-color-scheme=light] .m_1b7284a3{--paper-border-color: var(--mantine-color-gray-3)}[data-mantine-color-scheme=dark] .m_1b7284a3{--paper-border-color: var(--mantine-color-dark-4)}.m_1b7284a3:where([data-with-border]){border:calc(.0625rem * var(--mantine-scale)) solid var(--paper-border-color)}}@layer mantine{.m_6d731127{display:flex;flex-direction:column;align-items:var(--stack-align, stretch);justify-content:var(--stack-justify, flex-start);gap:var(--stack-gap, var(--mantine-spacing-md))}}@layer mantine{.m_4081bf90{display:flex;flex-direction:row;flex-wrap:var(--group-wrap, wrap);justify-content:var(--group-justify, flex-start);align-items:var(--group-align, center);gap:var(--group-gap, var(--mantine-spacing-md))}.m_4081bf90:where([data-grow])>*{flex-grow:1;max-width:var(--group-child-width)}}@layer mantine{.m_b6d8b162{-webkit-tap-highlight-color:transparent;text-decoration:none;font-size:var(--text-fz, var(--mantine-font-size-md));line-height:var(--text-lh, var(--mantine-line-height-md));font-weight:400;margin:0;padding:0;color:var(--text-color)}.m_b6d8b162:where([data-truncate]){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.m_b6d8b162:where([data-truncate=start]){direction:rtl;text-align:right}:where([dir=rtl]) .m_b6d8b162:where([data-truncate=start]){direction:ltr;text-align:left}.m_b6d8b162:where([data-variant=gradient]){background-image:var(--text-gradient);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.m_b6d8b162:where([data-line-clamp]){overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:var(--text-line-clamp);-webkit-box-orient:vertical}.m_b6d8b162:where([data-inherit]){line-height:inherit;font-weight:inherit;font-size:inherit}.m_b6d8b162:where([data-inline]){line-height:1}}@layer mantine{.m_5ae2e3c{--loader-size-xs: 18px;--loader-size-sm: 22px;--loader-size-md: 36px;--loader-size-lg: 44px;--loader-size-xl: 58px;--loader-size: var(--loader-size-md);--loader-color: var(--mantine-primary-color-filled)}@keyframes m_5d2b3b9d{0%{transform:scale(.6);opacity:0}50%,to{transform:scale(1)}}.m_7a2bd4cd{position:relative;width:var(--loader-size);height:var(--loader-size);display:flex;gap:calc(var(--loader-size) / 5)}.m_870bb79{flex:1;background:var(--loader-color);animation:m_5d2b3b9d 1.2s cubic-bezier(0,.5,.5,1) infinite;border-radius:2px}.m_870bb79:nth-of-type(1){animation-delay:-.24s}.m_870bb79:nth-of-type(2){animation-delay:-.12s}.m_870bb79:nth-of-type(3){animation-delay:0}@keyframes m_aac34a1{0%,to{transform:scale(1);opacity:1}50%{transform:scale(.6);opacity:.5}}.m_4e3f22d7{display:flex;justify-content:center;align-items:center;gap:calc(var(--loader-size) / 10);position:relative;width:var(--loader-size);height:var(--loader-size)}.m_870c4af{width:calc(var(--loader-size) / 3 - var(--loader-size) / 15);height:calc(var(--loader-size) / 3 - var(--loader-size) / 15);border-radius:50%;background:var(--loader-color);animation:m_aac34a1 .8s infinite linear}.m_870c4af:nth-child(2){animation-delay:.4s}@keyframes m_f8e89c4b{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.m_b34414df{display:inline-block;width:var(--loader-size);height:var(--loader-size)}.m_b34414df:after{content:"";display:block;width:var(--loader-size);height:var(--loader-size);border-radius:10000px;border-width:calc(var(--loader-size) / 8);border-style:solid;border-color:var(--loader-color) var(--loader-color) var(--loader-color) transparent;animation:m_f8e89c4b 1.2s linear infinite}}@layer mantine{.m_8d3f4000{--ai-size-xs: 18px;--ai-size-sm: 22px;--ai-size-md: 28px;--ai-size-lg: 34px;--ai-size-xl: 44px;--ai-size-input-xs: 30px;--ai-size-input-sm: 36px;--ai-size-input-md: 42px;--ai-size-input-lg: 50px;--ai-size-input-xl: 60px;--ai-size: var(--ai-size-md);--ai-color: var(--mantine-color-white);line-height:1;display:inline-flex;align-items:center;justify-content:center;position:relative;user-select:none;overflow:hidden;width:var(--ai-size);height:var(--ai-size);min-width:var(--ai-size);min-height:var(--ai-size);border-radius:var(--ai-radius, var(--mantine-radius-default));background:var(--ai-bg, var(--mantine-primary-color-filled));color:var(--ai-color, var(--mantine-color-white));border:var(--ai-bd, calc(.0625rem * var(--mantine-scale)) solid transparent);cursor:pointer}@media(hover:hover){.m_8d3f4000:hover:where(:not([data-loading],:disabled,[data-disabled])){background-color:var(--ai-hover, var(--mantine-primary-color-filled-hover));color:var(--ai-hover-color, var(--ai-color))}}@media(hover:none){.m_8d3f4000:active:where(:not([data-loading],:disabled,[data-disabled])){background-color:var(--ai-hover, var(--mantine-primary-color-filled-hover));color:var(--ai-hover-color, var(--ai-color))}}.m_8d3f4000[data-loading]{cursor:not-allowed}.m_8d3f4000[data-loading] .m_8d3afb97{opacity:0;transform:translateY(100%)}.m_8d3f4000:where(:disabled:not([data-loading]),[data-disabled]:not([data-loading])){cursor:not-allowed;border:1px solid transparent;color:var(--mantine-color-disabled-color);background:var(--mantine-color-disabled)}.m_8d3f4000:where(:disabled:not([data-loading]),[data-disabled]:not([data-loading])):active{transform:none}.m_302b9fb1{inset:-1px;position:absolute;border-radius:var(--ai-radius, var(--mantine-radius-default));display:flex;align-items:center;justify-content:center}:where([data-mantine-color-scheme=light]) .m_302b9fb1{background-color:#ffffff26}:where([data-mantine-color-scheme=dark]) .m_302b9fb1{background-color:#00000026}.m_1a0f1b21{--ai-border-width: 1px;display:flex}.m_1a0f1b21 :where(*):focus{position:relative;z-index:1}.m_1a0f1b21[data-orientation=horizontal]{flex-direction:row}.m_1a0f1b21[data-orientation=horizontal] .m_8d3f4000:not(:only-child):first-child,.m_1a0f1b21[data-orientation=horizontal] .m_437b6484:not(:only-child):first-child{border-end-end-radius:0;border-start-end-radius:0;border-inline-end-width:calc(var(--ai-border-width) / 2)}.m_1a0f1b21[data-orientation=horizontal] .m_8d3f4000:not(:only-child):last-child,.m_1a0f1b21[data-orientation=horizontal] .m_437b6484:not(:only-child):last-child{border-end-start-radius:0;border-start-start-radius:0;border-inline-start-width:calc(var(--ai-border-width) / 2)}.m_1a0f1b21[data-orientation=horizontal] .m_8d3f4000:not(:only-child):not(:first-child):not(:last-child),.m_1a0f1b21[data-orientation=horizontal] .m_437b6484:not(:only-child):not(:first-child):not(:last-child){border-radius:0;border-inline-width:calc(var(--ai-border-width) / 2)}.m_1a0f1b21[data-orientation=vertical]{flex-direction:column}.m_1a0f1b21[data-orientation=vertical] .m_8d3f4000:not(:only-child):first-child,.m_1a0f1b21[data-orientation=vertical] .m_437b6484:not(:only-child):first-child{border-end-start-radius:0;border-end-end-radius:0;border-bottom-width:calc(var(--ai-border-width) / 2)}.m_1a0f1b21[data-orientation=vertical] .m_8d3f4000:not(:only-child):last-child,.m_1a0f1b21[data-orientation=vertical] .m_437b6484:not(:only-child):last-child{border-start-start-radius:0;border-start-end-radius:0;border-top-width:calc(var(--ai-border-width) / 2)}.m_1a0f1b21[data-orientation=vertical] .m_8d3f4000:not(:only-child):not(:first-child):not(:last-child),.m_1a0f1b21[data-orientation=vertical] .m_437b6484:not(:only-child):not(:first-child):not(:last-child){border-radius:0;border-bottom-width:calc(var(--ai-border-width) / 2);border-top-width:calc(var(--ai-border-width) / 2)}.m_8d3afb97{display:flex;align-items:center;justify-content:center;transition:transform .15s ease,opacity .1s ease;width:100%;height:100%}.m_437b6484{--section-height-xs: 18px;--section-height-sm: 22px;--section-height-md: 28px;--section-height-lg: 34px;--section-height-xl: 44px;--section-height-input-xs: 30px;--section-height-input-sm: 36px;--section-height-input-md: 42px;--section-height-input-lg: 50px;--section-height-input-xl: 60px;--section-padding-x-xs: 6px;--section-padding-x-sm: 8px;--section-padding-x-md: 10px;--section-padding-x-lg: 12px;--section-padding-x-xl: 16px;--section-height: var(--section-height-sm);--section-padding-x: var(--section-padding-x-sm);--section-color: var(--mantine-color-white);font-weight:600;width:auto;border-radius:var(--section-radius, var(--mantine-radius-default));font-size:var(--section-fz, var(--mantine-font-size-sm));background:var(--section-bg, var(--mantine-primary-color-filled));border:var(--section-bd, calc(.0625rem * var(--mantine-scale)) solid transparent);color:var(--section-color, var(--mantine-color-white));height:var(--section-height, var(--section-height-sm));padding-inline:var(--section-padding-x, var(--section-padding-x-sm));vertical-align:middle;line-height:1;display:inline-flex;align-items:center;justify-content:center}}@layer mantine{.m_4451eb3a{display:flex;align-items:center;justify-content:center}.m_4451eb3a:where([data-inline]){display:inline-flex}}@layer mantine{.m_11def92b{--ag-spacing: var(--mantine-spacing-sm);--ag-offset: calc(var(--ag-spacing) * -1);display:flex;padding-inline-start:var(--ag-spacing)}.m_f85678b6{--avatar-size-xs: 16px;--avatar-size-sm: 26px;--avatar-size-md: 38px;--avatar-size-lg: 56px;--avatar-size-xl: 84px;--avatar-size: var(--avatar-size-md);--avatar-radius: 1000px;--avatar-bg: var(--mantine-color-gray-light);--avatar-bd: 1px solid transparent;--avatar-color: var(--mantine-color-gray-light-color);--avatar-placeholder-fz: calc(var(--avatar-size) / 2.5);-webkit-tap-highlight-color:transparent;position:relative;display:block;user-select:none;overflow:hidden;border-radius:var(--avatar-radius);text-decoration:none;padding:0;width:var(--avatar-size);height:var(--avatar-size);min-width:var(--avatar-size)}.m_f85678b6:where([data-within-group]){margin-inline-start:var(--ag-offset);border:2px solid var(--mantine-color-body);background:var(--mantine-color-body)}.m_11f8ac07{object-fit:cover;width:100%;height:100%;display:block}.m_104cd71f{font-weight:700;display:flex;align-items:center;justify-content:center;width:100%;height:100%;user-select:none;border-radius:var(--avatar-radius);font-size:var(--avatar-placeholder-fz);background:var(--avatar-bg);border:var(--avatar-bd);color:var(--avatar-color)}.m_104cd71f>[data-avatar-placeholder-icon]{width:70%;height:70%}}[data-w3-payment-widget]{--w3-primary: #2563eb;--w3-primary-hover: #1d4ed8;--w3-secondary: #64748b;--w3-widget-max-width: 440px;--w3-widget-padding: 1.5rem;--w3-border-radius: .5rem;--w3-scrollbar-width: 4px;--w3-scrollbar-color: rgba(0, 0, 0, .15);--w3-scrollbar-hover-color: rgba(0, 0, 0, .25)}[data-w3-payment-widget],[data-w3-payment-widget] *,[data-w3-payment-widget] *:before,[data-w3-payment-widget] *:after{box-sizing:border-box}[data-w3-payment-widget] input,[data-w3-payment-widget] button,[data-w3-payment-widget] textarea,[data-w3-payment-widget] select{font:inherit}[data-w3-payment-widget] button,[data-w3-payment-widget] select{text-transform:none}[data-w3-payment-widget]{margin:0;font-family:var(--mantine-font-family);font-size:var(--mantine-font-size-md);line-height:var(--mantine-line-height);color:var(--w3-text-primary, #000000);color-scheme:light;-webkit-font-smoothing:var(--mantine-webkit-font-smoothing);-moz-osx-font-smoothing:var(--mantine-moz-font-smoothing)}[data-w3-payment-widget] *{color:inherit}[data-w3-payment-widget] .mantine-Text-root,[data-w3-payment-widget] .mantine-Title-root{color:var(--w3-text-primary, #000000)}[data-theme=dark] [data-w3-payment-widget]{color-scheme:dark}[data-theme=dark] [data-w3-payment-widget] .mantine-Text-root[data-variant=dimmed]{color:var(--w3-text-secondary, #94a3b8)!important}[data-w3-payment-widget] .w3-payment-methods-container{overflow:auto;scrollbar-gutter:stable}[data-w3-payment-widget] .w3-payment-methods-container::-webkit-scrollbar{width:0;background:transparent}[data-w3-payment-widget] .w3-payment-methods-container:hover::-webkit-scrollbar{width:var(--w3-scrollbar-width)}[data-w3-payment-widget] .w3-payment-methods-container:hover::-webkit-scrollbar-track{background:transparent}[data-w3-payment-widget] .w3-payment-methods-container:hover::-webkit-scrollbar-thumb{background:var(--w3-scrollbar-color);border-radius:calc(var(--w3-scrollbar-width) / 2);transition:background .2s ease}[data-w3-payment-widget] .w3-payment-methods-container:hover::-webkit-scrollbar-thumb:hover{background:var(--w3-scrollbar-hover-color)}[data-w3-payment-widget] .w3-payment-methods-container{scrollbar-width:none}[data-w3-payment-widget] .w3-payment-methods-container:hover{scrollbar-width:thin;scrollbar-color:var(--w3-scrollbar-color) transparent}._widget_1upbe_3{max-width:var(--w3-widget-max-width, 440px);min-width:var(--w3-widget-min-width, 380px);margin:0 auto}._header_1upbe_9{display:flex;align-items:center;justify-content:center;gap:.75rem}._amountSection_1upbe_16{text-align:center}._amountTitle_1upbe_20{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--mantine-color-dimmed);margin-bottom:.5rem}._amountInput_1upbe_29{font-size:2.5rem!important;font-weight:700!important;text-align:center!important;background:transparent!important;border:none!important;outline:none!important;width:auto!important}._currencyText_1upbe_39{font-size:1.5rem;font-weight:500;font-style:italic;color:var(--mantine-color-dimmed)}._usdBadge_1upbe_46{margin-top:.5rem}._paymentMethodButton_1upbe_50{width:100%;justify-content:flex-start;padding:1rem;height:auto}._methodInfo_1upbe_57{flex:1;display:flex;align-items:center;justify-content:space-between;text-align:left}._methodName_1upbe_65{font-weight:600}._methodDetails_1upbe_69{font-size:.875rem;color:var(--mantine-color-dimmed)}._footer_1upbe_74{text-align:center;font-size:.75rem;color:var(--mantine-color-dimmed)}
|
package/dist/index.js
CHANGED
|
@@ -22,4 +22,4 @@ Make sure your charset is UTF-8`);s=(s>>>8&255)*192+(s&255),r.put(s,13)}},dr=n,d
|
|
|
22
22
|
The chosen QR Code version cannot contain this amount of data.
|
|
23
23
|
Minimum version required to store current data is: `+j+`.
|
|
24
24
|
`);const I=x(A,C,D),L=t.getSymbolSize(A),B=new r(L);return h(B,A),m(B),y(B,A),v(B,C,0),A>=7&&b(B,A),w(B,I),isNaN(R)&&(R=o.getBestMask(B,v.bind(null,B,C))),o.applyMask(R,B),v(B,C,R),{modules:B,version:A,errorCorrectionLevel:C,maskPattern:R,segments:D}}return Yn.create=function(A,C){if(typeof A=="undefined"||A==="")throw new Error("No input text");let R=e.M,D,j;return typeof C!="undefined"&&(R=e.from(C.errorCorrectionLevel,e.M),D=l.from(C.version),j=o.from(C.maskPattern),C.toSJISFunc&&t.setToSJISFunction(C.toSJISFunc)),M(A,D,R,j)},Yn}var mr={},pr={},Xo;function dl(){return Xo||(Xo=1,(function(t){function e(n){if(typeof n=="number"&&(n=n.toString()),typeof n!="string")throw new Error("Color should be defined as hex string");let r=n.slice().replace("#","").split("");if(r.length<3||r.length===5||r.length>8)throw new Error("Invalid hex color: "+n);(r.length===3||r.length===4)&&(r=Array.prototype.concat.apply([],r.map(function(s){return[s,s]}))),r.length===6&&r.push("F","F");const i=parseInt(r.join(""),16);return{r:i>>24&255,g:i>>16&255,b:i>>8&255,a:i&255,hex:"#"+r.slice(0,6).join("")}}t.getOptions=function(r){r||(r={}),r.color||(r.color={});const i=typeof r.margin=="undefined"||r.margin===null||r.margin<0?4:r.margin,s=r.width&&r.width>=21?r.width:void 0,o=r.scale||4;return{width:s,scale:s?4:o,margin:i,color:{dark:e(r.color.dark||"#000000ff"),light:e(r.color.light||"#ffffffff")},type:r.type,rendererOpts:r.rendererOpts||{}}},t.getScale=function(r,i){return i.width&&i.width>=r+i.margin*2?i.width/(r+i.margin*2):i.scale},t.getImageWidth=function(r,i){const s=t.getScale(r,i);return Math.floor((r+i.margin*2)*s)},t.qrToImageData=function(r,i,s){const o=i.modules.size,a=i.modules.data,c=t.getScale(o,s),l=Math.floor((o+s.margin*2)*c),u=s.margin*c,f=[s.color.light,s.color.dark];for(let d=0;d<l;d++)for(let h=0;h<l;h++){let m=(d*l+h)*4,y=s.color.light;if(d>=u&&h>=u&&d<l-u&&h<l-u){const b=Math.floor((d-u)/c),v=Math.floor((h-u)/c);y=f[a[b*o+v]?1:0]}r[m++]=y.r,r[m++]=y.g,r[m++]=y.b,r[m]=y.a}}})(pr)),pr}var Zo;function $0(){return Zo||(Zo=1,(function(t){const e=dl();function n(i,s,o){i.clearRect(0,0,s.width,s.height),s.style||(s.style={}),s.height=o,s.width=o,s.style.height=o+"px",s.style.width=o+"px"}function r(){try{return document.createElement("canvas")}catch(i){throw new Error("You need to specify a canvas element")}}t.render=function(s,o,a){let c=a,l=o;typeof c=="undefined"&&(!o||!o.getContext)&&(c=o,o=void 0),o||(l=r()),c=e.getOptions(c);const u=e.getImageWidth(s.modules.size,c),f=l.getContext("2d"),d=f.createImageData(u,u);return e.qrToImageData(d.data,s,c),n(f,l,u),f.putImageData(d,0,0),l},t.renderToDataURL=function(s,o,a){let c=a;typeof c=="undefined"&&(!o||!o.getContext)&&(c=o,o=void 0),c||(c={});const l=t.render(s,o,c),u=c.type||"image/png",f=c.rendererOpts||{};return l.toDataURL(u,f.quality)}})(mr)),mr}var gr={},Jo;function O0(){if(Jo)return gr;Jo=1;const t=dl();function e(i,s){const o=i.a/255,a=s+'="'+i.hex+'"';return o<1?a+" "+s+'-opacity="'+o.toFixed(2).slice(1)+'"':a}function n(i,s,o){let a=i+s;return typeof o!="undefined"&&(a+=" "+o),a}function r(i,s,o){let a="",c=0,l=!1,u=0;for(let f=0;f<i.length;f++){const d=Math.floor(f%s),h=Math.floor(f/s);!d&&!l&&(l=!0),i[f]?(u++,f>0&&d>0&&i[f-1]||(a+=l?n("M",d+o,.5+h+o):n("m",c,0),c=0,l=!1),d+1<s&&i[f+1]||(a+=n("h",u),u=0)):c++}return a}return gr.render=function(s,o,a){const c=t.getOptions(o),l=s.modules.size,u=s.modules.data,f=l+c.margin*2,d=c.color.light.a?"<path "+e(c.color.light,"fill")+' d="M0 0h'+f+"v"+f+'H0z"/>':"",h="<path "+e(c.color.dark,"stroke")+' d="'+r(u,l,c.margin)+'"/>',m='viewBox="0 0 '+f+" "+f+'"',b='<svg xmlns="http://www.w3.org/2000/svg" '+(c.width?'width="'+c.width+'" height="'+c.width+'" ':"")+m+' shape-rendering="crispEdges">'+d+h+`</svg>
|
|
25
|
-
`;return typeof a=="function"&&a(null,b),b},gr}var Qo;function F0(){if(Qo)return re;Qo=1;const t=x0(),e=B0(),n=$0(),r=O0();function i(s,o,a,c,l){const u=[].slice.call(arguments,1),f=u.length,d=typeof u[f-1]=="function";if(!d&&!t())throw new Error("Callback required as last argument");if(d){if(f<2)throw new Error("Too few arguments provided");f===2?(l=a,a=o,o=c=void 0):f===3&&(o.getContext&&typeof l=="undefined"?(l=c,c=void 0):(l=c,c=a,a=o,o=void 0))}else{if(f<1)throw new Error("Too few arguments provided");return f===1?(a=o,o=c=void 0):f===2&&!o.getContext&&(c=a,a=o,o=void 0),new Promise(function(h,m){try{const y=e.create(a,c);h(s(y,o,c))}catch(y){m(y)}})}try{const h=e.create(a,c);l(null,s(h,o,c))}catch(h){l(h)}}return re.create=e.create,re.toCanvas=i.bind(null,n.render),re.toDataURL=i.bind(null,n.renderToDataURL),re.toString=i.bind(null,function(s,o,a){return r.render(s,a)}),re}var _0=F0();const U0=wl(_0);function z0(i,s,o){return _t(this,arguments,function*(t,e,n,r={}){var a,c;try{let l=t;e&&n&&(l=`${e.toLowerCase()}:${t}?amount=${n}`);const u={errorCorrectionLevel:r.errorCorrectionLevel||"M",type:r.type||"image/png",quality:r.quality||.92,margin:r.margin||2,color:{dark:((a=r.color)==null?void 0:a.dark)||"#000000",light:((c=r.color)==null?void 0:c.light)||"#FFFFFF"},width:r.width||256};return yield U0.toDataURL(l,u)}catch(l){throw new Error(`Failed to generate QR code: ${l instanceof Error?l.message:"Unknown error"}`)}})}function W0(t){return _t(this,null,function*(){try{if(navigator.clipboard&&window.isSecureContext)return yield navigator.clipboard.writeText(t),!0;{const e=document.createElement("textarea");e.value=t,e.style.position="fixed",e.style.left="-999999px",e.style.top="-999999px",document.body.appendChild(e),e.focus(),e.select();const n=document.execCommand("copy");return document.body.removeChild(e),n}}catch(e){return!1}})}const H0="_widget_1upbe_3",ta={widget:H0},G0=({endpoint:t,currency:e,network:n,destinations:r,amount:i="",title:s="bits",description:o,subtitle:a="CHOOSE A PAYMENT METHOD",logo:c,theme:l="default",appearance:u,showAmount:f=!0,showUsdConversion:d=!1,usdRate:h,enableDirect:m=!0,transactionId:y,qrPaymentLabel:b="Paying:",qrReceivingLabel:v="Receiving:",qrReceivingAmount:w,qrDescription:x,customerId:T,idempotencyKey:M,callbackUrl:P,onInitiate:A,onComplete:C,onError:R})=>{var U;const D=d0(l,u),[j]=S.useState(i),[I,L]=S.useState([]),[B,et]=S.useState(!0),[lt,H]=S.useState(null),[K,it]=S.useState(!1),[rt,E]=S.useState(""),[O,z]=S.useState(""),[q,dt]=S.useState(!1);S.useEffect(()=>{_t(null,null,function*(){var _;try{const Q=new URLSearchParams({currency:e,network:n}),pt=((_=(yield(yield window.fetch(`${t}/payment-methods?${Q}`)).json()).methods)==null?void 0:_.filter(gt=>gt.to===e&>.network===n))||[],xt=[];m&&xt.push({vendor:"direct",source:"wallet",from:e,to:e,network:n,name:"Direct Payment"}),xt.push(...pt),L(xt)}catch(Q){console.error("Failed to fetch payment methods:",Q),R==null||R(new Error("Failed to load payment methods"))}finally{et(!1)}})},[t,e,n,m,R]),S.useEffect(()=>{K?_t(null,null,function*(){try{const _=r.find(ht=>ht.currency===e&&ht.network===n);if(!_){z("No destination address found");return}const Q=yield z0(_.address,n,j,{width:176,margin:1});E(Q),z("")}catch(_){z("Failed to generate QR code"),console.error("QR generation error:",_)}}):(E(""),z(""))},[K,e,n,j,r]);const Pt=N=>_t(null,null,function*(){var Q,ht;if(lt)return;const _=I.find(Y=>(Y.exchange?`${Y.vendor}-${Y.source}-${Y.exchange}-${Y.from}-${Y.to}`:`${Y.vendor}-${Y.source}-${Y.from}-${Y.to}`)===N);if(_){H(N);try{const Y=r.find(xt=>xt.currency===e&&xt.network===n);if(!Y)throw new Error(`No destination address found for ${e} on ${n}`);const pt={amount:parseFloat(j),currency:_.from,customerId:T,address:Y.address,transactionId:y,idempotencyKey:M,callbackUrl:P};if(yield A==null?void 0:A(pt),_.vendor==="direct"){it(!0);return}else{const xt=yield window.fetch(`${t}/payments`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({intent:pt,method:_})}),gt=yield xt.json();if(xt.ok)if((Q=gt.session)!=null&&Q.id&&((ht=gt.session)!=null&&ht.vendor))try{const Te=window.atob(gt.session.id),Sn=(window.screen.width-500)/2,Pn=(window.screen.height-700)/2;window.open(Te,`${_.vendor}-checkout`,`width=500,height=700,left=${Sn},top=${Pn}`),C==null||C(gt)}catch(Te){console.error("Failed to decode checkout URL:",Te),C==null||C(gt)}else C==null||C(gt);else throw new Error(gt.message||"Payment failed")}}catch(Y){R==null||R(Y instanceof Error?Y:new Error("Payment failed"))}finally{H(null)}}});return B?g.jsx(br,{children:g.jsx(ie,{className:ta.widget,style:D,children:g.jsxs(Et,{align:"center",justify:"center",h:"600px",children:[g.jsx(he,{}),g.jsx(G,{children:"Loading..."})]})})}):g.jsx(br,{children:g.jsx(ie,{shadow:"md",radius:"xl",p:0,className:ta.widget,style:p({height:"600px",backgroundColor:"var(--w3-mainBackground)"},D),"data-w3-payment-widget":!0,children:g.jsxs(F,{style:{position:"relative",overflow:"hidden",height:"100%",display:"flex",flexDirection:"column"},children:[g.jsx(F,{style:{flex:1,position:"relative",overflow:"hidden"},children:g.jsx(Sh,{mode:"wait",children:K?g.jsx(e0.div,{initial:{opacity:0,x:100},animate:{opacity:1,x:0},exit:{opacity:0,x:100},transition:{duration:.3,ease:"easeOut"},style:{position:"absolute",top:0,left:0,width:"100%",height:"100%",backgroundColor:"var(--w3-mainBackground)",borderTopLeftRadius:"var(--mantine-radius-xl)",borderTopRightRadius:"var(--mantine-radius-xl)",zIndex:10,overflow:"auto"},children:g.jsxs(F,{style:{height:"100%",display:"flex",flexDirection:"column",backgroundColor:"var(--w3-mainBackground)"},children:[g.jsxs(ot,{justify:"space-between",px:"xs",pt:"md",pb:"sm",style:{flexShrink:0},children:[g.jsx(F,{style:{width:"40px"}}),g.jsxs(G,{fw:700,size:"sm",style:{textAlign:"center",flex:1,color:"var(--w3-primaryText)"},children:["Send ",e," to Complete Payment"]}),g.jsx(me,{variant:"subtle",onClick:()=>it(!1),style:{width:"40px",height:"40px",color:"var(--w3-primaryText)"},children:"→"})]}),g.jsx(F,{style:{flex:1,overflow:"auto",backgroundColor:"var(--w3-mainBackground)",display:"flex",flexDirection:"column",padding:"32px 24px 24px 24px"},children:g.jsxs(F,{w:"100%",style:{backgroundColor:"var(--w3-innerBackground)",borderRadius:"24px",padding:"24px",flex:1,display:"flex",flexDirection:"column"},children:[x&&g.jsx(G,{fw:600,size:"xs",ta:"center",mb:"xs",style:{color:"var(--w3-amountText)"},children:x}),g.jsxs(ot,{w:"100%",gap:"sm",justify:"space-between",wrap:"nowrap",children:[g.jsx(ie,{radius:"lg",p:"sm",style:{flex:"0 0 60%",backgroundColor:"var(--w3-qrCardBackground)",border:"1px solid var(--w3-borderColor)",height:"140px",display:"flex",flexDirection:"column",justifyContent:"center"},children:g.jsxs(Et,{gap:2,children:[g.jsxs(ot,{justify:"space-between",align:"baseline",children:[g.jsx(G,{fw:600,style:{color:"var(--w3-qrCardText)",fontSize:"11px"},children:"Network"}),g.jsx(G,{fw:700,style:{color:"var(--w3-qrCardText)",fontSize:"11px"},children:n.toUpperCase()})]}),g.jsxs(ot,{justify:"space-between",align:"baseline",children:[g.jsx(G,{fw:600,style:{color:"var(--w3-qrCardText)",fontSize:"11px"},children:"Token"}),g.jsx(G,{fw:700,style:{color:"var(--w3-qrCardText)",fontSize:"11px"},children:e})]}),g.jsx(F,{style:{height:"1px",backgroundColor:"var(--w3-borderColor)",margin:"4px 0"}}),g.jsxs(ot,{justify:"space-between",align:"baseline",children:[g.jsx(G,{fw:600,style:{color:"var(--w3-qrCardText)",fontSize:"11px"},children:b}),g.jsxs(G,{fw:700,style:{color:"var(--w3-qrCardText)",fontSize:"11px"},children:[j," ",e]})]}),w&&g.jsxs(ot,{justify:"space-between",align:"baseline",children:[g.jsx(G,{fw:600,style:{color:"var(--w3-qrCardText)",fontSize:"11px"},children:v}),g.jsx(G,{fw:700,style:{color:"var(--w3-qrCardText)",fontSize:"11px"},children:w})]})]})}),g.jsx(ie,{radius:"lg",p:"xs",style:{flex:"0 0 40%",backgroundColor:"var(--w3-qrCardBackground)",border:"1px solid var(--w3-borderColor)",height:"140px",display:"flex",alignItems:"center",justifyContent:"center"},children:g.jsx(F,{style:{width:"100%",aspectRatio:"1",maxWidth:"120px",margin:"0 auto"},children:g.jsx(ii,{style:{width:"100%",height:"100%"},children:O?g.jsx(G,{size:"xs",style:{color:"var(--w3-danger)"},children:"Error"}):rt?g.jsx(fe,{src:rt,alt:"Payment QR Code",style:{width:"100%",height:"100%"}}):g.jsx(he,{})})})})]}),g.jsxs(Et,{w:"100%",gap:2,style:{marginTop:"auto",marginBottom:"8px"},children:[g.jsxs(G,{fw:700,tt:"uppercase",style:{letterSpacing:"0.05em",fontSize:"10px",color:"var(--w3-secondaryText)"},children:[e," Address"]}),g.jsx(F,{px:"xs",py:4,style:{backgroundColor:"var(--w3-qrAddressBackground)",borderRadius:"12px",border:"1px solid var(--w3-borderColor)"},children:g.jsxs(ot,{gap:"xs",children:[g.jsx(G,{style:{flex:1,fontFamily:"monospace",fontSize:"9px",color:"var(--w3-qrAddressText)",wordBreak:"break-all",lineHeight:1.2},children:(U=r.find(N=>N.currency===e&&N.network===n))==null?void 0:U.address}),g.jsx(me,{variant:"outline",radius:"lg",size:"lg",style:{backgroundColor:"transparent",border:"none",color:q?"var(--w3-success)":"var(--w3-qrAddressText)"},onClick:()=>_t(null,null,function*(){const N=r.find(_=>_.currency===e&&_.network===n);N!=null&&N.address&&(yield W0(N.address))&&(dt(!0),setTimeout(()=>dt(!1),2e3))}),children:q?g.jsx("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",children:g.jsx("polyline",{points:"20,6 9,17 4,12"})}):g.jsx(u0,{size:14})})]})})]}),g.jsx(F,{p:"md",style:{backgroundColor:"var(--w3-qrInstructionsBackground)",borderRadius:"12px",width:"100%"},children:g.jsxs(ot,{gap:"md",align:"flex-start",children:[g.jsx("div",{style:{width:"20px",height:"20px",display:"flex",alignItems:"center",justifyContent:"center",flexShrink:0},children:g.jsx(f0,{size:16,style:{color:"var(--w3-qrInstructionsText)"}})}),g.jsxs(G,{size:"xs",style:{lineHeight:1.5,flex:1,color:"var(--w3-qrInstructionsText)"},children:["Send exactly"," ",g.jsxs(G,{component:"span",fw:700,style:{color:"var(--w3-text)"},children:[j," ",e]})," ","to complete your payment. The transaction will be confirmed automatically."]})]})})]})})]})},"qr-screen"):g.jsxs(F,{style:{height:"100%",display:"flex",flexDirection:"column",padding:"32px 24px 24px 24px",zIndex:1},children:[(c||s)&&g.jsx(Et,{align:"center",gap:"xs",mb:"lg",style:{paddingLeft:"24px",paddingRight:"24px"},children:c?g.jsx(F,{style:{height:"24px",display:"flex",alignItems:"center",justifyContent:"center"},children:g.jsx("div",{style:{height:"24px",width:"auto",color:"var(--w3-primaryText)"},dangerouslySetInnerHTML:{__html:c.startsWith("data:image/svg+xml;base64,")?atob(c.replace("data:image/svg+xml;base64,","")):`<img src="${c}" alt="Logo" style="height: 24px; width: auto;" />`}})}):s?g.jsxs(Et,{align:"center",gap:4,children:[g.jsx("div",{style:{width:"8px",height:"8px",borderRadius:"50%",backgroundColor:"var(--w3-text)"}}),g.jsx(G,{size:"lg",fw:700,style:{letterSpacing:"-0.02em",color:"var(--w3-primaryText)"},children:s})]}):null}),o&&g.jsx(F,{mb:"lg",style:{paddingLeft:"24px",paddingRight:"24px"},children:g.jsx(G,{size:"xs",fw:500,style:{color:"var(--w3-descriptionText)",textAlign:"center",maxWidth:"280px",lineHeight:1.5,margin:"0 auto"},children:o})}),g.jsxs(F,{style:{backgroundColor:"var(--w3-innerBackground)",borderRadius:"24px",padding:"24px",display:"flex",flexDirection:"column",flex:1,minHeight:0},children:[f&&g.jsxs(Et,{align:"center",gap:4,mb:"xl",children:[g.jsxs(ot,{gap:"xs",align:"baseline",children:[g.jsx(G,{style:{fontSize:"32px",fontWeight:"bold",letterSpacing:"-0.02em",lineHeight:1,color:"var(--w3-amountText)"},children:j||"0"}),g.jsx(G,{size:"xl",fw:500,style:{letterSpacing:"-0.01em",color:"var(--w3-amountText)"},children:e})]}),d&&h&&g.jsxs(G,{size:"sm",style:{color:"var(--w3-usdText)"},children:["≈ $",(parseFloat(j||"0")*h).toLocaleString("en-US",{minimumFractionDigits:2,maximumFractionDigits:2})," ","USD"]})]}),g.jsxs(Et,{gap:"xs",style:{flex:1,minHeight:0},children:[g.jsx(G,{size:"xs",fw:700,tt:"uppercase",style:{letterSpacing:"0.1em",fontSize:"11px",color:"var(--w3-subtitleText)",flexShrink:0},children:a}),g.jsx(F,{className:"w3-payment-methods-container",style:{overflow:"auto",flex:1},children:g.jsx(Et,{gap:"xs",children:I.map(N=>{const _=N.exchange?`${N.vendor}-${N.source}-${N.exchange}-${N.from}-${N.to}`:`${N.vendor}-${N.source}-${N.from}-${N.to}`;let Q="",ht="";if(N.vendor==="direct")Q="Direct Payment",ht=`Send ${N.from} directly`;else if(N.exchange)Q=`${N.name||N.exchange}`,ht=`Exchange via ${N.vendor.charAt(0).toUpperCase()+N.vendor.slice(1)}`;else{if(m)return null;Q=`${N.name||N.source}`,ht="Wallet"}let Y;if(N.vendor==="direct"&&N.from&&N.from in Hr)Y=g.jsx(Po,{currency:N.from,size:32});else if(N.exchange){const pt=N.exchange.toLowerCase();(pt==="coinbase"||pt==="binance"||pt==="kraken")&&(Y=g.jsx(b0,{exchange:pt,size:32}))}else N.from&&N.from in Hr&&(Y=g.jsx(Po,{currency:N.from,size:32}));return g.jsx(h0,{id:_,name:Q,description:ht,icon:Y,fallbackText:Q.substring(0,2).toUpperCase(),avatarColor:N.vendor==="direct"?"green":"blue",disabled:lt===_,onClick:()=>Pt(_)},_)}).filter(Boolean)})})]})]})]},"payment-form")})}),g.jsx(y0,{})]})})})},hl="1.0.0",q0={W3_PAYMENTS_REACT_VERSION:hl};exports.W3PaymentWidget=G0;exports.W3_PAYMENTS_REACT_VERSION=hl;exports.default=q0;
|
|
25
|
+
`;return typeof a=="function"&&a(null,b),b},gr}var Qo;function F0(){if(Qo)return re;Qo=1;const t=x0(),e=B0(),n=$0(),r=O0();function i(s,o,a,c,l){const u=[].slice.call(arguments,1),f=u.length,d=typeof u[f-1]=="function";if(!d&&!t())throw new Error("Callback required as last argument");if(d){if(f<2)throw new Error("Too few arguments provided");f===2?(l=a,a=o,o=c=void 0):f===3&&(o.getContext&&typeof l=="undefined"?(l=c,c=void 0):(l=c,c=a,a=o,o=void 0))}else{if(f<1)throw new Error("Too few arguments provided");return f===1?(a=o,o=c=void 0):f===2&&!o.getContext&&(c=a,a=o,o=void 0),new Promise(function(h,m){try{const y=e.create(a,c);h(s(y,o,c))}catch(y){m(y)}})}try{const h=e.create(a,c);l(null,s(h,o,c))}catch(h){l(h)}}return re.create=e.create,re.toCanvas=i.bind(null,n.render),re.toDataURL=i.bind(null,n.renderToDataURL),re.toString=i.bind(null,function(s,o,a){return r.render(s,a)}),re}var _0=F0();const U0=wl(_0);function z0(i,s,o){return _t(this,arguments,function*(t,e,n,r={}){var a,c;try{let l=t;e&&n&&(l=`${e.toLowerCase()}:${t}?amount=${n}`);const u={errorCorrectionLevel:r.errorCorrectionLevel||"M",type:r.type||"image/png",quality:r.quality||.92,margin:r.margin||2,color:{dark:((a=r.color)==null?void 0:a.dark)||"#000000",light:((c=r.color)==null?void 0:c.light)||"#FFFFFF"},width:r.width||256};return yield U0.toDataURL(l,u)}catch(l){throw new Error(`Failed to generate QR code: ${l instanceof Error?l.message:"Unknown error"}`)}})}function W0(t){return _t(this,null,function*(){try{if(navigator.clipboard&&window.isSecureContext)return yield navigator.clipboard.writeText(t),!0;{const e=document.createElement("textarea");e.value=t,e.style.position="fixed",e.style.left="-999999px",e.style.top="-999999px",document.body.appendChild(e),e.focus(),e.select();const n=document.execCommand("copy");return document.body.removeChild(e),n}}catch(e){return!1}})}const H0="_widget_1upbe_3",ta={widget:H0},G0=({endpoint:t,currency:e,network:n,destinations:r,amount:i="",title:s="bits",description:o,subtitle:a="CHOOSE A PAYMENT METHOD",logo:c,theme:l="default",appearance:u,showAmount:f=!0,showUsdConversion:d=!1,usdRate:h,enableDirect:m=!0,transactionId:y,qrPaymentLabel:b="Paying:",qrReceivingLabel:v="Receiving:",qrReceivingAmount:w,qrDescription:x,customerId:T,idempotencyKey:M,callbackUrl:P,onInitiate:A,onComplete:C,onError:R})=>{var U;const D=d0(l,u),[j]=S.useState(i),[I,L]=S.useState([]),[B,et]=S.useState(!0),[lt,H]=S.useState(null),[K,it]=S.useState(!1),[rt,E]=S.useState(""),[O,z]=S.useState(""),[q,dt]=S.useState(!1);S.useEffect(()=>{_t(null,null,function*(){var _;try{const Q=new URLSearchParams({currency:e,network:n}),pt=((_=(yield(yield window.fetch(`${t}/payment-methods?${Q}`)).json()).methods)==null?void 0:_.filter(gt=>gt.to===e&>.network===n))||[],xt=[];m&&xt.push({vendor:"direct",source:"wallet",from:e,to:e,network:n,name:"Direct Payment"}),xt.push(...pt),L(xt)}catch(Q){console.error("Failed to fetch payment methods:",Q),R==null||R(new Error("Failed to load payment methods"))}finally{et(!1)}})},[t,e,n,m,R]),S.useEffect(()=>{K?_t(null,null,function*(){try{const _=r.find(ht=>ht.currency===e&&ht.network===n);if(!_){z("No destination address found");return}const Q=yield z0(_.address,n,j,{width:176,margin:1});E(Q),z("")}catch(_){z("Failed to generate QR code"),console.error("QR generation error:",_)}}):(E(""),z(""))},[K,e,n,j,r]);const Pt=N=>_t(null,null,function*(){var Q,ht;if(lt)return;const _=I.find(Y=>(Y.exchange?`${Y.vendor}-${Y.source}-${Y.exchange}-${Y.from}-${Y.to}`:`${Y.vendor}-${Y.source}-${Y.from}-${Y.to}`)===N);if(_){H(N);try{const Y=r.find(xt=>xt.currency===e&&xt.network===n);if(!Y)throw new Error(`No destination address found for ${e} on ${n}`);const pt={amount:parseFloat(j),currency:_.from,customerId:T,address:Y.address,transactionId:y,idempotencyKey:M,callbackUrl:P};if(yield A==null?void 0:A(pt),_.vendor==="direct"){it(!0);return}else{const xt=yield window.fetch(`${t}/payments`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({intent:pt,method:_})}),gt=yield xt.json();if(xt.ok)if((Q=gt.session)!=null&&Q.id&&((ht=gt.session)!=null&&ht.vendor))try{const Te=window.atob(gt.session.id),Sn=(window.screen.width-500)/2,Pn=(window.screen.height-700)/2;window.open(Te,`${_.vendor}-checkout`,`width=500,height=700,left=${Sn},top=${Pn}`),C==null||C(gt)}catch(Te){console.error("Failed to decode checkout URL:",Te),C==null||C(gt)}else C==null||C(gt);else throw new Error(gt.message||"Payment failed")}}catch(Y){R==null||R(Y instanceof Error?Y:new Error("Payment failed"))}finally{H(null)}}});return B?g.jsx(br,{cssVariablesSelector:"[data-w3-payment-widget]",children:g.jsx(ie,{className:ta.widget,style:D,children:g.jsxs(Et,{align:"center",justify:"center",h:"600px",children:[g.jsx(he,{}),g.jsx(G,{children:"Loading..."})]})})}):g.jsx(br,{cssVariablesSelector:"[data-w3-payment-widget]",children:g.jsx(ie,{shadow:"md",radius:"xl",p:0,className:ta.widget,style:p({height:"600px",backgroundColor:"var(--w3-mainBackground)"},D),"data-w3-payment-widget":!0,children:g.jsxs(F,{style:{position:"relative",overflow:"hidden",height:"100%",display:"flex",flexDirection:"column"},children:[g.jsx(F,{style:{flex:1,position:"relative",overflow:"hidden"},children:g.jsx(Sh,{mode:"wait",children:K?g.jsx(e0.div,{initial:{opacity:0,x:100},animate:{opacity:1,x:0},exit:{opacity:0,x:100},transition:{duration:.3,ease:"easeOut"},style:{position:"absolute",top:0,left:0,width:"100%",height:"100%",backgroundColor:"var(--w3-mainBackground)",borderTopLeftRadius:"var(--mantine-radius-xl)",borderTopRightRadius:"var(--mantine-radius-xl)",zIndex:10,overflow:"auto"},children:g.jsxs(F,{style:{height:"100%",display:"flex",flexDirection:"column",backgroundColor:"var(--w3-mainBackground)"},children:[g.jsxs(ot,{justify:"space-between",px:"xs",pt:"md",pb:"sm",style:{flexShrink:0},children:[g.jsx(F,{style:{width:"40px"}}),g.jsxs(G,{fw:700,size:"sm",style:{textAlign:"center",flex:1,color:"var(--w3-primaryText)"},children:["Send ",e," to Complete Payment"]}),g.jsx(me,{variant:"subtle",onClick:()=>it(!1),style:{width:"40px",height:"40px",color:"var(--w3-primaryText)"},children:"→"})]}),g.jsx(F,{style:{flex:1,overflow:"auto",backgroundColor:"var(--w3-mainBackground)",display:"flex",flexDirection:"column",padding:"32px 24px 24px 24px"},children:g.jsxs(F,{w:"100%",style:{backgroundColor:"var(--w3-innerBackground)",borderRadius:"24px",padding:"24px",flex:1,display:"flex",flexDirection:"column"},children:[x&&g.jsx(G,{fw:600,size:"xs",ta:"center",mb:"xs",style:{color:"var(--w3-amountText)"},children:x}),g.jsxs(ot,{w:"100%",gap:"sm",justify:"space-between",wrap:"nowrap",children:[g.jsx(ie,{radius:"lg",p:"sm",style:{flex:"0 0 60%",backgroundColor:"var(--w3-qrCardBackground)",border:"1px solid var(--w3-borderColor)",height:"140px",display:"flex",flexDirection:"column",justifyContent:"center"},children:g.jsxs(Et,{gap:2,children:[g.jsxs(ot,{justify:"space-between",align:"baseline",children:[g.jsx(G,{fw:600,style:{color:"var(--w3-qrCardText)",fontSize:"11px"},children:"Network"}),g.jsx(G,{fw:700,style:{color:"var(--w3-qrCardText)",fontSize:"11px"},children:n.toUpperCase()})]}),g.jsxs(ot,{justify:"space-between",align:"baseline",children:[g.jsx(G,{fw:600,style:{color:"var(--w3-qrCardText)",fontSize:"11px"},children:"Token"}),g.jsx(G,{fw:700,style:{color:"var(--w3-qrCardText)",fontSize:"11px"},children:e})]}),g.jsx(F,{style:{height:"1px",backgroundColor:"var(--w3-borderColor)",margin:"4px 0"}}),g.jsxs(ot,{justify:"space-between",align:"baseline",children:[g.jsx(G,{fw:600,style:{color:"var(--w3-qrCardText)",fontSize:"11px"},children:b}),g.jsxs(G,{fw:700,style:{color:"var(--w3-qrCardText)",fontSize:"11px"},children:[j," ",e]})]}),w&&g.jsxs(ot,{justify:"space-between",align:"baseline",children:[g.jsx(G,{fw:600,style:{color:"var(--w3-qrCardText)",fontSize:"11px"},children:v}),g.jsx(G,{fw:700,style:{color:"var(--w3-qrCardText)",fontSize:"11px"},children:w})]})]})}),g.jsx(ie,{radius:"lg",p:"xs",style:{flex:"0 0 40%",backgroundColor:"var(--w3-qrCardBackground)",border:"1px solid var(--w3-borderColor)",height:"140px",display:"flex",alignItems:"center",justifyContent:"center"},children:g.jsx(F,{style:{width:"100%",aspectRatio:"1",maxWidth:"120px",margin:"0 auto"},children:g.jsx(ii,{style:{width:"100%",height:"100%"},children:O?g.jsx(G,{size:"xs",style:{color:"var(--w3-danger)"},children:"Error"}):rt?g.jsx(fe,{src:rt,alt:"Payment QR Code",style:{width:"100%",height:"100%"}}):g.jsx(he,{})})})})]}),g.jsxs(Et,{w:"100%",gap:2,style:{marginTop:"auto",marginBottom:"8px"},children:[g.jsxs(G,{fw:700,tt:"uppercase",style:{letterSpacing:"0.05em",fontSize:"10px",color:"var(--w3-secondaryText)"},children:[e," Address"]}),g.jsx(F,{px:"xs",py:4,style:{backgroundColor:"var(--w3-qrAddressBackground)",borderRadius:"12px",border:"1px solid var(--w3-borderColor)"},children:g.jsxs(ot,{gap:"xs",children:[g.jsx(G,{style:{flex:1,fontFamily:"monospace",fontSize:"9px",color:"var(--w3-qrAddressText)",wordBreak:"break-all",lineHeight:1.2},children:(U=r.find(N=>N.currency===e&&N.network===n))==null?void 0:U.address}),g.jsx(me,{variant:"outline",radius:"lg",size:"lg",style:{backgroundColor:"transparent",border:"none",color:q?"var(--w3-success)":"var(--w3-qrAddressText)"},onClick:()=>_t(null,null,function*(){const N=r.find(_=>_.currency===e&&_.network===n);N!=null&&N.address&&(yield W0(N.address))&&(dt(!0),setTimeout(()=>dt(!1),2e3))}),children:q?g.jsx("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",children:g.jsx("polyline",{points:"20,6 9,17 4,12"})}):g.jsx(u0,{size:14})})]})})]}),g.jsx(F,{p:"md",style:{backgroundColor:"var(--w3-qrInstructionsBackground)",borderRadius:"12px",width:"100%"},children:g.jsxs(ot,{gap:"md",align:"flex-start",children:[g.jsx("div",{style:{width:"20px",height:"20px",display:"flex",alignItems:"center",justifyContent:"center",flexShrink:0},children:g.jsx(f0,{size:16,style:{color:"var(--w3-qrInstructionsText)"}})}),g.jsxs(G,{size:"xs",style:{lineHeight:1.5,flex:1,color:"var(--w3-qrInstructionsText)"},children:["Send exactly"," ",g.jsxs(G,{component:"span",fw:700,style:{color:"var(--w3-text)"},children:[j," ",e]})," ","to complete your payment. The transaction will be confirmed automatically."]})]})})]})})]})},"qr-screen"):g.jsxs(F,{style:{height:"100%",display:"flex",flexDirection:"column",padding:"32px 24px 24px 24px",zIndex:1},children:[(c||s)&&g.jsx(Et,{align:"center",gap:"xs",mb:"lg",style:{paddingLeft:"24px",paddingRight:"24px"},children:c?g.jsx(F,{style:{height:"24px",display:"flex",alignItems:"center",justifyContent:"center"},children:g.jsx("div",{style:{height:"24px",width:"auto",color:"var(--w3-primaryText)"},dangerouslySetInnerHTML:{__html:c.startsWith("data:image/svg+xml;base64,")?atob(c.replace("data:image/svg+xml;base64,","")):`<img src="${c}" alt="Logo" style="height: 24px; width: auto;" />`}})}):s?g.jsxs(Et,{align:"center",gap:4,children:[g.jsx("div",{style:{width:"8px",height:"8px",borderRadius:"50%",backgroundColor:"var(--w3-text)"}}),g.jsx(G,{size:"lg",fw:700,style:{letterSpacing:"-0.02em",color:"var(--w3-primaryText)"},children:s})]}):null}),o&&g.jsx(F,{mb:"lg",style:{paddingLeft:"24px",paddingRight:"24px"},children:g.jsx(G,{size:"xs",fw:500,style:{color:"var(--w3-descriptionText)",textAlign:"center",maxWidth:"280px",lineHeight:1.5,margin:"0 auto"},children:o})}),g.jsxs(F,{style:{backgroundColor:"var(--w3-innerBackground)",borderRadius:"24px",padding:"24px",display:"flex",flexDirection:"column",flex:1,minHeight:0},children:[f&&g.jsxs(Et,{align:"center",gap:4,mb:"xl",children:[g.jsxs(ot,{gap:"xs",align:"baseline",children:[g.jsx(G,{style:{fontSize:"32px",fontWeight:"bold",letterSpacing:"-0.02em",lineHeight:1,color:"var(--w3-amountText)"},children:j||"0"}),g.jsx(G,{size:"xl",fw:500,style:{letterSpacing:"-0.01em",color:"var(--w3-amountText)"},children:e})]}),d&&h&&g.jsxs(G,{size:"sm",style:{color:"var(--w3-usdText)"},children:["≈ $",(parseFloat(j||"0")*h).toLocaleString("en-US",{minimumFractionDigits:2,maximumFractionDigits:2})," ","USD"]})]}),g.jsxs(Et,{gap:"xs",style:{flex:1,minHeight:0},children:[g.jsx(G,{size:"xs",fw:700,tt:"uppercase",style:{letterSpacing:"0.1em",fontSize:"11px",color:"var(--w3-subtitleText)",flexShrink:0},children:a}),g.jsx(F,{className:"w3-payment-methods-container",style:{overflow:"auto",flex:1},children:g.jsx(Et,{gap:"xs",children:I.map(N=>{const _=N.exchange?`${N.vendor}-${N.source}-${N.exchange}-${N.from}-${N.to}`:`${N.vendor}-${N.source}-${N.from}-${N.to}`;let Q="",ht="";if(N.vendor==="direct")Q="Direct Payment",ht=`Send ${N.from} directly`;else if(N.exchange)Q=`${N.name||N.exchange}`,ht=`Exchange via ${N.vendor.charAt(0).toUpperCase()+N.vendor.slice(1)}`;else{if(m)return null;Q=`${N.name||N.source}`,ht="Wallet"}let Y;if(N.vendor==="direct"&&N.from&&N.from in Hr)Y=g.jsx(Po,{currency:N.from,size:32});else if(N.exchange){const pt=N.exchange.toLowerCase();(pt==="coinbase"||pt==="binance"||pt==="kraken")&&(Y=g.jsx(b0,{exchange:pt,size:32}))}else N.from&&N.from in Hr&&(Y=g.jsx(Po,{currency:N.from,size:32}));return g.jsx(h0,{id:_,name:Q,description:ht,icon:Y,fallbackText:Q.substring(0,2).toUpperCase(),avatarColor:N.vendor==="direct"?"green":"blue",disabled:lt===_,onClick:()=>Pt(_)},_)}).filter(Boolean)})})]})]})]},"payment-form")})}),g.jsx(y0,{})]})})})},hl="1.0.0",q0={W3_PAYMENTS_REACT_VERSION:hl};exports.W3PaymentWidget=G0;exports.W3_PAYMENTS_REACT_VERSION=hl;exports.default=q0;
|
package/dist/index.mjs
CHANGED
|
@@ -10327,10 +10327,10 @@ const sg = "_widget_1upbe_3", ca = {
|
|
|
10327
10327
|
}
|
|
10328
10328
|
}
|
|
10329
10329
|
});
|
|
10330
|
-
return B ? /* @__PURE__ */ g.jsx(Mr, { children: /* @__PURE__ */ g.jsx(fe, { className: ca.widget, style: k, children: /* @__PURE__ */ g.jsxs(kt, { align: "center", justify: "center", h: "600px", children: [
|
|
10330
|
+
return B ? /* @__PURE__ */ g.jsx(Mr, { cssVariablesSelector: "[data-w3-payment-widget]", children: /* @__PURE__ */ g.jsx(fe, { className: ca.widget, style: k, children: /* @__PURE__ */ g.jsxs(kt, { align: "center", justify: "center", h: "600px", children: [
|
|
10331
10331
|
/* @__PURE__ */ g.jsx(xe, {}),
|
|
10332
10332
|
/* @__PURE__ */ g.jsx(H, { children: "Loading..." })
|
|
10333
|
-
] }) }) }) : /* @__PURE__ */ g.jsx(Mr, { children: /* @__PURE__ */ g.jsx(
|
|
10333
|
+
] }) }) }) : /* @__PURE__ */ g.jsx(Mr, { cssVariablesSelector: "[data-w3-payment-widget]", children: /* @__PURE__ */ g.jsx(
|
|
10334
10334
|
fe,
|
|
10335
10335
|
{
|
|
10336
10336
|
shadow: "md",
|