@ranty/ranty-sdk 3.0.4-beta.1 → 3.0.4-beta.2
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.
|
@@ -916,7 +916,7 @@ function ie(t) {
|
|
|
916
916
|
*/
|
|
917
917
|
var z0;
|
|
918
918
|
((z0 = window.HTMLSlotElement) === null || z0 === void 0 ? void 0 : z0.prototype.assignedElements) != null;
|
|
919
|
-
const rj = "@ranty/ranty-sdk", sj = "3.0.4-beta.
|
|
919
|
+
const rj = "@ranty/ranty-sdk", sj = "3.0.4-beta.2", nj = "Ranty sdk", ij = "dist/index.js", oj = {
|
|
920
920
|
".": "./dist/index.js"
|
|
921
921
|
}, aj = "types/index.d.ts", lj = [
|
|
922
922
|
"dist",
|
|
@@ -9359,10 +9359,10 @@ function fP(t, e, r, s) {
|
|
|
9359
9359
|
}
|
|
9360
9360
|
var cp = qU(fP);
|
|
9361
9361
|
mF(Fl(), "DD_LOGS", cp);
|
|
9362
|
-
const yP = "@ranty/ranty-sdk", vP = "3.0.4-beta.
|
|
9362
|
+
const yP = "@ranty/ranty-sdk", vP = "3.0.4-beta.2", bP = 2, wP = !0, xP = {
|
|
9363
9363
|
"": {
|
|
9364
9364
|
name: "@ranty/ranty-sdk",
|
|
9365
|
-
version: "3.0.4-beta.
|
|
9365
|
+
version: "3.0.4-beta.2",
|
|
9366
9366
|
license: "ISC",
|
|
9367
9367
|
dependencies: {
|
|
9368
9368
|
"@datadog/browser-logs": "^5.35.1",
|
|
@@ -56591,7 +56591,7 @@ of([
|
|
|
56591
56591
|
Eu = of([
|
|
56592
56592
|
He("input-passport")
|
|
56593
56593
|
], Eu);
|
|
56594
|
-
const CQ = `@import"normalize.css";form{margin:inherit}.clickeable{cursor:pointer}.clickeable{display:block;transition:transform .3s ease}.clickeable:hover{transform:translate(3px)}.hidden{display:none}.skeleton-card{background-color:#d0d4d7;animation:skeleton-loading 1s linear infinite alternate;width:100%;height:43px;border-radius:8px}@keyframes skeleton-loading{0%{background-color:#c2cfd6}to{background-color:#f0f3f5}}.input{padding-bottom:24px;position:relative}.input label{font-family:Inter,Arial,"sans-serif";font-size:14px;font-weight:400;color:#6a6a6a;display:block;min-width:140px}.input.checkbox{display:flex;flex-direction:row;justify-content:flex-start;padding-bottom:20px}.input.checkbox label{text-align:left;font-size:12px}.input.checkbox label p{margin:0}.input.checkbox input[type=checkbox]{margin-left:0;order:-1;width:30px;margin-right:10px;accent-color:black}.input.checkbox-form-credit{display:flex;flex-direction:row;justify-content:flex-start;padding-bottom:20px}.input.checkbox-form-credit label{text-align:left;font-size:12px}.input.checkbox-form-credit label p{margin:0}.input.checkbox-form-credit input[type=checkbox]{order:-1;width:30px;margin-right:10px;accent-color:black}.input input{border:none;border-bottom:1px solid #6a6a6a;color:#2b2b2b;font-family:Inter,Arial,"sans-serif";font-weight:400;font-size:16px;outline:none;width:100%;height:26px}.errorBin{color:red;margin-top:5px;font-family:Inter,Arial,"sans-serif";font-size:14px;font-weight:200;bottom:42px}.placeholder{display:flex;justify-content:start}.placeholder>p{color:#888;bottom:45px;margin:3px 0 0}span p{font-family:Inter,Arial,"sans-serif";font-size:12px}
|
|
56594
|
+
const CQ = `@import"normalize.css";form{margin:inherit}.clickeable{cursor:pointer}.clickeable{display:block;transition:transform .3s ease}.clickeable:hover{transform:translate(3px)}.hidden{display:none}.skeleton-card{background-color:#d0d4d7;animation:skeleton-loading 1s linear infinite alternate;width:100%;height:43px;border-radius:8px}@keyframes skeleton-loading{0%{background-color:#c2cfd6}to{background-color:#f0f3f5}}.input{padding-bottom:24px;position:relative}.input label{font-family:Inter,Arial,"sans-serif";font-size:14px;font-weight:400;color:#6a6a6a;display:block;min-width:140px}.input.checkbox{display:flex;flex-direction:row;justify-content:flex-start;padding-bottom:20px}.input.checkbox label{text-align:left;font-size:12px}.input.checkbox label p{margin:0}.input.checkbox input[type=checkbox]{margin-left:0;order:-1;width:30px;margin-right:10px;accent-color:black}.input.checkbox-form-credit{display:flex;flex-direction:row;justify-content:flex-start;padding-bottom:20px}.input.checkbox-form-credit label{text-align:left;font-size:12px}.input.checkbox-form-credit label p{margin:0}.input.checkbox-form-credit input[type=checkbox]{order:-1;width:30px;margin-right:10px;accent-color:black}.input input{border:none;border-bottom:1px solid #6a6a6a;color:#2b2b2b;font-family:Inter,Arial,"sans-serif";font-weight:400;font-size:16px;outline:none;width:100%;height:26px}.errorBin{color:red;margin-top:5px;font-family:Inter,Arial,"sans-serif";font-size:14px;font-weight:200;bottom:42px}.placeholder{display:flex;justify-content:start}.placeholder>p{color:#888;bottom:45px;margin:3px 0 0}span p{font-family:Inter,Arial,"sans-serif";font-size:12px}
|
|
56595
56595
|
`;
|
|
56596
56596
|
/**
|
|
56597
56597
|
* @license
|
|
@@ -58874,7 +58874,7 @@ sn([
|
|
|
58874
58874
|
js = sn([
|
|
58875
58875
|
He("payfac-sdk")
|
|
58876
58876
|
], js);
|
|
58877
|
-
const ag = `@import"normalize.css";form{margin:inherit}.clickeable{cursor:pointer}.clickeable{display:block;transition:transform .3s ease}.clickeable:hover{transform:translate(3px)}.hidden{display:none}.skeleton-card{background-color:#d0d4d7;animation:skeleton-loading 1s linear infinite alternate;width:100%;height:43px;border-radius:8px}@keyframes skeleton-loading{0%{background-color:#c2cfd6}to{background-color:#f0f3f5}}:host *{user-select:none}:host .background{background:#f4f4f4}:host .
|
|
58877
|
+
const ag = `@import"normalize.css";form{margin:inherit}.clickeable{cursor:pointer}.clickeable{display:block;transition:transform .3s ease}.clickeable:hover{transform:translate(3px)}.hidden{display:none}.skeleton-card{background-color:#d0d4d7;animation:skeleton-loading 1s linear infinite alternate;width:100%;height:43px;border-radius:8px}@keyframes skeleton-loading{0%{background-color:#c2cfd6}to{background-color:#f0f3f5}}:host *{user-select:none}:host .background{background:#f4f4f4}:host .container{display:grid;max-width:900px;height:auto;margin:0 auto;grid-template-columns:1fr 300px}@media only screen and (max-width: 450px){:host .container{display:grid;grid-template-columns:1fr}}@media only screen and (min-width: 650px) and (max-width: 800px){:host .container{display:grid;width:100%}}:host .container-text{grid-column:1/span 6;grid-row:1/1}@media only screen and (min-width: 650px) and (max-width: 800px){:host .container-text{grid-column:2/span 6}}@media only screen and (min-width: 450px) and (max-width: 650px){:host .container-text{margin-left:20px}}@media only screen and (max-width: 450px){:host .container-text{margin-left:8px}}:host .container__title{color:#2b2b2b;font-family:Inter,Arial,"sans-serif";font-size:24px;font-weight:600}@media only screen and (min-width: 650px) and (max-width: 800px){:host .container__title{margin-bottom:10px}}:host .container__subtitle{color:#2b2b2b;font-family:Inter,Arial,"sans-serif";font-size:20px;font-weight:600}@media only screen and (max-width: 800px){:host .container__subtitle{font-size:17px}}:host .container__content{grid-column:1/span 6;margin-bottom:126px;animation:fadeIn .15s ease-in}@media only screen and (max-width: 450px){:host .container__content{grid-column:span 6;margin:0 8px}}@media only screen and (min-width: 451px) and (max-width: 650px){:host .container__content{margin:0 20px}}@media only screen and (min-width: 650px) and (max-width: 800px){:host .container__content{margin-bottom:0;grid-column:2/span 7}}@media only screen and (min-width: 450px) and (max-width: 650px){:host .container__content{grid-column:1/span 10}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.payment__detail{grid-column:7/span 4;padding-left:34px}@media only screen and (min-width: 650px) and (max-width: 800px){.payment__detail{grid-column:2/span 7;grid-row:2/2;padding-left:0;margin-bottom:20px}}@media only screen and (max-width: 450px){.payment__detail{grid-column:1/span 7;grid-row:2/2;padding-left:0;margin-bottom:20px}}@media only screen and (min-width: 450px) and (max-width: 650px){.payment__detail{grid-column:1/span 10;grid-row:2/2;margin-left:10px;margin-right:10px;padding-left:0;margin-bottom:20px}}.contentContainer{opacity:.5;transition:opacity .3s ease-in-out}.container__subtitle-mobile{display:none}.title{margin-bottom:16px;margin-left:12px;margin-top:0}.card-payments-methods{display:flex;gap:40px}.alert-container{position:absolute;bottom:0;padding:30px 24px;z-index:1;max-width:400px;width:-webkit-fill-available}
|
|
58878
58878
|
`;
|
|
58879
58879
|
var MN = Object.defineProperty, qN = Object.getOwnPropertyDescriptor, wa = (t, e, r, s) => {
|
|
58880
58880
|
for (var n = s > 1 ? void 0 : s ? qN(e, r) : e, i = t.length - 1, o; i >= 0; i--)
|
|
@@ -59333,7 +59333,7 @@ lf([
|
|
|
59333
59333
|
ju = lf([
|
|
59334
59334
|
He("tooltip-image")
|
|
59335
59335
|
], ju);
|
|
59336
|
-
const df = `@import"normalize.css";form{margin:inherit}.clickeable{cursor:pointer}.clickeable{display:block;transition:transform .3s ease}.clickeable:hover{transform:translate(3px)}.hidden{display:none}.skeleton-card{background-color:#d0d4d7;animation:skeleton-loading 1s linear infinite alternate;width:100%;height:43px;border-radius:8px}@keyframes skeleton-loading{0%{background-color:#c2cfd6}to{background-color:#f0f3f5}}:host .panel-container{padding:16px 24px;background:#ffffff;border-radius:16px}@media only screen and (max-width: 800px){:host .panel-container{padding:24px}}:host .checkbox{padding-bottom:20px!important}:host .continue{width:238px;display:flex;justify-content:flex-end}:host .container{animation:fadeIn .15s ease-in}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}:host .back{width:248px;display:flex;justify-content:flex-start;align-items:center}:host .panel-id-selection{display:flex;gap:15px}:host .panel-id-selection>*{flex:1;max-width:
|
|
59336
|
+
const df = `@import"normalize.css";form{margin:inherit}.clickeable{cursor:pointer}.clickeable{display:block;transition:transform .3s ease}.clickeable:hover{transform:translate(3px)}.hidden{display:none}.skeleton-card{background-color:#d0d4d7;animation:skeleton-loading 1s linear infinite alternate;width:100%;height:43px;border-radius:8px}@keyframes skeleton-loading{0%{background-color:#c2cfd6}to{background-color:#f0f3f5}}:host .panel-container{padding:16px 24px;background:#ffffff;border-radius:16px}@media only screen and (max-width: 800px){:host .panel-container{padding:24px}}:host .checkbox{padding-bottom:20px!important}:host .continue{width:238px;display:flex;justify-content:flex-end}:host .container{animation:fadeIn .15s ease-in}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}:host .back{width:248px;display:flex;justify-content:flex-start;align-items:center}:host .panel-id-selection{display:flex;gap:15px;align-items:flex-start}:host .panel-id-selection>*{flex:1;max-width:100%}:host .card-form__title-form{font-family:Inter,Arial,"sans-serif";font-size:14px;font-weight:500;color:#888}:host .learn-text{font-family:Inter,Arial,"sans-serif";font-size:14px;color:#652bdf;text-decoration:underline;cursor:pointer}@media only screen and (max-width: 800px){:host .learn-text{position:relative;top:-15px}}:host form{margin:0}:host .credit-info{display:flex;align-items:center}:host .credit-info click2pay-card-input{flex:1}:host .credit-info .credit-number{flex:1}:host .credit-info tooltip-image,:host .credit-info img{margin-top:20px;margin-left:20px;align-self:flex-start}@media only screen and (max-width: 375px){:host .credit-info tooltip-image,:host .credit-info img{margin-left:10px}}:host .credit-card{width:500px}:host .modal{display:none;border:1px solid rgb(229,231,235);border-radius:16px;height:450px;width:500px;background-color:#fff;position:fixed;z-index:5}:host .panel-title{display:flex;margin-bottom:24px;align-items:end;gap:5px}:host .panel-title .header_brands{display:contents}:host .panel-title .header_brands .spanBrand{color:#6a6a6a;font-family:Inter,Arial,"sans-serif";font-size:12px;font-weight:400;padding-top:0!important;margin-bottom:2px!important}:host .panel-title .header_brands .cards{display:contents}:host .panel-title .header_brands .cards .cards-image{height:18px;width:20px;padding-right:5px}:host .spanBrand-c2p{color:#6a6a6a;font-family:Inter,Arial,"sans-serif";font-size:12px;font-weight:400;padding-top:0!important;margin-bottom:7px!important}:host .spanBrand-header{display:flex;align-items:flex-start;padding-bottom:2px}:host .card-form__input-icon{display:flex;gap:12px}:host .panel-footer{display:flex;justify-content:space-between;text-align:right}@media only screen and (max-width: 800px){:host .panel-footer{flex-direction:column-reverse;width:100%;text-align:center;gap:16px}}:host .card-form__content{grid-column:1/span 6;margin-bottom:126px}:host .cvv{width:100%}
|
|
59337
59337
|
`;
|
|
59338
59338
|
var tO = Object.defineProperty, rO = Object.getOwnPropertyDescriptor, Li = (t, e, r, s) => {
|
|
59339
59339
|
for (var n = s > 1 ? void 0 : s ? rO(e, r) : e, i = t.length - 1, o; i >= 0; i--)
|
|
@@ -59611,6 +59611,7 @@ let In = class extends Ve {
|
|
|
59611
59611
|
></scof-input>
|
|
59612
59612
|
<div class="credit-info">
|
|
59613
59613
|
<scof-input
|
|
59614
|
+
class="cvv"
|
|
59614
59615
|
type="password"
|
|
59615
59616
|
name="cvv"
|
|
59616
59617
|
id="cvv"
|
|
@@ -60188,7 +60189,7 @@ Zd([
|
|
|
60188
60189
|
oa = Zd([
|
|
60189
60190
|
He("scof-holder-form")
|
|
60190
60191
|
], oa);
|
|
60191
|
-
const uf = `@import"normalize.css";form{margin:inherit}.clickeable{cursor:pointer}.clickeable{display:block;transition:transform .3s ease}.clickeable:hover{transform:translate(3px)}.hidden{display:none}.skeleton-card{background-color:#d0d4d7;animation:skeleton-loading 1s linear infinite alternate;width:100%;height:43px;border-radius:8px}@keyframes skeleton-loading{0%{background-color:#c2cfd6}to{background-color:#f0f3f5}}:host .card-plan__card-style{font-family:Inter,Arial,"sans-serif";background:#ffffff;border-radius:16px;padding:16px 24px;animation:fadeIn .15s ease-in}@media only screen and (max-width: 370px){:host .card-plan__card-style{background:#ffffff;border-radius:16px;width:89%;height:100%;margin-bottom:0;padding:20px}}@media only screen and (min-width: 370px) and (max-width: 800px){:host .card-plan__card-style{background:#ffffff;border-radius:16px;padding:20px}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}:host .card-plan__content{display:flex;flex-direction:column;gap:8px}@media only screen and (max-width: 370px){:host .card-plan__content{display:flex;flex-direction:column;gap:5px}}:host .card-plan__content-subtitle{border:2px solid #e5e7eb;background:#fff;border-radius:12px;cursor:pointer;padding:16px;position:relative;display:flex;flex-direction:row;gap:16px;align-items:center;justify-content:space-between;height:auto}@media only screen and (max-width: 370px){:host .card-plan__content-subtitle{border-radius:8px;padding-top:10px;padding-bottom:44px;background:#fff}}@media only screen and (min-width: 370px) and (max-width: 800px){:host .card-plan__content-subtitle{background:#fff;border-radius:8px;padding:16px}}:host .card-plan__content-subtitle .card-content{display:flex;gap:4px;flex-direction:row;justify-content:space-between;align-items:center;width:100%}:host .card-plan__content-subtitle .card-content .card-content-text{display:flex;flex-direction:column;gap:4px}:host .card-plan__content-subtitle .card-content .card-content-text>h3{line-height:22px;letter-spacing:.16px}@media only screen and (max-width: 500px){:host .card-plan__content-subtitle .card-content{flex-direction:column;align-items:flex-start}}:host .card-plan__items-circle{align-items:center;display:flex;gap:16px;width:100%}:host .card-plan__items-circle .card-plan__image-circle{accent-color:#652bdf;width:20px;height:20px}:host .panel-footer{display:flex;justify-content:space-between;padding-top:24px;text-align:right}:host .panel-footer.only-button{justify-content:flex-end}@media only screen and (max-width: 800px){:host .panel-footer{flex-direction:column-reverse;width:100%;text-align:center;gap:16px}}:host .font_semiBold{font-family:Inter,Arial,"sans-serif";font-size:14px;font-weight:600;margin-bottom:0;margin-top:0;color:#000}:host .font_regular{font-family:Inter,Arial,"sans-serif";font-size:12px;font-weight:400;color:#6a6a6a}:host .font_regular p{margin-top:0;margin-bottom:0}:host .text{font-family:Inter,Arial,"sans-serif";font-size:12px}:host .chip{border-radius:.25rem;display:inline-block;font-size:.875rem;font-weight:600;padding:.12rem .5rem;margin:0}@media only screen and (max-width: 425px){:host .chip{margin:5px 0 0}}:host .chip.no-interest{border:1px solid #bedbbe;background-color:#e9f3e9;color:#258825}:host .chip.plan{border:1px solid #bfd4eb;background-color:#eaf1f8;color:#2b2b2b}:host .card-form__title{color:var(--card-form-title-color)}:host .card-form__subtitle{color:var(--card-form-subtitle-color)}
|
|
60192
|
+
const uf = `@import"normalize.css";form{margin:inherit}.clickeable{cursor:pointer}.clickeable{display:block;transition:transform .3s ease}.clickeable:hover{transform:translate(3px)}.hidden{display:none}.skeleton-card{background-color:#d0d4d7;animation:skeleton-loading 1s linear infinite alternate;width:100%;height:43px;border-radius:8px}@keyframes skeleton-loading{0%{background-color:#c2cfd6}to{background-color:#f0f3f5}}:host .card-plan__card-style{font-family:Inter,Arial,"sans-serif";background:#ffffff;border-radius:16px;padding:16px 24px;animation:fadeIn .15s ease-in}@media only screen and (max-width: 370px){:host .card-plan__card-style{background:#ffffff;border-radius:16px;width:89%;height:100%;margin-bottom:0;padding:20px}}@media only screen and (min-width: 370px) and (max-width: 800px){:host .card-plan__card-style{background:#ffffff;border-radius:16px;padding:20px}}:host .overlay{z-index:1;opacity:.5;pointer-events:none}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}:host .card-plan__content{display:flex;flex-direction:column;gap:8px}@media only screen and (max-width: 370px){:host .card-plan__content{display:flex;flex-direction:column;gap:5px}}:host .drawerOpen{z-index:2}:host .card-plan__content-subtitle{border:2px solid #e5e7eb;background:#fff;border-radius:12px;cursor:pointer;padding:16px;position:relative;display:flex;flex-direction:row;gap:16px;align-items:center;justify-content:space-between;height:auto}@media only screen and (max-width: 370px){:host .card-plan__content-subtitle{border-radius:8px;padding-top:10px;padding-bottom:44px;background:#fff}}@media only screen and (min-width: 370px) and (max-width: 800px){:host .card-plan__content-subtitle{background:#fff;border-radius:8px;padding:16px}}:host .card-plan__content-subtitle .card-content{display:flex;gap:4px;flex-direction:row;justify-content:space-between;align-items:center;width:100%}:host .card-plan__content-subtitle .card-content .card-content-text{display:flex;flex-direction:column;gap:4px}:host .card-plan__content-subtitle .card-content .card-content-text>h3{line-height:22px;letter-spacing:.16px}@media only screen and (max-width: 500px){:host .card-plan__content-subtitle .card-content{flex-direction:column;align-items:flex-start}}:host .card-plan__items-circle{align-items:center;display:flex;gap:16px;width:100%}:host .card-plan__items-circle .card-plan__image-circle{accent-color:#652bdf;width:20px;height:20px}:host .panel-footer{display:flex;justify-content:space-between;padding-top:24px;text-align:right}:host .panel-footer.only-button{justify-content:flex-end}@media only screen and (max-width: 800px){:host .panel-footer{flex-direction:column-reverse;width:100%;text-align:center;gap:16px}}:host .font_semiBold{font-family:Inter,Arial,"sans-serif";font-size:14px;font-weight:600;margin-bottom:0;margin-top:0;color:#000}:host .font_regular{font-family:Inter,Arial,"sans-serif";font-size:12px;font-weight:400;color:#6a6a6a}:host .font_regular p{margin-top:0;margin-bottom:0}:host .text{font-family:Inter,Arial,"sans-serif";font-size:12px}:host .chip{border-radius:.25rem;display:inline-block;font-size:.875rem;font-weight:600;padding:.12rem .5rem;margin:0}@media only screen and (max-width: 425px){:host .chip{margin:5px 0 0}}:host .chip.no-interest{border:1px solid #bedbbe;background-color:#e9f3e9;color:#258825}:host .chip.plan{border:1px solid #bfd4eb;background-color:#eaf1f8;color:#2b2b2b}:host .card-form__title{color:var(--card-form-title-color)}:host .card-form__subtitle{color:var(--card-form-subtitle-color)}
|
|
60192
60193
|
`;
|
|
60193
60194
|
var lO = Object.defineProperty, dO = Object.getOwnPropertyDescriptor, Af = (t, e, r, s) => {
|
|
60194
60195
|
for (var n = s > 1 ? void 0 : s ? dO(e, r) : e, i = t.length - 1, o; i >= 0; i--)
|
|
@@ -61484,6 +61485,7 @@ let Fn = class extends Ve {
|
|
|
61484
61485
|
></scof-input>
|
|
61485
61486
|
<div class="credit-info">
|
|
61486
61487
|
<scof-input
|
|
61488
|
+
class="cvv"
|
|
61487
61489
|
type="password"
|
|
61488
61490
|
name="cvv"
|
|
61489
61491
|
id="cvv"
|
|
@@ -77013,7 +77015,7 @@ function(t) {
|
|
|
77013
77015
|
*/
|
|
77014
77016
|
function(t) {
|
|
77015
77017
|
function e() {
|
|
77016
|
-
return (mt.canvg ? Promise.resolve(mt.canvg) : import("./index.es-
|
|
77018
|
+
return (mt.canvg ? Promise.resolve(mt.canvg) : import("./index.es-2b949c56.js")).catch(function(r) {
|
|
77017
77019
|
return Promise.reject(new Error("Could not load canvg: " + r));
|
|
77018
77020
|
}).then(function(r) {
|
|
77019
77021
|
return r.default ? r.default : r;
|
|
@@ -79526,6 +79528,7 @@ let xo = class extends wo {
|
|
|
79526
79528
|
<div>
|
|
79527
79529
|
<div class="credit-info">
|
|
79528
79530
|
<base-input
|
|
79531
|
+
class="credit-number"
|
|
79529
79532
|
value="${this.formData.creditNumber.formatted}"
|
|
79530
79533
|
name="creditNumber"
|
|
79531
79534
|
type="text"
|
|
@@ -79555,6 +79558,7 @@ let xo = class extends wo {
|
|
|
79555
79558
|
></base-input>
|
|
79556
79559
|
<div class="credit-info">
|
|
79557
79560
|
<base-input
|
|
79561
|
+
class="cvv"
|
|
79558
79562
|
type="password"
|
|
79559
79563
|
value="${this.formData.cvc}"
|
|
79560
79564
|
name="cvc"
|
|
@@ -81288,11 +81292,11 @@ let Pn = class t extends Ve {
|
|
|
81288
81292
|
}
|
|
81289
81293
|
render() {
|
|
81290
81294
|
return P`
|
|
81291
|
-
<
|
|
81295
|
+
<drawer-component .isVisible="${this._showDrawerComponent}"></drawer-component>
|
|
81296
|
+
<div class="${this._showDrawerComponent ? "card-plan__card-style overlay" : "card-plan__card-style"}">
|
|
81292
81297
|
<div class="card-plan__content">
|
|
81293
81298
|
${this._stateC2p.arrayPlans ? this.renderOptionPanel() : this._renderLoading()}
|
|
81294
81299
|
</div>
|
|
81295
|
-
<drawer-component .isVisible="${this._showDrawerComponent}"></drawer-component>
|
|
81296
81300
|
<h1 class="${this._showDrawerComponent ? this._openDrawerClass("card-form__title") : "card-form__title"}"></h1>
|
|
81297
81301
|
<div class="panel-footer">
|
|
81298
81302
|
<my-button
|
|
@@ -81825,7 +81829,7 @@ ds([
|
|
|
81825
81829
|
qr = ds([
|
|
81826
81830
|
He("c2p-summary")
|
|
81827
81831
|
], qr);
|
|
81828
|
-
const uW = `@import"normalize.css";form{margin:inherit}.clickeable{cursor:pointer}.clickeable{display:block;transition:transform .3s ease}.clickeable:hover{transform:translate(3px)}.hidden{display:none}.skeleton-card{background-color:#d0d4d7;animation:skeleton-loading 1s linear infinite alternate;width:100%;height:43px;border-radius:8px}@keyframes skeleton-loading{0%{background-color:#c2cfd6}to{background-color:#f0f3f5}}.card_list{display:flex;flex-direction:column;background-color:#fff;position:relative;border-radius:12px}.card_list .card_list_input_extension{display:flex;flex-direction:column;text-align:right;padding:20px;width:-webkit-fill-available}.card_list .card_list_input_extension .credit-info{text-align:left
|
|
81832
|
+
const uW = `@import"normalize.css";form{margin:inherit}.clickeable{cursor:pointer}.clickeable{display:block;transition:transform .3s ease}.clickeable:hover{transform:translate(3px)}.hidden{display:none}.skeleton-card{background-color:#d0d4d7;animation:skeleton-loading 1s linear infinite alternate;width:100%;height:43px;border-radius:8px}@keyframes skeleton-loading{0%{background-color:#c2cfd6}to{background-color:#f0f3f5}}:host .card_list{display:flex;flex-direction:column;background-color:#fff;position:relative;border-radius:12px}:host .card_list .card_list_input_extension{display:flex;flex-direction:column;text-align:right;padding:20px;width:-webkit-fill-available}:host .card_list .card_list_input_extension .credit-info{display:flex;align-items:center;text-align:left}:host .card_list .card_list_input_extension .credit-info click2pay-card-input{flex:1}:host .card_list .card_list_input_extension .credit-info .credit-number{flex:1}:host .card_list .card_list_input_extension .credit-info tooltip-image,:host .card_list .card_list_input_extension .credit-info img{margin-top:20px;margin-left:20px;align-self:flex-start}@media only screen and (max-width: 375px){:host .card_list .card_list_input_extension .credit-info tooltip-image,:host .card_list .card_list_input_extension .credit-info img{margin-left:10px}}:host .card_list .card_list_input_extension .panel-id-selection{display:flex;gap:15px}:host .card_list .card_list_input_extension .panel-id-selection>*{flex:1;max-width:100%;text-align:left}:host .card_list .button-container{display:flex;justify-content:space-between;text-align:right}@media only screen and (max-width: 800px){:host .card_list .button-container{flex-direction:column-reverse;width:100%;text-align:center;gap:16px}}@media only screen and (max-width: 800px){:host .card_list{margin-left:8px;margin-right:8px;margin-bottom:30px}}:host .panel-container{padding:16px 24px;background:#ffffff;border-radius:16px}@media only screen and (max-width: 800px){:host .panel-container{border-radius:16px;padding:24px;margin-bottom:40px}}:host .cvv{width:100%}
|
|
81829
81833
|
`;
|
|
81830
81834
|
var AW = Object.defineProperty, pW = Object.getOwnPropertyDescriptor, fr = (t, e, r, s) => {
|
|
81831
81835
|
for (var n = s > 1 ? void 0 : s ? pW(e, r) : e, i = t.length - 1, o; i >= 0; i--)
|
|
@@ -81973,6 +81977,7 @@ let nr = class t extends wo {
|
|
|
81973
81977
|
<form @input="${this.validateForm}">
|
|
81974
81978
|
<div class="credit-info">
|
|
81975
81979
|
<base-input
|
|
81980
|
+
class="credit-number"
|
|
81976
81981
|
value="${this.formData.creditNumber.formatted}"
|
|
81977
81982
|
name="creditNumber"
|
|
81978
81983
|
type="text"
|
|
@@ -82002,6 +82007,7 @@ let nr = class t extends wo {
|
|
|
82002
82007
|
></base-input>
|
|
82003
82008
|
<div class="credit-info">
|
|
82004
82009
|
<base-input
|
|
82010
|
+
class="cvv"
|
|
82005
82011
|
type="password"
|
|
82006
82012
|
value="${this.formData.cvc}"
|
|
82007
82013
|
name="cvc"
|
|
@@ -82036,7 +82042,7 @@ let nr = class t extends wo {
|
|
|
82036
82042
|
</form>
|
|
82037
82043
|
`;
|
|
82038
82044
|
}
|
|
82039
|
-
|
|
82045
|
+
renderHTML() {
|
|
82040
82046
|
var e;
|
|
82041
82047
|
return P` <div class="card_list">
|
|
82042
82048
|
<src-card-list
|
|
@@ -82075,6 +82081,13 @@ let nr = class t extends wo {
|
|
|
82075
82081
|
</div>
|
|
82076
82082
|
</div>`;
|
|
82077
82083
|
}
|
|
82084
|
+
render() {
|
|
82085
|
+
return P`
|
|
82086
|
+
<div class="container">
|
|
82087
|
+
<div class="panel-container">${this.renderHTML()}</div>
|
|
82088
|
+
</div>
|
|
82089
|
+
`;
|
|
82090
|
+
}
|
|
82078
82091
|
};
|
|
82079
82092
|
nr.styles = $e`
|
|
82080
82093
|
${Ze(uW)}
|
package/dist/index.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { ah as n, ag as e, a9 as t, ak as o, ai as r, aj as C, aa as p, a7 as m, af as u, ae as i, a8 as l, ab as A, ac as d, ad as F, L as S, B as y, a6 as c, V as P, R as I, $ as M, O, a0 as k, a1 as H, a2 as L, h as f, f as g, a5 as D, a4 as v, T as b, U as x, W as E, X as h, Y as B, C as Q, k as j, w, a as N, d as q, a3 as z, D as G, Z as J, E as K, e as R, l as T, b as U, F as V, I as W, M as X, J as Y, N as Z, P as $, m as _, y as aa, z as sa, x as na, K as ea, A as ta, G as oa, H as ra, Q as Ca, S as pa, n as ma, j as ua, o as ia, p as la, q as Aa, i as da, u as Fa, r as Sa, s as ya, t as ca, v as Pa } from "./index-
|
|
1
|
+
import { ah as n, ag as e, a9 as t, ak as o, ai as r, aj as C, aa as p, a7 as m, af as u, ae as i, a8 as l, ab as A, ac as d, ad as F, L as S, B as y, a6 as c, V as P, R as I, $ as M, O, a0 as k, a1 as H, a2 as L, h as f, f as g, a5 as D, a4 as v, T as b, U as x, W as E, X as h, Y as B, C as Q, k as j, w, a as N, d as q, a3 as z, D as G, Z as J, E as K, e as R, l as T, b as U, F as V, I as W, M as X, J as Y, N as Z, P as $, m as _, y as aa, z as sa, x as na, K as ea, A as ta, G as oa, H as ra, Q as Ca, S as pa, n as ma, j as ua, o as ia, p as la, q as Aa, i as da, u as Fa, r as Sa, s as ya, t as ca, v as Pa } from "./index-67926441.js";
|
|
2
2
|
export {
|
|
3
3
|
n as A2AAccountDetails,
|
|
4
4
|
e as A2AAccountList,
|