@artaio/arta-browser - npm Package Compare versions

Comparing version 2.3.5 to 2.3.6

dist/components/Destination/index.d.ts

@@ -11,3 +11,3 @@ import { ArtaLocation } from '../../MetadataTypes';
     detailOriginLabel: string;
-    backgroundColor: string;
+    background: string;
 }
@@ -14,0 +14,0 @@ export declare const defaultDestinationConfig: {

dist/components/Destination/index.js

@@ -53,8 +53,8 @@ "use strict";
     };
-    return ((0, jsx_runtime_1.jsxs)("div", __assign({ className: "artajs__modal__form" }, { children: [(0, jsx_runtime_1.jsx)("p", __assign({ class: "artajs__modal__form__row__context" }, { children: textConfig.descriptionLabel })), (0, jsx_runtime_1.jsx)("p", __assign({ class: "artajs__modal__form__row__location" }, { children: parsedOrigin ? ((0, jsx_runtime_1.jsxs)("span", { children: [(0, jsx_runtime_1.jsx)("span", __assign({ class: "artajs__modal__capitalize" }, { children: parsedOrigin })), ' ', (0, jsx_runtime_1.jsx)("span", __assign({ class: "artajs__modal__form__light" }, { children: textConfig.detailOriginLabel }))] })) : ((0, jsx_runtime_1.jsx)("span", { children: "..." })) })), (0, jsx_runtime_1.jsxs)("form", __assign({ onSubmit: onFormSubmit }, { children: [(0, jsx_runtime_1.jsx)("div", __assign({ className: "artajs__modal__form__row" }, { children: (0, jsx_runtime_1.jsxs)("label", __assign({ class: "artajs__modal__textfield__outlined ".concat(isDestinationError
-                                ? 'artajs__modal__textfield__outlined__error'
-                                : ''), for: "country" }, { children: [(0, jsx_runtime_1.jsx)("select", __assign({ id: "country", onChange: onCountryChange, placeholder: " ", value: country }, { children: countries_1.countries.map(function (c) { return ((0, jsx_runtime_1.jsx)("option", __assign({ value: c.code }, { children: c.name }), c.code)); }) })), (0, jsx_runtime_1.jsx)("span", { children: textConfig.countryLabel })] })) })), (0, jsx_runtime_1.jsx)("div", __assign({ className: "artajs__modal__form__row" }, { children: (0, jsx_runtime_1.jsxs)("label", __assign({ class: "artajs__modal__textfield__outlined ".concat(isDestinationError
-                                ? 'artajs__modal__textfield__outlined__error'
-                                : ''), for: "postal_code" }, { children: [(0, jsx_runtime_1.jsx)("input", { id: "postal_code", onInput: onPostalCodeInput, placeholder: " ", type: "text", value: postalCode }), (0, jsx_runtime_1.jsx)("span", { children: isWithoutPostal ? textConfig.cityLabel : textConfig.zipLabel })] })) })), (0, jsx_runtime_1.jsx)("div", __assign({ className: "artajs__modal__form__row" }, { children: (0, jsx_runtime_1.jsxs)("button", __assign({ disabled: !enabled || postalCode === '' ? true : false, type: "submit" }, { children: [textConfig.buttonText, (0, jsx_runtime_1.jsx)("div", __assign({ class: "artajs__modal__form__arrow__container" }, { children: (0, jsx_runtime_1.jsx)("svg", __assign({ width: "20", height: "8", viewBox: "0 0 20 8", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: (0, jsx_runtime_1.jsx)("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M16.4144 0.292893C16.0239 -0.0976312 15.3907 -0.0976313 15.0002 0.292893C14.6096 0.683417 14.6096 1.31658 15.0002 1.70711L16.193 2.90002L1.00008 2.90002C0.44779 2.90002 7.61476e-05 3.34774 7.61235e-05 3.90002C7.60993e-05 4.45231 0.44779 4.90002 1.00008 4.90002L16.1501 4.90002L15.0001 6.05003C14.6096 6.44055 14.6096 7.07372 15.0001 7.46424C15.3906 7.85477 16.0238 7.85477 16.4143 7.46424L20 3.87861L16.4144 0.292893Z", fill: "".concat(textConfig.backgroundColor) }) })) }))] })) }))] }))] })));
+    return ((0, jsx_runtime_1.jsxs)("div", __assign({ className: "artajs__modal__form" }, { children: [(0, jsx_runtime_1.jsx)("p", __assign({ class: "artajs__modal__form__row__context" }, { children: textConfig.descriptionLabel })), (0, jsx_runtime_1.jsx)("p", __assign({ class: "artajs__modal__form__row__location" }, { children: parsedOrigin ? ((0, jsx_runtime_1.jsxs)("span", { children: [(0, jsx_runtime_1.jsx)("strong", __assign({ class: "artajs__modal__capitalize" }, { children: parsedOrigin })), ' ', (0, jsx_runtime_1.jsx)("span", __assign({ class: "artajs__modal__form__light" }, { children: textConfig.detailOriginLabel }))] })) : ((0, jsx_runtime_1.jsx)("span", { children: "..." })) })), (0, jsx_runtime_1.jsxs)("form", __assign({ onSubmit: onFormSubmit }, { children: [(0, jsx_runtime_1.jsxs)("div", __assign({ className: "artajs__modal__form__row" }, { children: [(0, jsx_runtime_1.jsx)("strong", __assign({ className: "artajs__modal__form__label" }, { children: textConfig.countryLabel })), (0, jsx_runtime_1.jsx)("label", __assign({ class: "artajs__modal__textfield__outlined ".concat(isDestinationError
+                                    ? 'artajs__modal__textfield__outlined__error'
+                                    : ''), for: "country" }, { children: (0, jsx_runtime_1.jsx)("select", __assign({ id: "country", onChange: onCountryChange, placeholder: " ", value: country }, { children: countries_1.countries.map(function (c) { return ((0, jsx_runtime_1.jsx)("option", __assign({ value: c.code }, { children: c.name }), c.code)); }) })) }))] })), (0, jsx_runtime_1.jsxs)("div", __assign({ className: "artajs__modal__form__row" }, { children: [(0, jsx_runtime_1.jsx)("strong", __assign({ className: "artajs__modal__form__label" }, { children: isWithoutPostal ? textConfig.cityLabel : textConfig.zipLabel })), (0, jsx_runtime_1.jsx)("label", __assign({ class: "artajs__modal__textfield__outlined ".concat(isDestinationError
+                                    ? 'artajs__modal__textfield__outlined__error'
+                                    : ''), for: "postal_code" }, { children: (0, jsx_runtime_1.jsx)("input", { id: "postal_code", onInput: onPostalCodeInput, placeholder: " ", type: "text", value: postalCode }) }))] })), (0, jsx_runtime_1.jsx)("div", __assign({ className: "artajs__modal__form__row" }, { children: (0, jsx_runtime_1.jsx)("button", __assign({ disabled: !enabled || postalCode === '' ? true : false, type: "submit" }, { children: textConfig.buttonText })) }))] }))] })));
 };
 exports.Destination = Destination;

dist/components/Disqualified/index.js

@@ -33,4 +33,4 @@ "use strict";
     var parsedDestination = (0, helper_1.parseEstimatedLocation)(quoteRequest.destination);
