@asantemedia-org/edwardsvacuum-design-system 1.6.59 → 1.6.63
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/index.css +67 -1
- package/dist/index.esm.css +67 -1
- package/dist/index.esm.js +174 -12
- package/dist/index.esm.js.map +1 -1
- package/dist/index.js +174 -12
- package/dist/index.js.map +1 -1
- package/dist/index.scss +67 -1
- package/dist/stories/components/Card/card.d.ts +0 -1
- package/dist/stories/components/FacetUnitSelector/FacetUnitSelector.d.ts +8 -0
- package/dist/stories/components/FacetUnitSelector/index.d.ts +1 -0
- package/dist/stories/experiences/QRFormJourney/Friendly-captcha/FriendlyCaptcha.d.ts +10 -0
- package/dist/stories/experiences/QRFormJourney/Qr-form/Qr-form.d.ts +2 -0
- package/dist/tsconfig.tsbuildinfo +1 -1
- package/dist/utils/helpers/formatFacetValue.d.ts +26 -0
- package/package.json +3 -2
package/dist/index.css
CHANGED
|
@@ -344,13 +344,15 @@
|
|
|
344
344
|
font-size: clamp(1.5rem, 2vw, 28px);
|
|
345
345
|
font-weight: 100;
|
|
346
346
|
margin-bottom: 0.5rem;
|
|
347
|
-
color: #2d363a;
|
|
348
347
|
}
|
|
349
348
|
@media (min-width: 768px) {
|
|
350
349
|
.card-module__cmp-card--type-product_details__header__title___4KSqX {
|
|
351
350
|
max-width: 325px;
|
|
352
351
|
}
|
|
353
352
|
}
|
|
353
|
+
.card-module__cmp-card--type-product_details__header__title___4KSqX {
|
|
354
|
+
color: #2d363a;
|
|
355
|
+
}
|
|
354
356
|
.card-module__cmp-card--type-product_details__header__product-code___zf7yq {
|
|
355
357
|
font-size: 0.875rem;
|
|
356
358
|
color: #666;
|
|
@@ -394,6 +396,24 @@
|
|
|
394
396
|
.card-module__cmp-card--type-product_details___vsNOc ul.card-module__folding-specification-list___tIfSl li strong {
|
|
395
397
|
color: #333;
|
|
396
398
|
}
|
|
399
|
+
.card-module__cmp-card--type-product_details___vsNOc ul.card-module__facet-value-list___HtnIT {
|
|
400
|
+
display: flex;
|
|
401
|
+
flex-wrap: wrap;
|
|
402
|
+
gap: 0.5rem;
|
|
403
|
+
margin-top: 0.25rem;
|
|
404
|
+
padding: 0;
|
|
405
|
+
}
|
|
406
|
+
.card-module__cmp-card--type-product_details___vsNOc ul.card-module__facet-value-list___HtnIT li {
|
|
407
|
+
background-color: rgb(233, 233, 233);
|
|
408
|
+
padding: 0.25rem 0.5rem;
|
|
409
|
+
border-radius: 4px;
|
|
410
|
+
font-size: 0.85rem;
|
|
411
|
+
margin-bottom: 0;
|
|
412
|
+
}
|
|
413
|
+
.card-module__cmp-card--type-product_details___vsNOc ul.card-module__facet-value-list___HtnIT li .card-module__facet-value-unit___b722z {
|
|
414
|
+
color: rgb(130, 134, 136);
|
|
415
|
+
font-size: 0.75rem;
|
|
416
|
+
}
|
|
397
417
|
|
|
398
418
|
.card-module__folding-specification-holder___OtcQQ {
|
|
399
419
|
margin-bottom: 1rem;
|
|
@@ -436,6 +456,49 @@
|
|
|
436
456
|
.accordion-section.open .accordion-section__icon {
|
|
437
457
|
transform: rotate(180deg);
|
|
438
458
|
}
|
|
459
|
+
.FacetUnitSelector-module__facet-unit-selector___1Zdhx {
|
|
460
|
+
display: inline-flex;
|
|
461
|
+
align-items: center;
|
|
462
|
+
gap: 0.5rem;
|
|
463
|
+
margin-top: 0.25rem;
|
|
464
|
+
}
|
|
465
|
+
.FacetUnitSelector-module__facet-unit-selector__value___E-LAN {
|
|
466
|
+
font-weight: 600;
|
|
467
|
+
font-size: 0.95rem;
|
|
468
|
+
color: rgb(87, 94, 97);
|
|
469
|
+
}
|
|
470
|
+
.FacetUnitSelector-module__facet-unit-selector__unit___TxIk7 {
|
|
471
|
+
font-size: 0.85rem;
|
|
472
|
+
color: rgb(130, 134, 136);
|
|
473
|
+
}
|
|
474
|
+
.FacetUnitSelector-module__facet-unit-selector__dropdown___Xj3dK {
|
|
475
|
+
-webkit-appearance: none;
|
|
476
|
+
-moz-appearance: none;
|
|
477
|
+
appearance: none;
|
|
478
|
+
background-color: transparent;
|
|
479
|
+
border: none;
|
|
480
|
+
border-radius: 0;
|
|
481
|
+
padding: 0.25rem 1.75rem 0.25rem 0.5rem;
|
|
482
|
+
font-size: 0.85rem;
|
|
483
|
+
color: rgb(196, 38, 46);
|
|
484
|
+
cursor: pointer;
|
|
485
|
+
transition: border-color 0.2s ease, background-color 0.2s ease;
|
|
486
|
+
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23666' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
|
|
487
|
+
background-repeat: no-repeat;
|
|
488
|
+
background-position: right 0.5rem center;
|
|
489
|
+
}
|
|
490
|
+
.FacetUnitSelector-module__facet-unit-selector__dropdown___Xj3dK:hover {
|
|
491
|
+
border-color: rgb(172, 174, 176);
|
|
492
|
+
background-color: rgb(250, 250, 250);
|
|
493
|
+
}
|
|
494
|
+
.FacetUnitSelector-module__facet-unit-selector__dropdown___Xj3dK:focus {
|
|
495
|
+
outline: none;
|
|
496
|
+
border-color: rgb(196, 38, 46);
|
|
497
|
+
box-shadow: 0 0 0 2px rgba(196, 38, 46, 0.15);
|
|
498
|
+
}
|
|
499
|
+
.FacetUnitSelector-module__facet-unit-selector__dropdown___Xj3dK option {
|
|
500
|
+
padding: 0.5rem;
|
|
501
|
+
}
|
|
439
502
|
.Button-module__cmp-button___SMjDF {
|
|
440
503
|
font-family: "Calibri", "Calibri W05 Light", sans-serif;
|
|
441
504
|
text-transform: uppercase;
|
|
@@ -2022,4 +2085,7 @@
|
|
|
2022
2085
|
.qr-journey-form-wrapper.desktop-true .qr-form-thank-you-page .submitted-checked {
|
|
2023
2086
|
position: relative;
|
|
2024
2087
|
top: 0;
|
|
2088
|
+
}
|
|
2089
|
+
.vtba-friendly-captcha-react {
|
|
2090
|
+
margin-top: 1rem;
|
|
2025
2091
|
}
|
package/dist/index.esm.css
CHANGED
|
@@ -344,13 +344,15 @@
|
|
|
344
344
|
font-size: clamp(1.5rem, 2vw, 28px);
|
|
345
345
|
font-weight: 100;
|
|
346
346
|
margin-bottom: 0.5rem;
|
|
347
|
-
color: #2d363a;
|
|
348
347
|
}
|
|
349
348
|
@media (min-width: 768px) {
|
|
350
349
|
.card-module__cmp-card--type-product_details__header__title___4KSqX {
|
|
351
350
|
max-width: 325px;
|
|
352
351
|
}
|
|
353
352
|
}
|
|
353
|
+
.card-module__cmp-card--type-product_details__header__title___4KSqX {
|
|
354
|
+
color: #2d363a;
|
|
355
|
+
}
|
|
354
356
|
.card-module__cmp-card--type-product_details__header__product-code___zf7yq {
|
|
355
357
|
font-size: 0.875rem;
|
|
356
358
|
color: #666;
|
|
@@ -394,6 +396,24 @@
|
|
|
394
396
|
.card-module__cmp-card--type-product_details___vsNOc ul.card-module__folding-specification-list___tIfSl li strong {
|
|
395
397
|
color: #333;
|
|
396
398
|
}
|
|
399
|
+
.card-module__cmp-card--type-product_details___vsNOc ul.card-module__facet-value-list___HtnIT {
|
|
400
|
+
display: flex;
|
|
401
|
+
flex-wrap: wrap;
|
|
402
|
+
gap: 0.5rem;
|
|
403
|
+
margin-top: 0.25rem;
|
|
404
|
+
padding: 0;
|
|
405
|
+
}
|
|
406
|
+
.card-module__cmp-card--type-product_details___vsNOc ul.card-module__facet-value-list___HtnIT li {
|
|
407
|
+
background-color: rgb(233, 233, 233);
|
|
408
|
+
padding: 0.25rem 0.5rem;
|
|
409
|
+
border-radius: 4px;
|
|
410
|
+
font-size: 0.85rem;
|
|
411
|
+
margin-bottom: 0;
|
|
412
|
+
}
|
|
413
|
+
.card-module__cmp-card--type-product_details___vsNOc ul.card-module__facet-value-list___HtnIT li .card-module__facet-value-unit___b722z {
|
|
414
|
+
color: rgb(130, 134, 136);
|
|
415
|
+
font-size: 0.75rem;
|
|
416
|
+
}
|
|
397
417
|
|
|
398
418
|
.card-module__folding-specification-holder___OtcQQ {
|
|
399
419
|
margin-bottom: 1rem;
|
|
@@ -436,6 +456,49 @@
|
|
|
436
456
|
.accordion-section.open .accordion-section__icon {
|
|
437
457
|
transform: rotate(180deg);
|
|
438
458
|
}
|
|
459
|
+
.FacetUnitSelector-module__facet-unit-selector___1Zdhx {
|
|
460
|
+
display: inline-flex;
|
|
461
|
+
align-items: center;
|
|
462
|
+
gap: 0.5rem;
|
|
463
|
+
margin-top: 0.25rem;
|
|
464
|
+
}
|
|
465
|
+
.FacetUnitSelector-module__facet-unit-selector__value___E-LAN {
|
|
466
|
+
font-weight: 600;
|
|
467
|
+
font-size: 0.95rem;
|
|
468
|
+
color: rgb(87, 94, 97);
|
|
469
|
+
}
|
|
470
|
+
.FacetUnitSelector-module__facet-unit-selector__unit___TxIk7 {
|
|
471
|
+
font-size: 0.85rem;
|
|
472
|
+
color: rgb(130, 134, 136);
|
|
473
|
+
}
|
|
474
|
+
.FacetUnitSelector-module__facet-unit-selector__dropdown___Xj3dK {
|
|
475
|
+
-webkit-appearance: none;
|
|
476
|
+
-moz-appearance: none;
|
|
477
|
+
appearance: none;
|
|
478
|
+
background-color: transparent;
|
|
479
|
+
border: none;
|
|
480
|
+
border-radius: 0;
|
|
481
|
+
padding: 0.25rem 1.75rem 0.25rem 0.5rem;
|
|
482
|
+
font-size: 0.85rem;
|
|
483
|
+
color: rgb(196, 38, 46);
|
|
484
|
+
cursor: pointer;
|
|
485
|
+
transition: border-color 0.2s ease, background-color 0.2s ease;
|
|
486
|
+
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23666' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
|
|
487
|
+
background-repeat: no-repeat;
|
|
488
|
+
background-position: right 0.5rem center;
|
|
489
|
+
}
|
|
490
|
+
.FacetUnitSelector-module__facet-unit-selector__dropdown___Xj3dK:hover {
|
|
491
|
+
border-color: rgb(172, 174, 176);
|
|
492
|
+
background-color: rgb(250, 250, 250);
|
|
493
|
+
}
|
|
494
|
+
.FacetUnitSelector-module__facet-unit-selector__dropdown___Xj3dK:focus {
|
|
495
|
+
outline: none;
|
|
496
|
+
border-color: rgb(196, 38, 46);
|
|
497
|
+
box-shadow: 0 0 0 2px rgba(196, 38, 46, 0.15);
|
|
498
|
+
}
|
|
499
|
+
.FacetUnitSelector-module__facet-unit-selector__dropdown___Xj3dK option {
|
|
500
|
+
padding: 0.5rem;
|
|
501
|
+
}
|
|
439
502
|
.Button-module__cmp-button___SMjDF {
|
|
440
503
|
font-family: "Calibri", "Calibri W05 Light", sans-serif;
|
|
441
504
|
text-transform: uppercase;
|
|
@@ -2022,4 +2085,7 @@
|
|
|
2022
2085
|
.qr-journey-form-wrapper.desktop-true .qr-form-thank-you-page .submitted-checked {
|
|
2023
2086
|
position: relative;
|
|
2024
2087
|
top: 0;
|
|
2088
|
+
}
|
|
2089
|
+
.vtba-friendly-captcha-react {
|
|
2090
|
+
margin-top: 1rem;
|
|
2025
2091
|
}
|
package/dist/index.esm.js
CHANGED
|
@@ -3,6 +3,7 @@ import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
|
|
|
3
3
|
import { faChevronDown, faChevronRight, faArrowRight } from '@fortawesome/pro-solid-svg-icons';
|
|
4
4
|
import { v4 } from 'uuid';
|
|
5
5
|
import { PhoneInput } from 'react-international-phone';
|
|
6
|
+
import { WidgetInstance } from 'friendly-challenge';
|
|
6
7
|
|
|
7
8
|
/******************************************************************************
|
|
8
9
|
Copyright (c) Microsoft Corporation.
|
|
@@ -163,7 +164,7 @@ typeof SuppressedError === "function" ? SuppressedError : function (error, suppr
|
|
|
163
164
|
return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
|
|
164
165
|
};
|
|
165
166
|
|
|
166
|
-
var styles$
|
|
167
|
+
var styles$3 = {"cmp-card":"card-module__cmp-card___45x9k","cmp-card__link":"card-module__cmp-card__link___OdszC","cmp-card__content-wrapper":"card-module__cmp-card__content-wrapper___gh335","cmp-card__content-category-wrapper":"card-module__cmp-card__content-category-wrapper___2vOjQ","cmp-card__content-category-wrapper__colour-edwards-red":"card-module__cmp-card__content-category-wrapper__colour-edwards-red___DYmt8","cmp-card__city-country":"card-module__cmp-card__city-country___dI13-","cmp-card__image-wrapper":"card-module__cmp-card__image-wrapper___IhPHw","placeholderImage":"card-module__placeholderImage___AXOh5","cmp-card--type-card-overlay":"card-module__cmp-card--type-card-overlay___344ul","cmp-card__title-wrapper":"card-module__cmp-card__title-wrapper___XHfZg","cmp-card__date":"card-module__cmp-card__date___7w-Ka","cmp-card__title":"card-module__cmp-card__title___cFKG8","cmp-card__footer":"card-module__cmp-card__footer___xcNXM","cmp-card--type-card-no-image":"card-module__cmp-card--type-card-no-image___G75ye","cmp-card--type-card-product":"card-module__cmp-card--type-card-product___IfqTr","cmp-card--type-card-product__wrapper":"card-module__cmp-card--type-card-product__wrapper___kulaR","cmp-card--type-card-product-no-image__wrapper":"card-module__cmp-card--type-card-product-no-image__wrapper___ot5Xe","cmp-card--type-card-product__image":"card-module__cmp-card--type-card-product__image___Bkb0A","cmp-card--type-card-product__meta":"card-module__cmp-card--type-card-product__meta___a7Tzc","cmp-card--type-card-product__title":"card-module__cmp-card--type-card-product__title___0JMQp","cmp-card--type-card-product__cta":"card-module__cmp-card--type-card-product__cta___qDSNo","cmp-card--type-card-product__prices":"card-module__cmp-card--type-card-product__prices___KWPS7","cmp-card--type-card-product__prices--login":"card-module__cmp-card--type-card-product__prices--login___gMhTo","show_prices":"card-module__show_prices___gjVhn","cmp-card--type-card-panel":"card-module__cmp-card--type-card-panel___95jYv","cmp-card__footer--color-malachite":"card-module__cmp-card__footer--color-malachite___jEnvy","cmp-card__footer--color-amethyst":"card-module__cmp-card__footer--color-amethyst___N55PL","cmp-card__footer--color-smokey-quartz-bright":"card-module__cmp-card__footer--color-smokey-quartz-bright___1mqyn","cmp-card__footer--color-olivine-bright":"card-module__cmp-card__footer--color-olivine-bright___O2urI","cmp-card--type-careers":"card-module__cmp-card--type-careers___Wqzcf","cmp-card--type-product_details":"card-module__cmp-card--type-product_details___vsNOc","cmp-card--type-product_details__product-info":"card-module__cmp-card--type-product_details__product-info___5L009","cmp-card--type-product_details__header":"card-module__cmp-card--type-product_details__header___Vb3-U","cmp-card--type-product_details__header__title":"card-module__cmp-card--type-product_details__header__title___4KSqX","cmp-card--type-product_details__header__product-code":"card-module__cmp-card--type-product_details__header__product-code___zf7yq","cmp-card--type-product_details__header__product-image":"card-module__cmp-card--type-product_details__header__product-image___Kyy35","cmp-card--type-product_details__spares-list":"card-module__cmp-card--type-product_details__spares-list___VQ31R","folding-spares-list":"card-module__folding-spares-list___ls5-n","folding-specification-list":"card-module__folding-specification-list___tIfSl","facet-value-list":"card-module__facet-value-list___HtnIT","facet-value-unit":"card-module__facet-value-unit___b722z","folding-specification-holder":"card-module__folding-specification-holder___OtcQQ","folding-spares-holder":"card-module__folding-spares-holder___OhMpO"};
|
|
167
168
|
|
|
168
169
|
function getDefaultExportFromCjs (x) {
|
|
169
170
|
return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;
|
|
@@ -317,15 +318,112 @@ var AccordionSection = function (_a) {
|
|
|
317
318
|
|
|
318
319
|
var placholderimg = "3697809e28f9e0fe.png";
|
|
319
320
|
|
|
320
|
-
|
|
321
|
+
/**
|
|
322
|
+
* Parses delimited facet values into a structured format
|
|
323
|
+
*
|
|
324
|
+
* Input format: "pressure_psi|2.90#pressure_inHg|5.91#pressure_bar|0.200"
|
|
325
|
+
* Where:
|
|
326
|
+
* - `#` separates different unit entries
|
|
327
|
+
* - `|` separates the unit key from the value
|
|
328
|
+
*/
|
|
329
|
+
/**
|
|
330
|
+
* Checks if a value is in the delimited facet format
|
|
331
|
+
*/
|
|
332
|
+
var isDelimitedFacetValue = function (value) {
|
|
333
|
+
if (typeof value !== 'string') return false;
|
|
334
|
+
// Must contain both # (entry separator) and | (key-value separator)
|
|
335
|
+
return value.includes('#') && value.includes('|');
|
|
336
|
+
};
|
|
337
|
+
/**
|
|
338
|
+
* Extracts the display unit from a raw key
|
|
339
|
+
* e.g., "pressure_psi" -> "psi"
|
|
340
|
+
* e.g., "volumeFlowRate_l/s" -> "l/s"
|
|
341
|
+
* e.g., "power_kW" -> "kW"
|
|
342
|
+
*/
|
|
343
|
+
var extractUnit = function (rawKey) {
|
|
344
|
+
var parts = rawKey.split('_');
|
|
345
|
+
if (parts.length > 1) {
|
|
346
|
+
// Return everything after the first underscore (handles units like "m/³h")
|
|
347
|
+
return parts.slice(1).join('_');
|
|
348
|
+
}
|
|
349
|
+
return rawKey;
|
|
350
|
+
};
|
|
351
|
+
/**
|
|
352
|
+
* Parses a delimited facet string into an array of entries
|
|
353
|
+
*/
|
|
354
|
+
var parseDelimitedFacetValue = function (value) {
|
|
355
|
+
if (!isDelimitedFacetValue(value)) {
|
|
356
|
+
return [];
|
|
357
|
+
}
|
|
358
|
+
var entries = value.split('#');
|
|
359
|
+
return entries.map(function (entry) {
|
|
360
|
+
var _a = entry.split('|'),
|
|
361
|
+
rawKey = _a[0],
|
|
362
|
+
val = _a[1];
|
|
363
|
+
if (!rawKey || val === undefined) return null;
|
|
364
|
+
return {
|
|
365
|
+
unit: extractUnit(rawKey),
|
|
366
|
+
value: val,
|
|
367
|
+
rawKey: rawKey
|
|
368
|
+
};
|
|
369
|
+
}).filter(function (entry) {
|
|
370
|
+
return entry !== null;
|
|
371
|
+
});
|
|
372
|
+
};
|
|
373
|
+
|
|
374
|
+
var styles$2 = {"facet-unit-selector":"FacetUnitSelector-module__facet-unit-selector___1Zdhx","facet-unit-selector__value":"FacetUnitSelector-module__facet-unit-selector__value___E-LAN","facet-unit-selector__unit":"FacetUnitSelector-module__facet-unit-selector__unit___TxIk7","facet-unit-selector__dropdown":"FacetUnitSelector-module__facet-unit-selector__dropdown___Xj3dK"};
|
|
375
|
+
|
|
321
376
|
// Utility function to retrieve correct SCSS module class names
|
|
322
|
-
var getStyle$
|
|
377
|
+
var getStyle$2 = function (className) {
|
|
323
378
|
if (styles$2[className]) return styles$2[className];
|
|
324
379
|
var nestedMatch = Object.keys(styles$2).find(function (key) {
|
|
325
380
|
return key.includes(className);
|
|
326
381
|
});
|
|
327
382
|
return nestedMatch ? styles$2[nestedMatch] : "";
|
|
328
383
|
};
|
|
384
|
+
var FacetUnitSelector = function (_a) {
|
|
385
|
+
var entries = _a.entries,
|
|
386
|
+
_b = _a.usePlainClasses,
|
|
387
|
+
usePlainClasses = _b === void 0 ? false : _b;
|
|
388
|
+
var _c = useState(0),
|
|
389
|
+
selectedIndex = _c[0],
|
|
390
|
+
setSelectedIndex = _c[1];
|
|
391
|
+
var getClassName = function (name) {
|
|
392
|
+
return usePlainClasses ? name : getStyle$2(name);
|
|
393
|
+
};
|
|
394
|
+
if (!entries || entries.length === 0) return null;
|
|
395
|
+
var selectedEntry = entries[selectedIndex];
|
|
396
|
+
var handleUnitChange = function (e) {
|
|
397
|
+
setSelectedIndex(Number(e.target.value));
|
|
398
|
+
};
|
|
399
|
+
return /*#__PURE__*/React.createElement("div", {
|
|
400
|
+
className: getClassName("facet-unit-selector")
|
|
401
|
+
}, /*#__PURE__*/React.createElement("span", {
|
|
402
|
+
className: getClassName("facet-unit-selector__value")
|
|
403
|
+
}, selectedEntry.value), entries.length > 1 ? /*#__PURE__*/React.createElement("select", {
|
|
404
|
+
className: getClassName("facet-unit-selector__dropdown"),
|
|
405
|
+
value: selectedIndex,
|
|
406
|
+
onChange: handleUnitChange,
|
|
407
|
+
"aria-label": "Select unit"
|
|
408
|
+
}, entries.map(function (entry, index) {
|
|
409
|
+
return /*#__PURE__*/React.createElement("option", {
|
|
410
|
+
key: entry.rawKey,
|
|
411
|
+
value: index
|
|
412
|
+
}, entry.unit);
|
|
413
|
+
})) : /*#__PURE__*/React.createElement("span", {
|
|
414
|
+
className: getClassName("facet-unit-selector__unit")
|
|
415
|
+
}, selectedEntry.unit));
|
|
416
|
+
};
|
|
417
|
+
|
|
418
|
+
var PLACEHOLDER_INDICATOR = "?placeholder-storybook";
|
|
419
|
+
// Utility function to retrieve correct SCSS module class names
|
|
420
|
+
var getStyle$1 = function (className) {
|
|
421
|
+
if (styles$3[className]) return styles$3[className];
|
|
422
|
+
var nestedMatch = Object.keys(styles$3).find(function (key) {
|
|
423
|
+
return key.includes(className);
|
|
424
|
+
});
|
|
425
|
+
return nestedMatch ? styles$3[nestedMatch] : "";
|
|
426
|
+
};
|
|
329
427
|
var cardSizeMapping = function (size) {
|
|
330
428
|
var classSrting;
|
|
331
429
|
if (size === "small") {
|
|
@@ -527,13 +625,20 @@ var ProductDetailsCard = function (_a) {
|
|
|
527
625
|
}, /*#__PURE__*/React.createElement("ul", {
|
|
528
626
|
className: getClassName("folding-specification-list")
|
|
529
627
|
}, facets && facets.map(function (facet) {
|
|
530
|
-
|
|
628
|
+
var facetValue = hit[facet.name];
|
|
629
|
+
if (!facetValue) return null;
|
|
630
|
+
// Check if value is in delimited format (e.g., "pressure_psi|2.90#pressure_bar|0.200")
|
|
631
|
+
var isDelimited = isDelimitedFacetValue(facetValue);
|
|
632
|
+
return /*#__PURE__*/React.createElement("li", {
|
|
531
633
|
key: facet.name
|
|
532
634
|
}, /*#__PURE__*/React.createElement("strong", null, facet.label), /*#__PURE__*/React.createElement("br", null), facet.returnsHTML ? /*#__PURE__*/React.createElement("span", {
|
|
533
635
|
dangerouslySetInnerHTML: {
|
|
534
|
-
__html:
|
|
636
|
+
__html: facetValue
|
|
535
637
|
}
|
|
536
|
-
}) :
|
|
638
|
+
}) : isDelimited ? /*#__PURE__*/React.createElement(FacetUnitSelector, {
|
|
639
|
+
entries: parseDelimitedFacetValue(facetValue),
|
|
640
|
+
usePlainClasses: usePlainClasses
|
|
641
|
+
}) : facetValue);
|
|
537
642
|
})))), /*#__PURE__*/React.createElement("div", {
|
|
538
643
|
className: getClassName("cmp-card--type-product_details__spares-list")
|
|
539
644
|
}, (hit === null || hit === void 0 ? void 0 : hit.spares) && hit.spares.length > 0 && /*#__PURE__*/React.createElement(AccordionSection, {
|
|
@@ -736,7 +841,7 @@ var AlgoliaDynamicSearch = function (_a, useScopedStyles, styles) {
|
|
|
736
841
|
var Component = Card$1;
|
|
737
842
|
var title = hit.title;
|
|
738
843
|
var cardStyle = "";
|
|
739
|
-
var imageUrl = hit.
|
|
844
|
+
var imageUrl = hit.image;
|
|
740
845
|
var hitUtm = new URLSearchParams({
|
|
741
846
|
utm_source: "web",
|
|
742
847
|
utm_medium: "alg",
|
|
@@ -1019,6 +1124,27 @@ var defaultQrFormTranslations = {
|
|
|
1019
1124
|
consent_requiredMessage: "Please acknowledge this consent"
|
|
1020
1125
|
};
|
|
1021
1126
|
|
|
1127
|
+
var FriendlyCaptcha = function (props) {
|
|
1128
|
+
useEffect(function () {
|
|
1129
|
+
console.log(props.element, "element");
|
|
1130
|
+
if (props.element) {
|
|
1131
|
+
var sdk = new WidgetInstance(props.element, {
|
|
1132
|
+
startMode: "auto",
|
|
1133
|
+
doneCallback: function (solution) {
|
|
1134
|
+
if (props.onComplete) props.onComplete(solution);
|
|
1135
|
+
if (props.doneCallback) props.doneCallback();
|
|
1136
|
+
}
|
|
1137
|
+
});
|
|
1138
|
+
try {
|
|
1139
|
+
sdk.start();
|
|
1140
|
+
} catch (e) {
|
|
1141
|
+
console.error("FriendlyCaptcha initialization failed", e);
|
|
1142
|
+
}
|
|
1143
|
+
}
|
|
1144
|
+
}, [props.element]);
|
|
1145
|
+
return null;
|
|
1146
|
+
};
|
|
1147
|
+
|
|
1022
1148
|
var QrForm = function (props) {
|
|
1023
1149
|
var _a;
|
|
1024
1150
|
var _b = useState(0),
|
|
@@ -1040,8 +1166,14 @@ var QrForm = function (props) {
|
|
|
1040
1166
|
var _g = useState(true);
|
|
1041
1167
|
_g[0];
|
|
1042
1168
|
var setIsLoadingCountries = _g[1];
|
|
1169
|
+
var _h = useState(null),
|
|
1170
|
+
captchaElRef = _h[0],
|
|
1171
|
+
setCaptchaElRef = _h[1];
|
|
1043
1172
|
// Use custom Button component if provided, otherwise use default
|
|
1044
1173
|
var Button$1 = props.ButtonComponent || Button;
|
|
1174
|
+
var _j = useState(false),
|
|
1175
|
+
showSubmit = _j[0],
|
|
1176
|
+
setShowSubmit = _j[1];
|
|
1045
1177
|
var i18n = __assign(__assign({}, defaultQrFormTranslations), props);
|
|
1046
1178
|
var buttonProps = props;
|
|
1047
1179
|
var consentFields = ((_a = props.consents) === null || _a === void 0 ? void 0 : _a.map(function (consent, index) {
|
|
@@ -1058,13 +1190,17 @@ var QrForm = function (props) {
|
|
|
1058
1190
|
errorMessage: consent.policyMandatory ? i18n.consent_requiredMessage : ""
|
|
1059
1191
|
};
|
|
1060
1192
|
})) || [];
|
|
1193
|
+
useRef(null);
|
|
1061
1194
|
useEffect(function () {
|
|
1062
1195
|
var initialValues = {};
|
|
1063
1196
|
props.fields.forEach(function (field) {
|
|
1064
1197
|
initialValues[field.name] = field.value || '';
|
|
1065
1198
|
});
|
|
1199
|
+
initialValues['portalId'] = props.hubspotAppId;
|
|
1200
|
+
initialValues['formId'] = props.hubspotId;
|
|
1201
|
+
initialValues['isChina'] = props.isChina ? "true" : "false";
|
|
1066
1202
|
setFormValues(initialValues);
|
|
1067
|
-
}, [props.fields]);
|
|
1203
|
+
}, [props.fields, props.hubspotAppId, props.hubspotId, props.isChina]);
|
|
1068
1204
|
useEffect(function () {
|
|
1069
1205
|
function loadCountries() {
|
|
1070
1206
|
return __awaiter(this, void 0, void 0, function () {
|
|
@@ -1391,13 +1527,13 @@ var QrForm = function (props) {
|
|
|
1391
1527
|
onClick: formNavigate,
|
|
1392
1528
|
"data-page_target": pageIndex + 1,
|
|
1393
1529
|
buttonStyle: "primary"
|
|
1394
|
-
}) : /*#__PURE__*/React.createElement(Button$1, {
|
|
1530
|
+
}) : /*#__PURE__*/React.createElement(React.Fragment, null, (!props.captchaKey || showSubmit) && /*#__PURE__*/React.createElement(Button$1, {
|
|
1395
1531
|
label: i18n === null || i18n === void 0 ? void 0 : i18n.submit,
|
|
1396
1532
|
onClick: handleSubmit,
|
|
1397
1533
|
buttonStyle: "primary",
|
|
1398
1534
|
element: "button",
|
|
1399
1535
|
type: "submit"
|
|
1400
|
-
}));
|
|
1536
|
+
})));
|
|
1401
1537
|
if (isPartial) {
|
|
1402
1538
|
return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
|
|
1403
1539
|
className: "qr-form-fields"
|
|
@@ -1431,7 +1567,7 @@ var QrForm = function (props) {
|
|
|
1431
1567
|
className: "bullet-point"
|
|
1432
1568
|
}, /*#__PURE__*/React.createElement("span", null, index + 1)), /*#__PURE__*/React.createElement("h3", null, pageTitles[index]));
|
|
1433
1569
|
}))), /*#__PURE__*/React.createElement("form", {
|
|
1434
|
-
action: "".concat(props.formAction
|
|
1570
|
+
action: "".concat(props.formAction),
|
|
1435
1571
|
onSubmit: handleSubmit
|
|
1436
1572
|
}, currentPage === 0 && /*#__PURE__*/React.createElement("section", {
|
|
1437
1573
|
key: 1,
|
|
@@ -1460,10 +1596,36 @@ var QrForm = function (props) {
|
|
|
1460
1596
|
}), renderFormSection({
|
|
1461
1597
|
pageIndex: 3,
|
|
1462
1598
|
sectionTitle: pageTitles[3]
|
|
1463
|
-
}), /*#__PURE__*/React.createElement("
|
|
1599
|
+
}), currentPage === pages.length - 1 && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
|
|
1600
|
+
id: "frc-widget",
|
|
1601
|
+
className: "vtba-friendly-captcha-react",
|
|
1602
|
+
"data-rad": "test",
|
|
1603
|
+
"data-sitekey": props.captchaKey,
|
|
1604
|
+
ref: function (el) {
|
|
1605
|
+
setCaptchaElRef(el);
|
|
1606
|
+
}
|
|
1607
|
+
}), !!props.captchaKey && captchaElRef && /*#__PURE__*/React.createElement(FriendlyCaptcha, {
|
|
1608
|
+
sitekey: props.captchaKey,
|
|
1609
|
+
doneCallback: function () {
|
|
1610
|
+
setShowSubmit(true);
|
|
1611
|
+
},
|
|
1612
|
+
element: captchaElRef
|
|
1613
|
+
})), /*#__PURE__*/React.createElement("input", {
|
|
1464
1614
|
type: "hidden",
|
|
1465
1615
|
name: "ip_location",
|
|
1466
1616
|
value: formValues.ip_location || ''
|
|
1617
|
+
}), /*#__PURE__*/React.createElement("input", {
|
|
1618
|
+
type: "hidden",
|
|
1619
|
+
name: "portalId",
|
|
1620
|
+
value: props.hubspotAppId
|
|
1621
|
+
}), /*#__PURE__*/React.createElement("input", {
|
|
1622
|
+
type: "hidden",
|
|
1623
|
+
name: "formId",
|
|
1624
|
+
value: props.hubspotId
|
|
1625
|
+
}), /*#__PURE__*/React.createElement("input", {
|
|
1626
|
+
type: "hidden",
|
|
1627
|
+
name: "isChina",
|
|
1628
|
+
value: props.isChina ? "true" : "false"
|
|
1467
1629
|
}))) : /*#__PURE__*/React.createElement("div", {
|
|
1468
1630
|
className: "qr-form-thank-you-page"
|
|
1469
1631
|
}, /*#__PURE__*/React.createElement("div", {
|