-    return ((0, jsx_runtime_1.jsxs)("div", __assign({ class: "artajs__modal__quotes" }, { children: [(0, jsx_runtime_1.jsx)("p", __assign({ class: "artajs__modal__quotes__context" }, { children: textConfig.shipFromLabel })), (0, jsx_runtime_1.jsx)("p", __assign({ class: "artajs__modal__quotes__origin" }, { children: (0, jsx_runtime_1.jsxs)("span", { children: [(0, jsx_runtime_1.jsx)("span", __assign({ class: "artajs__modal__capitalize" }, { children: parsedOrigin })), ' ', (0, jsx_runtime_1.jsx)("span", __assign({ class: "artajs__modal__quotes__light" }, { children: textConfig.detailOriginLabel }))] }) })), (0, jsx_runtime_1.jsxs)("p", __assign({ class: "artajs__modal__quotes__destination" }, { children: [(0, jsx_runtime_1.jsx)("span", __assign({ class: "artajs__modal__quotes__small" }, { children: textConfig.shipToLabel })), ' ', (0, jsx_runtime_1.jsxs)("span", { children: [(0, jsx_runtime_1.jsx)("strong", __assign({ class: "artajs__modal__capitalize" }, { children: parsedDestination })), ' ', (0, jsx_runtime_1.jsx)("span", __assign({ class: "artajs__modal__quotes__light" }, { children: textConfig.detailDestinationLabel }))] })] })), (0, jsx_runtime_1.jsx)("div", __assign({ class: "artajs__modal__quotes__box" }, { children: (0, jsx_runtime_1.jsxs)("p", __assign({ class: "artajs__modal__quotes__disqualified" }, { children: [textConfig.emailHeaderLabel, (0, jsx_runtime_1.jsx)("br", {}), (0, jsx_runtime_1.jsx)("a", __assign({ class: "artajs__modal__quotes__box__link", href: "mailto:".concat(textConfig.contactEmail) }, { children: textConfig.contactEmail })), (0, jsx_runtime_1.jsx)("br", {}), textConfig.emailFooterLabel] })) })), (0, jsx_runtime_1.jsx)("p", __assign({ class: "artajs__modal__quotes__change" }, { children: (0, jsx_runtime_1.jsxs)("a", __assign({ onClick: onChangeDestination, href: "#" }, { children: [(0, jsx_runtime_1.jsx)("svg", __assign({ width: "20", height: "8", viewBox: "0 0 20 8", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: (0, jsx_runtime_1.jsx)("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M3.58562 7.46419C3.97614 7.85471 4.60931 7.85471 4.99983 7.46419C5.39036 7.07366 5.39036 6.4405 4.99983 6.04997L3.80697 4.85706L18.9999 4.85706C19.5522 4.85706 19.9999 4.40934 19.9999 3.85706C19.9999 3.30477 19.5522 2.85706 18.9999 2.85706L3.84988 2.85706L4.99993 1.70705C5.39045 1.31653 5.39045 0.683363 4.99993 0.292839C4.6094 -0.0976858 3.97624 -0.0976858 3.58571 0.292839L4.62519e-08 3.87847L3.58562 7.46419Z", fill: "#99A5B2" }) })), textConfig.returnLinkLabel] })) }))] })));
+    return ((0, jsx_runtime_1.jsxs)("div", __assign({ class: "artajs__modal__quotes" }, { children: [(0, jsx_runtime_1.jsx)("p", __assign({ class: "artajs__modal__quotes__context" }, { children: textConfig.shipFromLabel })), (0, jsx_runtime_1.jsx)("p", __assign({ class: "artajs__modal__quotes__origin" }, { children: (0, jsx_runtime_1.jsxs)("span", { children: [(0, jsx_runtime_1.jsx)("span", __assign({ class: "artajs__modal__capitalize" }, { children: parsedOrigin })), ' ', (0, jsx_runtime_1.jsx)("span", __assign({ class: "artajs__modal__quotes__light" }, { children: textConfig.detailOriginLabel }))] }) })), (0, jsx_runtime_1.jsxs)("p", __assign({ class: "artajs__modal__quotes__destination" }, { children: [(0, jsx_runtime_1.jsx)("span", __assign({ class: "artajs__modal__quotes__small" }, { children: textConfig.shipToLabel })), ' ', (0, jsx_runtime_1.jsxs)("span", { children: [(0, jsx_runtime_1.jsx)("strong", __assign({ class: "artajs__modal__capitalize" }, { children: parsedDestination })), ' ', (0, jsx_runtime_1.jsx)("span", __assign({ class: "artajs__modal__quotes__light" }, { children: textConfig.detailDestinationLabel }))] })] })), (0, jsx_runtime_1.jsx)("div", __assign({ class: "artajs__modal__quotes__box" }, { children: (0, jsx_runtime_1.jsxs)("p", __assign({ class: "artajs__modal__quotes__disqualified" }, { children: [textConfig.emailHeaderLabel, (0, jsx_runtime_1.jsx)("br", {}), (0, jsx_runtime_1.jsx)("a", __assign({ class: "artajs__modal__quotes__box__link", href: "mailto:".concat(textConfig.contactEmail) }, { children: textConfig.contactEmail })), (0, jsx_runtime_1.jsx)("br", {}), textConfig.emailFooterLabel] })) })), (0, jsx_runtime_1.jsx)("p", __assign({ class: "artajs__modal__quotes__change" }, { children: (0, jsx_runtime_1.jsxs)("a", __assign({ onClick: onChangeDestination, href: "#" }, { children: [(0, jsx_runtime_1.jsx)("svg", __assign({ height: "32", id: "chevron-left", viewBox: "0 0 32 32", width: "32", xmlns: "http://www.w3.org/2000/svg" }, { children: (0, jsx_runtime_1.jsx)("path", { d: "M20 1 L24 5 L14 16 L24 27 L20 31 L6 16 z" }) })), textConfig.returnLinkLabel] })) }))] })));
 };
 exports.Disqualified = Disqualified;

dist/components/Footer/index.d.ts

@@ -1,6 +0,1 @@
-interface FooterOpts {
-    primaryColor: string;
-    poweredByButtonColor: string;
-}
-export declare const Footer: ({ primaryColor, poweredByButtonColor }: FooterOpts) => import("preact").JSX.Element;
-export {};
+export declare const Footer: () => import("preact").JSX.Element;

dist/components/Footer/index.js

@@ -16,6 +16,5 @@ "use strict";
 var jsx_runtime_1 = require("preact/jsx-runtime");
-var Footer = function (_a) {
-    var primaryColor = _a.primaryColor, poweredByButtonColor = _a.poweredByButtonColor;
-    return ((0, jsx_runtime_1.jsx)("div", __assign({ class: "artajs__modal__footer" }, { children: (0, jsx_runtime_1.jsx)("a", __assign({ class: "artajs__modal__footer__link", href: "https://arta.io/" }, { children: (0, jsx_runtime_1.jsxs)("svg", __assign({ width: "138", height: "24", viewBox: "0 0 138 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: [(0, jsx_runtime_1.jsx)("path", { d: "M0 12C0 5.37258 5.37258 0 12 0H126C132.627 0 138 5.37258 138 12C138 18.6274 132.627 24 126 24H12C5.37258 24 0 18.6274 0 12Z", fill: poweredByButtonColor }), (0, jsx_runtime_1.jsx)("path", { d: "M18.388 8.971C19.609 8.971 20.137 9.499 20.137 10.511C20.137 11.534 19.543 12.095 18.3 12.095H16.892V8.971H18.388ZM15.869 16H16.892V12.953H18.333C20.258 12.953 21.149 11.985 21.149 10.478C21.149 8.982 20.258 8.08 18.454 8.08H15.869V16ZM22.6958 13.118C22.6958 11.655 23.3998 10.951 24.3568 10.951C25.3028 10.951 26.0398 11.622 26.0398 13.118C26.0398 14.603 25.2918 15.274 24.3458 15.274C23.3888 15.274 22.6958 14.603 22.6958 13.118ZM21.6728 13.14C21.6728 15.043 22.6628 16.132 24.2908 16.132C25.9408 16.132 27.0628 15.043 27.0628 13.118C27.0628 11.16 26.0398 10.093 24.4338 10.093C22.7728 10.093 21.6728 11.193 21.6728 13.14ZM34.4229 10.225L33.4109 14.867L32.0469 10.269H31.1119L29.8249 14.867L28.7689 10.225H27.8009L29.2529 16H30.2979L31.5739 11.578L32.8939 16H33.9389L35.3909 10.225H34.4229ZM40.6415 14.702C40.0365 15.12 39.5195 15.307 38.8925 15.307C37.6935 15.307 37.1985 14.504 37.1765 13.404H41.1145C41.1255 13.316 41.1255 12.997 41.1255 12.898C41.1255 10.995 40.3115 10.093 38.8045 10.093C37.1765 10.093 36.1425 11.292 36.1425 13.14C36.1425 15.142 37.1765 16.132 38.8155 16.132C39.6185 16.132 40.3775 15.901 41.0265 15.362L40.6415 14.702ZM37.1765 12.612C37.2095 12.051 37.5285 10.896 38.8155 10.896C39.8385 10.896 40.1685 11.677 40.1795 12.612H37.1765ZM43.2469 10.225H42.4439V16H43.4119V12.007C43.6099 11.589 44.0499 11.072 44.5669 11.072C44.7539 11.072 44.9079 11.083 45.0619 11.138L45.1609 10.192C45.0069 10.137 44.8089 10.093 44.6219 10.093C44.0499 10.093 43.5769 10.544 43.3129 11.105L43.2469 10.225ZM50.1806 14.702C49.5756 15.12 49.0586 15.307 48.4316 15.307C47.2326 15.307 46.7376 14.504 46.7156 13.404H50.6536C50.6646 13.316 50.6646 12.997 50.6646 12.898C50.6646 10.995 49.8506 10.093 48.3436 10.093C46.7156 10.093 45.6816 11.292 45.6816 13.14C45.6816 15.142 46.7156 16.132 48.3546 16.132C49.1576 16.132 49.9166 15.901 50.5656 15.362L50.1806 14.702ZM46.7156 12.612C46.7486 12.051 47.0676 10.896 48.3546 10.896C49.3776 10.896 49.7076 11.677 49.7186 12.612H46.7156ZM56.0529 16H56.8999V8.08H55.9319V10.951C55.5249 10.478 54.9639 10.093 54.1279 10.093C52.6429 10.093 51.7299 11.248 51.7299 13.129C51.7299 14.944 52.4779 16.132 54.0949 16.132C55.0849 16.132 55.7009 15.582 55.9869 15.219L56.0529 16ZM55.9319 14.339C55.6129 14.724 55.1069 15.252 54.3479 15.252C53.1269 15.252 52.7529 14.196 52.7529 13.118C52.7529 11.71 53.3579 10.984 54.2379 10.984C55.0959 10.984 55.6679 11.611 55.9319 11.952V14.339ZM61.7595 11.919C62.1115 11.49 62.6615 10.962 63.4425 10.962C64.3885 10.962 64.9385 11.699 64.9385 13.129C64.9385 14.559 64.3445 15.263 63.4095 15.263C62.6395 15.263 62.0235 14.812 61.7595 14.416V11.919ZM61.5945 16L61.6605 15.23C61.9135 15.593 62.5295 16.132 63.4865 16.132C65.1915 16.132 65.9615 14.933 65.9615 13.096C65.9615 11.204 65.1365 10.093 63.6405 10.093C62.8375 10.093 62.2215 10.456 61.7595 11.017V8.08H60.7915V16H61.5945ZM70.6154 10.225L69.1084 14.878L67.6014 10.225H66.5674L68.6134 16L68.5144 16.308C68.2064 17.265 67.9644 17.485 67.5024 17.485C67.1614 17.485 66.8754 17.43 66.7214 17.397L66.6224 18.09C66.9084 18.167 67.2164 18.222 67.6124 18.222C68.7674 18.222 68.9874 17.628 69.5374 16.077L71.6054 10.225H70.6154Z", fill: primaryColor }), (0, jsx_runtime_1.jsx)("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M96.9267 12.2117C98.0417 12.2117 99.0119 11.3103 99.0119 10.1555C99.0119 9.08502 98.0417 8.16952 96.9267 8.16952H94.1177V12.2117H96.9267ZM92.9712 7.40866C92.9712 7.26768 93.0871 7.14105 93.2462 7.14105H96.9965C98.7342 7.14105 100.153 8.46488 100.153 10.141C100.153 11.4368 99.27 12.5213 98.0102 13.0141L99.994 16.5915C100.095 16.7746 99.994 16.9999 99.7478 16.9999H99.0093C98.879 16.9999 98.8065 16.9295 98.7775 16.8732L96.8519 13.1409H94.0861V16.7323C94.0861 16.8732 93.9559 16.9999 93.8111 16.9999H93.2462C93.0871 16.9999 92.9712 16.8732 92.9712 16.7323V7.40866Z", fill: primaryColor }), (0, jsx_runtime_1.jsx)("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M107.177 8.08424H104.657C104.498 8.08424 104.382 7.95748 104.382 7.81663V7.40817C104.382 7.26733 104.498 7.14056 104.657 7.14056H110.797C110.956 7.14056 111.072 7.26733 111.072 7.40817V7.81663C111.072 7.95748 110.956 8.08424 110.797 8.08424H108.277V16.732C108.277 16.8728 108.147 16.9996 108.002 16.9996H107.452C107.307 16.9996 107.177 16.8728 107.177 16.732V8.08424Z", fill: primaryColor }), (0, jsx_runtime_1.jsx)("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M120.804 13.6476C120.094 12.1125 119.399 10.5632 118.69 9.02799H118.574L116.46 13.6476H120.804ZM113.925 16.6335L118.327 7.15493C118.37 7.07042 118.443 7 118.573 7H118.718C118.848 7 118.921 7.07042 118.964 7.15493L123.337 16.6335C123.424 16.8166 123.308 16.9997 123.091 16.9997H122.512C122.381 16.9997 122.294 16.9152 122.266 16.8448L121.194 14.521H116.054L114.997 16.8448C114.968 16.9152 114.881 16.9997 114.75 16.9997H114.171C113.954 16.9997 113.838 16.8166 113.925 16.6335Z", fill: primaryColor }), (0, jsx_runtime_1.jsx)("path", { d: "M83.187 7.14471L86.0249 13.3149L81.2631 15.2707L79 16.2003L83.187 7.14471Z", stroke: primaryColor, "stroke-opacity": "0.5", "stroke-width": "1.08043", "stroke-linecap": "round", "stroke-linejoin": "round" }), (0, jsx_runtime_1.jsx)("path", { d: "M87.364 16.2003L83.177 7.14471L80.3392 13.3149L87.364 16.2003", stroke: primaryColor, "stroke-width": "1.08043", "stroke-linecap": "round", "stroke-linejoin": "round" })] })) })) })));
+var Footer = function () {
+    return ((0, jsx_runtime_1.jsx)("div", __assign({ class: "artajs__modal__footer" }, { children: (0, jsx_runtime_1.jsxs)("button", __assign({ class: "artajs__modal__footer__link", href: "https://arta.io/" }, { children: [(0, jsx_runtime_1.jsx)("p", { children: "Powered by" }), (0, jsx_runtime_1.jsxs)("svg", __assign({ width: "48", height: "16", viewBox: "0 0 162 55", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: [(0, jsx_runtime_1.jsx)("path", { d: "M28.9479 35.0757C28.5127 35.0875 28.0581 35.0915 27.5879 35.0993C23.5469 35.1506 19.5835 35.5135 15.6785 36.6338C12.3096 37.6002 9.47698 39.2175 7.35542 42.1011C7.18057 42.3456 7.00572 42.606 6.83863 42.8703C6.75315 43.0044 6.67155 43.1346 6.58995 43.2647C5.51363 45.0201 4.64325 46.8977 4.64325 46.8977C3.78841 48.9884 2.21861 51.4696 0.264131 52.933C-0.237117 53.3038 0.0232212 54.1006 0.641038 54.1006H8.97185C9.53915 54.1006 9.84223 53.3946 9.43036 53.0001C8.43175 52.0415 8.07815 50.9094 7.81004 49.2764C7.41371 46.8741 8.70374 44.3456 10.1919 42.5705C11.9288 40.4956 14.2097 39.4069 16.7626 38.7205C16.9141 38.6811 17.0656 38.6416 17.2172 38.6022C20.6404 37.7422 24.0986 37.4622 27.6113 37.4227C28.0892 37.4148 28.5516 37.4109 28.9984 37.3991C29.6318 37.3833 30.1292 36.8508 30.1136 36.2078C30.0981 35.5648 29.5774 35.0599 28.9402 35.0757H28.9479Z" }), (0, jsx_runtime_1.jsx)("path", { d: "M54.4065 54.1006H35.1765C34.6053 54.1006 34.3139 53.3945 34.7258 52.9961C35.7011 52.0731 36.2179 50.6372 36.2179 48.9213C36.2179 47.2054 35.6855 44.7519 34.5393 41.6632L33.02 37.4858L32.1069 35.0914H32.103C32.0058 34.7601 28.7963 24.2753 25.2332 14.9068C23.0339 9.09632 20.3878 2.27605 18.9462 1.37273C18.7985 1.27806 18.6742 1.17156 18.5771 1.05716C18.2157 0.642975 18.5149 0 19.0589 0H33.4008C33.731 0 34.0108 0.260346 34.0302 0.603529C34.1429 2.50484 34.7724 4.88345 36.1401 8.57958L38.5803 14.9028L48.6286 40.9532C50.9911 47.1541 52.6969 51.0948 54.8068 52.9488C55.2575 53.3472 54.9972 54.0927 54.4027 54.0927L54.4065 54.1006Z", fill: "#5BB988" }), (0, jsx_runtime_1.jsx)("path", { d: "M84.8778 16.4925C80.5376 16.4925 77.7749 18.4372 76.2284 20.0505C75.8243 20.4687 76.2711 21.1471 76.8112 20.942C77.5495 20.658 78.4082 20.4726 79.267 20.5949C81.7616 20.9499 81.4662 22.8197 82.0646 24.7013C82.7757 26.926 84.4621 28.5394 87.2597 28.5394C90.3061 28.5394 92.7773 26.0661 92.7773 22.938C92.7773 20.1491 90.6208 16.4885 84.8817 16.4885L84.8778 16.4925Z", fill: "#5BB988" }), (0, jsx_runtime_1.jsx)("path", { d: "M78.0508 52.8818C77.2154 52.3374 74.8801 50.2665 74.8801 44.1681V23.4706C74.8801 19.881 72.0125 16.9698 68.4766 16.9698H63.0134H60.1652C59.8272 16.9698 59.5513 17.2499 59.5513 17.5931V17.6325C59.5513 17.8495 59.664 18.0467 59.8427 18.1651C60.6781 18.7094 63.0134 20.7804 63.0134 26.8788V44.172C63.0134 50.2665 60.6742 52.3374 59.8427 52.8857C59.664 53.0041 59.5513 53.2013 59.5513 53.4182V53.4577C59.5513 53.8009 59.8272 54.0809 60.1652 54.0809H63.0134H74.8801H77.7283C78.0663 54.0809 78.3422 53.8009 78.3422 53.4577V53.4182C78.3422 53.2013 78.2295 53.0041 78.0508 52.8857V52.8818Z", fill: "#5BB988" }), (0, jsx_runtime_1.jsx)("path", { d: "M119.798 16.9541H111.922V16.5004V5.96827C111.922 5.39629 111.191 5.17145 110.881 5.64875C108.708 8.97013 103.412 16.102 97.5878 16.887C96.9894 16.9659 96.5542 17.5024 96.5542 18.1177C96.5542 18.8041 97.1021 19.3642 97.7821 19.3642H100.055C100.055 25.4548 100.055 39.4069 100.055 44.5428C100.055 51.1974 103.995 55 109.761 55C114.199 55 117.296 52.3808 118.889 50.6018C119.27 50.1758 118.916 49.4933 118.357 49.5762C115.52 50.014 111.922 48.5269 111.922 43.5606V19.3563H119.884C120.513 19.3563 121.026 18.8357 121.026 18.1966C121.026 17.5103 120.478 16.9501 119.798 16.9501V16.9541Z", fill: "#5BB988" }), (0, jsx_runtime_1.jsx)("path", { d: "M144.48 32.7444C145.043 32.2869 144.538 31.3875 143.866 31.6439C137.315 34.1527 125.541 39.687 125.541 47.0358C125.541 53.4301 131.031 54.9922 134.497 54.9922C140.909 54.9922 144.068 51.5643 145.257 49.8247C145.521 49.4381 145.245 48.9174 144.787 48.9293C142.673 49.0003 138.119 48.4875 138.119 42.7323C138.119 38.7363 141.62 35.0678 144.48 32.7405V32.7444Z", fill: "#5BB988" }), (0, jsx_runtime_1.jsx)("path", { d: "M161.713 52.8266C160.877 52.2822 158.542 50.2113 158.542 44.1129V29.1036C158.542 22.3306 152.721 16.39 142.937 16.39C130.903 16.39 127.216 21.5417 125.949 23.8611C123.14 29.0089 125.285 32.638 127.678 33.9989C130.072 35.3598 133.701 34.5195 135.177 31.8135C136.499 29.3915 135.861 26.4133 133.802 24.7369C133.802 24.7369 133.802 24.729 133.794 24.725C133.242 24.2793 131.202 22.3504 132.322 20.6305C133.293 19.1394 135.306 18.2558 138.309 18.2558C144.604 18.2558 146.671 25.6283 146.671 30.9852V47.5132C146.671 51.1028 149.539 54.0139 153.075 54.0139H158.538H161.386C161.724 54.0139 162 53.7339 162 53.3907V53.3512C162 53.1343 161.887 52.937 161.709 52.8187L161.713 52.8266Z", fill: "#5BB988" })] }))] })) })));
 };
 exports.Footer = Footer;

dist/components/Header/index.d.ts

 interface HeaderOpts {
     onClose: (e: any) => void;
     title: string;
+    lineColor: string;
 }
-export declare const Header: ({ onClose, title }: HeaderOpts) => import("preact").JSX.Element;
+export declare const Header: ({ onClose, title, lineColor }: HeaderOpts) => import("preact").JSX.Element;
 export {};

dist/components/Header/index.js

@@ -17,5 +17,5 @@ "use strict";
 var Header = function (_a) {
-    var onClose = _a.onClose, title = _a.title;
-    return ((0, jsx_runtime_1.jsxs)("div", __assign({ class: "artajs__modal__header" }, { children: [(0, jsx_runtime_1.jsx)("div", __assign({ className: "artajs__modal__header__cta" }, { children: title })), (0, jsx_runtime_1.jsx)("div", __assign({ className: "artajs__modal__header__close" }, { children: (0, jsx_runtime_1.jsx)("a", __assign({ onClick: onClose, href: "#" }, { children: (0, jsx_runtime_1.jsxs)("svg", __assign({ width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: [(0, jsx_runtime_1.jsx)("line", { x1: "6.70711", y1: "6.29289", x2: "18.0208", y2: "17.6066", stroke: "#99A5B2", "stroke-width": "2" }), (0, jsx_runtime_1.jsx)("line", { x1: "6.29289", y1: "17.6066", x2: "17.6066", y2: "6.29291", stroke: "#99A5B2", "stroke-width": "2" })] })) })) }))] })));
+    var onClose = _a.onClose, title = _a.title, lineColor = _a.lineColor;
+    return ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsxs)("div", __assign({ class: "artajs__modal__header" }, { children: [(0, jsx_runtime_1.jsx)("div", __assign({ className: "artajs__modal__header__cta" }, { children: title })), (0, jsx_runtime_1.jsx)("div", __assign({ className: "artajs__modal__header__close" }, { children: (0, jsx_runtime_1.jsx)("a", __assign({ onClick: onClose, href: "#" }, { children: (0, jsx_runtime_1.jsxs)("svg", __assign({ width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: [(0, jsx_runtime_1.jsx)("line", { x1: "6.70711", y1: "6.29289", x2: "18.0208", y2: "17.6066", "stroke-width": "2" }), (0, jsx_runtime_1.jsx)("line", { x1: "6.29289", y1: "17.6066", x2: "17.6066", y2: "6.29291", "stroke-width": "2" })] })) })) }))] })), (0, jsx_runtime_1.jsx)("svg", __assign({ class: "artajs__modal__header__divider", width: "100%", height: "5" }, { children: (0, jsx_runtime_1.jsx)("line", { x1: "0", y1: "5", x2: "100%", y2: "5", style: "stroke: ".concat(lineColor, " ; stroke-width: 1;") }) }))] }));
 };
 exports.Header = Header;

dist/components/Loading/index.d.ts

@@ -1,5 +0,1 @@
-interface LoadingOpts {
-    message: string;
-}
-export declare const Loading: ({ message }: LoadingOpts) => import("preact").JSX.Element;
-export {};
+export declare const Loading: () => import("preact").JSX.Element;

dist/components/Loading/index.js

 "use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Loading = void 0;
 var jsx_runtime_1 = require("preact/jsx-runtime");
-var Loading = function (_a) {
-    var message = _a.message;
-    return ((0, jsx_runtime_1.jsxs)("div", __assign({ class: "artajs__modal__loading__wrapper" }, { children: [(0, jsx_runtime_1.jsx)("div", __assign({ class: "artajs__modal__loading__text" }, { children: message })), (0, jsx_runtime_1.jsx)("div", __assign({ class: "artajs__modal__loading" }, { children: (0, jsx_runtime_1.jsxs)("svg", __assign({ version: "1.1", xmlns: "http://www.w3.org/2000/svg", x: "0px", y: "0px", viewBox: "0 0 80 80", style: { enableBackground: 'new 0 0 30 30' } }, { children: [(0, jsx_runtime_1.jsx)("g", __assign({ id: "back" }, { children: (0, jsx_runtime_1.jsx)("polyline", { class: "st0", points: "22,50 67,70 40,10 13,70 58,50 \t" }) })), (0, jsx_runtime_1.jsx)("g", __assign({ id: "front" }, { children: (0, jsx_runtime_1.jsx)("polyline", { class: "st1", points: "22,50 67,70 40,10 22,50 \t" }) }))] })) }))] })));
+var Loading = function () {
+    return ((0, jsx_runtime_1.jsx)("div", { class: "artajs__modal__loading" }));
 };
 exports.Loading = Loading;

dist/components/Modal/index.js

@@ -129,3 +129,3 @@ "use strict";
     }, [destination]);
-    return ((0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsxs)("div", __assign({ class: "artajs" }, { children: [position === 'center' && (0, jsx_runtime_1.jsx)("div", { class: "artajs__modal__backdrop" }), (0, jsx_runtime_1.jsxs)("div", __assign({ class: "artajs__modal artajs__modal__".concat(position), style: style }, { children: [(0, jsx_runtime_1.jsx)(Header_1.Header, { onClose: onClose, title: config.text.header.title }), status === ModalStatus_1.ModalStatus.LOADING && ((0, jsx_runtime_1.jsx)(Loading_1.Loading, { message: config.text.loading.message })), status === ModalStatus_1.ModalStatus.OPEN && ((0, jsx_runtime_1.jsx)(Destination_1.Destination, { parsedOrigin: parsedOrigin, textConfig: (0, helper_1.getDestinationConfig)(config), setDestination: setDestination })), status === ModalStatus_1.ModalStatus.QUOTED && quoteRequest && ((0, jsx_runtime_1.jsx)(Quotes_1.Quotes, { quoteRequest: quoteRequest, showCostRange: config.style.pricingDisplay === 'range', textConfig: (0, helper_1.getQuoteConfig)(config), setStatus: setStatus })), status === ModalStatus_1.ModalStatus.DISQUALIFIED && quoteRequest && ((0, jsx_runtime_1.jsx)(Disqualified_1.Disqualified, { quoteRequest: quoteRequest, textConfig: (0, helper_1.getDisqualifiedConfig)(config), setStatus: setStatus })), (0, jsx_runtime_1.jsx)(Footer_1.Footer, { primaryColor: config.style.color.primaryColor, poweredByButtonColor: config.style.color.poweredByButtonColor }), errors && errors.length > 0 && ((0, jsx_runtime_1.jsx)("div", __assign({ class: "artajs__modal__error__container" }, { children: (0, jsx_runtime_1.jsx)("div", __assign({ class: "artajs__modal__error" }, { children: errors.map(function (error, i) {
+    return ((0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsxs)("div", __assign({ class: "artajs" }, { children: [position === 'center' && (0, jsx_runtime_1.jsx)("div", { class: "artajs__modal__backdrop" }), (0, jsx_runtime_1.jsxs)("div", __assign({ class: "artajs__modal artajs__modal__".concat(position), style: style }, { children: [(0, jsx_runtime_1.jsx)(Header_1.Header, { onClose: onClose, title: config.text.header.title, lineColor: config.style.color.border }), status === ModalStatus_1.ModalStatus.LOADING && ((0, jsx_runtime_1.jsx)(Loading_1.Loading, {})), status === ModalStatus_1.ModalStatus.OPEN && ((0, jsx_runtime_1.jsx)(Destination_1.Destination, { parsedOrigin: parsedOrigin, textConfig: (0, helper_1.getDestinationConfig)(config), setDestination: setDestination })), status === ModalStatus_1.ModalStatus.QUOTED && quoteRequest && ((0, jsx_runtime_1.jsx)(Quotes_1.Quotes, { quoteRequest: quoteRequest, showCostRange: config.style.pricingDisplay === 'range', textConfig: (0, helper_1.getQuoteConfig)(config), setStatus: setStatus })), status === ModalStatus_1.ModalStatus.DISQUALIFIED && quoteRequest && ((0, jsx_runtime_1.jsx)(Disqualified_1.Disqualified, { quoteRequest: quoteRequest, textConfig: (0, helper_1.getDisqualifiedConfig)(config), setStatus: setStatus })), (0, jsx_runtime_1.jsx)(Footer_1.Footer, {}), errors && errors.length > 0 && ((0, jsx_runtime_1.jsx)("div", __assign({ class: "artajs__modal__error__container" }, { children: (0, jsx_runtime_1.jsx)("div", __assign({ class: "artajs__modal__error" }, { children: errors.map(function (error, i) {
                                     return (0, jsx_runtime_1.jsx)("span", { children: error }, "arta-error-".concat(i));
@@ -132,0 +132,0 @@ }) })) })))] }))] })) }));

dist/components/Quotes/index.d.ts

@@ -7,3 +7,2 @@ import { QuoteRequest } from '../../requests';
     disclaimerLabel: string;
-    excludeDisclaimerLabel: string;
     rangeLabel: string;
@@ -17,3 +16,2 @@ startsAtLabel: string;
     disclaimerLabel: string;
-    excludeDisclaimerLabel: string;
     rangeLabel: string;
@@ -20,0 +18,0 @@ startsAtLabel: string;

dist/components/Quotes/index.js

@@ -26,3 +26,2 @@ "use strict";
     disclaimerLabel: 'Actual shipping costs will be provided at checkout.',
-    excludeDisclaimerLabel: 'Excludes duties & taxes',
     rangeLabel: 'Shipping estimated between',
@@ -50,4 +49,4 @@ startsAtLabel: 'Shipping Starts at',
     var parsedDestination = (0, helper_1.parseEstimatedLocation)(quoteRequest.destination);
-    return ((0, jsx_runtime_1.jsxs)("div", __assign({ class: "artajs__modal__quotes" }, { children: [(0, jsx_runtime_1.jsx)("p", __assign({ class: "artajs__modal__quotes__context" }, { children: textConfig.shipFromLabel })), (0, jsx_runtime_1.jsx)("p", __assign({ class: "artajs__modal__quotes__origin" }, { children: (0, jsx_runtime_1.jsxs)("span", { children: [(0, jsx_runtime_1.jsx)("span", __assign({ class: "artajs__modal__capitalize" }, { children: parsedOrigin })), ' ', (0, jsx_runtime_1.jsx)("span", __assign({ class: "artajs__modal__quotes__light" }, { children: textConfig.detailOriginLabel }))] }) })), (0, jsx_runtime_1.jsxs)("p", __assign({ class: "artajs__modal__quotes__destination" }, { children: [(0, jsx_runtime_1.jsx)("span", __assign({ class: "artajs__modal__quotes__small" }, { children: textConfig.shipToLabel })), ' ', parsedDestination ? ((0, jsx_runtime_1.jsxs)("span", { children: [(0, jsx_runtime_1.jsx)("strong", __assign({ class: "artajs__modal__capitalize" }, { children: parsedDestination })), ' ', (0, jsx_runtime_1.jsx)("span", __assign({ class: "artajs__modal__quotes__light" }, { children: textConfig.detailDestinationLabel }))] })) : ((0, jsx_runtime_1.jsx)("span", { children: "..." }))] })), showCostRange && quotes.length > 1 ? ((0, jsx_runtime_1.jsxs)("div", __assign({ class: "artajs__modal__quotes__box ".concat(!isInternational ? 'artajs__modal__quotes__box__padding__y' : '') }, { children: [(0, jsx_runtime_1.jsx)("p", __assign({ class: "artajs__modal__quotes__context" }, { children: textConfig.rangeLabel })), (0, jsx_runtime_1.jsxs)("div", __assign({ class: "artajs__modal__quotes__price" }, { children: [(0, jsx_runtime_1.jsxs)("div", __assign({ class: "artajs__modal__quotes__price__amount" }, { children: [currencySymbol, Math.round(quotes[0].total), " - ", currencySymbol, Math.round(quotes[quotes.length - 1].total)] })), (0, jsx_runtime_1.jsx)("div", __assign({ class: "artajs__modal__quotes__price__currency_code" }, { children: quoteRequest.currency }))] })), isInternational && ((0, jsx_runtime_1.jsx)("p", __assign({ class: "artajs__modal__quotes__exclusions" }, { children: textConfig.excludeDisclaimerLabel }))), hasInsurance && ((0, jsx_runtime_1.jsxs)("div", __assign({ class: "artajs__modal__quotes__insurance" }, { children: [(0, jsx_runtime_1.jsx)("svg", __assign({ width: "11", height: "11", viewBox: "0 0 11 11", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: (0, jsx_runtime_1.jsx)("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M9.48465 2.79298C9.87517 3.1835 9.87518 3.81666 9.48465 4.20719L4.56126 9.13062C4.37166 9.32022 4.11386 9.42574 3.84574 9.42348C3.57761 9.42123 3.32163 9.31139 3.13525 9.11863L1.10866 7.02269C0.72476 6.62566 0.73541 5.99258 1.13245 5.60868C1.52948 5.22478 2.16256 5.23543 2.54646 5.63247L3.86614 6.99731L8.07043 2.79298C8.46096 2.40246 9.09412 2.40245 9.48465 2.79298Z", fill: "white" }) })), (0, jsx_runtime_1.jsx)("p", { children: textConfig.artaInsuranceLabel })] })))] }))) : ((0, jsx_runtime_1.jsxs)("div", __assign({ class: "artajs__modal__quotes__box ".concat(!isInternational ? 'artajs__modal__quotes__box__padding__y' : '') }, { children: [(0, jsx_runtime_1.jsx)("p", __assign({ class: "artajs__modal__quotes__context" }, { children: textConfig.startsAtLabel })), (0, jsx_runtime_1.jsxs)("div", __assign({ class: "artajs__modal__quotes__price" }, { children: [(0, jsx_runtime_1.jsxs)("div", __assign({ class: "artajs__modal__quotes__price__amount" }, { children: [currencySymbol, Math.round(quotes[0].total)] })), (0, jsx_runtime_1.jsx)("div", __assign({ class: "artajs__modal__quotes__price__currency_code" }, { children: quoteRequest.currency }))] })), isInternational && ((0, jsx_runtime_1.jsx)("p", __assign({ class: "artajs__modal__quotes__exclusions" }, { children: textConfig.excludeDisclaimerLabel }))), hasInsurance && ((0, jsx_runtime_1.jsxs)("div", __assign({ class: "artajs__modal__quotes__insurance" }, { children: [(0, jsx_runtime_1.jsx)("svg", __assign({ width: "11", height: "11", viewBox: "0 0 11 11", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: (0, jsx_runtime_1.jsx)("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M9.48465 2.79298C9.87517 3.1835 9.87518 3.81666 9.48465 4.20719L4.56126 9.13062C4.37166 9.32022 4.11386 9.42574 3.84574 9.42348C3.57761 9.42123 3.32163 9.31139 3.13525 9.11863L1.10866 7.02269C0.72476 6.62566 0.73541 5.99258 1.13245 5.60868C1.52948 5.22478 2.16256 5.23543 2.54646 5.63247L3.86614 6.99731L8.07043 2.79298C8.46096 2.40246 9.09412 2.40245 9.48465 2.79298Z", fill: "white" }) })), (0, jsx_runtime_1.jsx)("p", { children: textConfig.artaInsuranceLabel })] })))] }))), (0, jsx_runtime_1.jsx)("p", __assign({ class: "artajs__modal__quotes__checkout" }, { children: textConfig.disclaimerLabel })), (0, jsx_runtime_1.jsx)("p", __assign({ class: "artajs__modal__quotes__change" }, { children: (0, jsx_runtime_1.jsxs)("a", __assign({ onClick: onChangeDestination, href: "#" }, { children: [(0, jsx_runtime_1.jsx)("svg", __assign({ width: "20", height: "8", viewBox: "0 0 20 8", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: (0, jsx_runtime_1.jsx)("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M3.58562 7.46419C3.97614 7.85471 4.60931 7.85471 4.99983 7.46419C5.39036 7.07366 5.39036 6.4405 4.99983 6.04997L3.80697 4.85706L18.9999 4.85706C19.5522 4.85706 19.9999 4.40934 19.9999 3.85706C19.9999 3.30477 19.5522 2.85706 18.9999 2.85706L3.84988 2.85706L4.99993 1.70705C5.39045 1.31653 5.39045 0.683363 4.99993 0.292839C4.6094 -0.0976858 3.97624 -0.0976858 3.58571 0.292839L4.62519e-08 3.87847L3.58562 7.46419Z", fill: "#99A5B2" }) })), textConfig.returnLinkLabel] })) }))] })));
+    return ((0, jsx_runtime_1.jsxs)("div", __assign({ class: "artajs__modal__quotes" }, { children: [(0, jsx_runtime_1.jsx)("p", __assign({ class: "artajs__modal__quotes__context" }, { children: textConfig.shipFromLabel })), (0, jsx_runtime_1.jsx)("p", __assign({ class: "artajs__modal__quotes__origin" }, { children: (0, jsx_runtime_1.jsxs)("span", { children: [(0, jsx_runtime_1.jsx)("strong", __assign({ class: "artajs__modal__capitalize" }, { children: parsedOrigin })), ' ', (0, jsx_runtime_1.jsx)("span", __assign({ class: "artajs__modal__quotes__light" }, { children: textConfig.detailOriginLabel }))] }) })), (0, jsx_runtime_1.jsxs)("p", __assign({ class: "artajs__modal__quotes__destination" }, { children: [(0, jsx_runtime_1.jsx)("span", __assign({ class: "artajs__modal__quotes__small" }, { children: textConfig.shipToLabel })), ' ', parsedDestination ? ((0, jsx_runtime_1.jsxs)("span", { children: [(0, jsx_runtime_1.jsx)("strong", __assign({ class: "artajs__modal__capitalize" }, { children: parsedDestination })), ' ', (0, jsx_runtime_1.jsx)("span", __assign({ class: "artajs__modal__quotes__light" }, { children: textConfig.detailDestinationLabel }))] })) : ((0, jsx_runtime_1.jsx)("span", { children: "..." }))] })), showCostRange && quotes.length > 1 ? ((0, jsx_runtime_1.jsxs)("div", __assign({ class: "artajs__modal__quotes__box ".concat(!isInternational ? 'artajs__modal__quotes__box__padding__y' : '') }, { children: [(0, jsx_runtime_1.jsx)("p", __assign({ class: "artajs__modal__quotes__context" }, { children: textConfig.rangeLabel })), (0, jsx_runtime_1.jsxs)("div", __assign({ class: "artajs__modal__quotes__price" }, { children: [(0, jsx_runtime_1.jsxs)("div", __assign({ class: "artajs__modal__quotes__price__amount" }, { children: [currencySymbol, Math.round(quotes[0].total), " - ", currencySymbol, Math.round(quotes[quotes.length - 1].total)] })), (0, jsx_runtime_1.jsx)("div", __assign({ class: "artajs__modal__quotes__price__currency_code" }, { children: quoteRequest.currency }))] })), isInternational && ((0, jsx_runtime_1.jsx)("p", __assign({ class: "artajs__modal__quotes__disclaimer" }, { children: textConfig.disclaimerLabel }))), hasInsurance && ((0, jsx_runtime_1.jsxs)("div", __assign({ class: "artajs__modal__quotes__insurance" }, { children: [(0, jsx_runtime_1.jsx)("svg", __assign({ width: "11", height: "11", viewBox: "0 0 11 11", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: (0, jsx_runtime_1.jsx)("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M9.48465 2.79298C9.87517 3.1835 9.87518 3.81666 9.48465 4.20719L4.56126 9.13062C4.37166 9.32022 4.11386 9.42574 3.84574 9.42348C3.57761 9.42123 3.32163 9.31139 3.13525 9.11863L1.10866 7.02269C0.72476 6.62566 0.73541 5.99258 1.13245 5.60868C1.52948 5.22478 2.16256 5.23543 2.54646 5.63247L3.86614 6.99731L8.07043 2.79298C8.46096 2.40246 9.09412 2.40245 9.48465 2.79298Z", fill: "white" }) })), (0, jsx_runtime_1.jsx)("p", { children: textConfig.artaInsuranceLabel })] })))] }))) : ((0, jsx_runtime_1.jsxs)("div", __assign({ class: "artajs__modal__quotes__box ".concat(!isInternational ? 'artajs__modal__quotes__box__padding__y' : '') }, { children: [(0, jsx_runtime_1.jsx)("p", __assign({ class: "artajs__modal__quotes__context" }, { children: textConfig.startsAtLabel })), (0, jsx_runtime_1.jsxs)("div", __assign({ class: "artajs__modal__quotes__price" }, { children: [(0, jsx_runtime_1.jsxs)("div", __assign({ class: "artajs__modal__quotes__price__amount" }, { children: [currencySymbol, Math.round(quotes[0].total)] })), (0, jsx_runtime_1.jsx)("div", __assign({ class: "artajs__modal__quotes__price__currency_code" }, { children: quoteRequest.currency }))] })), isInternational && ((0, jsx_runtime_1.jsx)("p", __assign({ class: "artajs__modal__quotes__disclaimer" }, { children: textConfig.disclaimerLabel }))), hasInsurance && ((0, jsx_runtime_1.jsxs)("div", __assign({ class: "artajs__modal__quotes__insurance" }, { children: [(0, jsx_runtime_1.jsx)("svg", __assign({ width: "11", height: "11", viewBox: "0 0 11 11", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: (0, jsx_runtime_1.jsx)("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M9.48465 2.79298C9.87517 3.1835 9.87518 3.81666 9.48465 4.20719L4.56126 9.13062C4.37166 9.32022 4.11386 9.42574 3.84574 9.42348C3.57761 9.42123 3.32163 9.31139 3.13525 9.11863L1.10866 7.02269C0.72476 6.62566 0.73541 5.99258 1.13245 5.60868C1.52948 5.22478 2.16256 5.23543 2.54646 5.63247L3.86614 6.99731L8.07043 2.79298C8.46096 2.40246 9.09412 2.40245 9.48465 2.79298Z", fill: "white" }) })), (0, jsx_runtime_1.jsx)("p", { children: textConfig.artaInsuranceLabel })] })))] }))), (0, jsx_runtime_1.jsx)("p", __assign({ class: "artajs__modal__quotes__change" }, { children: (0, jsx_runtime_1.jsxs)("a", __assign({ onClick: onChangeDestination, href: "#" }, { children: [(0, jsx_runtime_1.jsx)("svg", __assign({ height: "12", id: "chevron-left", viewBox: "0 0 32 32", width: "12", xmlns: "http://www.w3.org/2000/svg" }, { children: (0, jsx_runtime_1.jsx)("path", { d: "M20 1 L24 5 L14 16 L24 27 L20 31 L6 16 z" }) })), textConfig.returnLinkLabel] })) }))] })));
 };
 exports.Quotes = Quotes;

dist/estimateConfig.d.ts

@@ -20,8 +20,16 @@ import { ArtaJsFullConfig } from './arta';
         color: {
-            primaryColor: string;
-            primaryUnfocusedColor: string;
-            secondaryColor: string;
+            background: string;
+            textPrimary: string;
+            textSecondary: string;
+            border: string;
+            borderHover: string;
+            borderFocused: string;
+            buttonBackground: string;
+            buttonBackgroundHover: string;
+            buttonBackgroundDisabled: string;
+            buttonText: string;
+            buttonTextHover: string;
+            buttonTextDisabled: string;
+            quoteBackground: string;
             errorColor: string;
-            backgroundColor: string;
-            poweredByButtonColor: string;
         };
@@ -42,5 +50,2 @@ position: 'center' | 'left' | 'right';
         };
-        loading: {
-            message: string;
-        };
         destination: DestinationTextConfig;
@@ -47,0 +52,0 @@ quoted: QuoteTextConfig;

dist/estimateConfig.js

@@ -10,15 +10,23 @@ "use strict";
         color: {
-            primaryColor: '#001F3F',
-            primaryUnfocusedColor: '#4d6279',
-            secondaryColor: '#99A5B2',
-            errorColor: '#D84242',
-            backgroundColor: 'white',
-            poweredByButtonColor: '#F5F6F7',
+            background: '#FFFFFF',
+            textPrimary: '#110F10',
+            textSecondary: '#6F6C65',
+            border: '#D7D6D0',
+            borderHover: '#6F6C65',
+            borderFocused: '#110F10',
+            buttonBackground: '#110F10',
+            buttonBackgroundHover: '#6F6C65',
+            buttonBackgroundDisabled: '#F2F2F2',
+            buttonText: '#FFFFFF',
+            buttonTextHover: '#FFFFFF',
+            buttonTextDisabled: '#9D9D9D',
+            quoteBackground: '#F2F2F2',
+            errorColor: 'red',
         },
         position: 'right',
         pricingDisplay: 'starts_at',
-        fontFamily: 'Arial, Helvetica, sans-serif',
-        fontSize: 12,
-        width: 300,
-        height: 432,
+        fontFamily: 'Neue Haas Grotesk Text Pro, Arial, Helvetica, sans-serif',
+        fontSize: 14,
+        width: 320,
+        height: 467,
     },
@@ -29,5 +37,2 @@ text: {
         returnLinkLabel: 'Change Destination',
-        loading: {
-            message: 'Retrieving shipping costs...',
-        },
         header: {
@@ -34,0 +39,0 @@ title: 'Estimate Shipping Costs',

dist/helper.d.ts

@@ -14,7 +14,16 @@ import { DestinationFullTextConfig } from './components/Destination';
 export declare const getStyle: (config: EstimateFullConfig) => {
-    '--primary-color': string;
-    '--primary-unfocused-color': string;
-    '--secondary-color': string;
+    '--background': string;
+    '--text-primary': string;
+    '--text-secondary': string;
+    '--border': string;
+    '--border-hover': string;
+    '--border-focused': string;
+    '--button-background': string;
+    '--button-background-hover': string;
+    '--button-background-disabled': string;
+    '--button-text': string;
+    '--button-text-hover': string;
+    '--button-text-disabled': string;
+    '--quote-background': string;
     '--error-color': string;
-    '--background-color': string;
     '--font-family': string;
@@ -21,0 +30,0 @@ '--font-size': string;

dist/helper.js

@@ -55,3 +55,3 @@ "use strict";
 var getDestinationConfig = function (config) {
-    return __assign(__assign({}, config.text.destination), { detailOriginLabel: config.text.detailOriginLabel, backgroundColor: config.style.color.backgroundColor });
+    return __assign(__assign({}, config.text.destination), { detailOriginLabel: config.text.detailOriginLabel, background: config.style.color.background });
 };
@@ -61,7 +61,16 @@ exports.getDestinationConfig = getDestinationConfig;
     return {
-        '--primary-color': config.style.color.primaryColor,
-        '--primary-unfocused-color': config.style.color.primaryUnfocusedColor,
-        '--secondary-color': config.style.color.secondaryColor,
+        '--background': config.style.color.background,
+        '--text-primary': config.style.color.textPrimary,
+        '--text-secondary': config.style.color.textSecondary,
+        '--border': config.style.color.border,
+        '--border-hover': config.style.color.borderHover,
+        '--border-focused': config.style.color.borderFocused,
+        '--button-background': config.style.color.buttonBackground,
+        '--button-background-hover': config.style.color.buttonBackgroundHover,
+        '--button-background-disabled': config.style.color.buttonBackgroundDisabled,
+        '--button-text': config.style.color.buttonText,
+        '--button-text-hover': config.style.color.buttonTextHover,
+        '--button-text-disabled': config.style.color.buttonTextDisabled,
+        '--quote-background': config.style.color.quoteBackground,
         '--error-color': config.style.color.errorColor,
-        '--background-color': config.style.color.backgroundColor,
         '--font-family': config.style.fontFamily,
@@ -68,0 +77,0 @@ '--font-size': "".concat(config.style.fontSize, "px"),

package.json

 {
   "name": "@artaio/arta-browser",
-  "version": "2.3.5",
+  "version": "2.3.6",
   "description": "",
@@ -5,0 +5,0 @@ "source": "lib/index.ts",

Fixed alerts

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Found 1 instance in 1 package

Improved metrics

Number of low supply chain risk alerts

0

decreased by-100%

Worsened metrics

Total package byte prevSize

172015

decreased by-5.68%

Lines of code

2480

decreased by-1.16%

No dependency changes