@zonos/elements 1.3.84 → 1.3.86

package/dist/collection/components/stripe/zonos-payment/zonos-payment.js

@@ -17,7 +17,7 @@ export class ZonosPayment {
         // Create and mount the Authentication Element in ${type} mode
         const paymentElement = stripeStore.stripePaymentElement ||
             this.stripeElements.create('payment', {
-                layout: 'accordion',
+                layout: 'tabs',
             });
         const paymentElementContainer = this.el.querySelector('.zonos--payment-component');
         if (!paymentElementContainer) {
@@ -36,7 +36,7 @@ export class ZonosPayment {
     }
     render() {
         // this component loads iframe from the stripe elements and puts here, so we don't need to do anything here
-        return (h(Host, { key: 'c461a967d00b2d96fa70aaaf1651b435cdcd84bd', class: "zonos--payment zonos--elements" }, this.titleText && (h("zonos-text", { key: '44da1d89ce19f7174cad1214ab9463f0b1174c0d', class: "zonos--title", type: "semiBoldLabel" }, this.titleText)), h("div", { key: 'b9e3491b48d9ede19a5cdef639bd47e6bf0ba742', class: "zonos--payment-component" }), h("div", { key: '578516ce1ca1dc01eebb2268bb5449613e14298f', class: "zonos--payment-paypal-container" })));
+        return (h(Host, { key: 'cf616ec959fd1b7396ed86b23561f459e0da8722', class: "zonos--payment zonos--elements" }, this.titleText && (h("zonos-text", { key: 'e5564db71ba2c0d67d372cb1804d6d462cdf1b33', class: "zonos--title", type: "semiBoldLabel" }, this.titleText)), h("div", { key: '3ea47f2c0a541590210d181bc73ecb3fb27e7783', class: "zonos--payment-component" }), h("div", { key: 'd3a46a127448568caf4309806e88556594075c12', class: "zonos--payment-paypal-container" })));
     }
     static get is() { return "zonos-payment"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/utils/getContrastColor.js

@@ -14,7 +14,12 @@ export const getContrastColor = ({ backgroundColor, color, }) => {
     if (isDarkColor(color)) {
         return '#ffffff';
     }
-    else {
-        return tinycolor(color).darken(25).toHexString();
-    }
+    const newDarkerColor = tinycolor(color).darken(25).toHexString();
+    const newLigherColor = tinycolor(color).lighten(25).toHexString();
+    // get readibility of the color
+    const isNewColorContrastEnough = isContrastColor({
+        backgroundColor1: backgroundColor,
+        backgroundColor2: newDarkerColor,
+    });
+    return isNewColorContrastEnough ? newDarkerColor : newLigherColor;
 };

package/dist/collection/styles/stripe/addressRuleStyle.js

@@ -29,6 +29,10 @@ export const addressRuleStyle = ({ theme, }) => {
         '.PickerItem--new': {
             color: 'var(--colorText)',
         },
+        '.Tab--selected': {
+            borderStyle: 'solid',
+            borderWidth: '1px',
+        },
     };
     switch (theme) {
         case 'DARK': {

package/dist/collection/types/generated/graphql.frontend.types.js

@@ -466,6 +466,9 @@ export function getSdk(client, withWrapper = defaultWrapper) {
         createScriptLoadEvent(variables, requestHeaders) {
             return withWrapper(wrappedRequestHeaders => client.request('', variables, Object.assign(Object.assign({}, requestHeaders), wrappedRequestHeaders)), 'createScriptLoadEvent', 'mutation');
         },
+        createStoreVersionSetting(variables, requestHeaders) {
+            return withWrapper(wrappedRequestHeaders => client.request('', variables, Object.assign(Object.assign({}, requestHeaders), wrappedRequestHeaders)), 'createStoreVersionSetting', 'mutation');
+        },
         deleteAllStoreReserveOrders(variables, requestHeaders) {
             return withWrapper(wrappedRequestHeaders => client.request('', variables, Object.assign(Object.assign({}, requestHeaders), wrappedRequestHeaders)), 'deleteAllStoreReserveOrders', 'mutation');
         },
@@ -514,8 +517,8 @@ export function getSdk(client, withWrapper = defaultWrapper) {
         localeCountryMessages(variables, requestHeaders) {
             return withWrapper(wrappedRequestHeaders => client.request('', variables, Object.assign(Object.assign({}, requestHeaders), wrappedRequestHeaders)), 'localeCountryMessages', 'query');
         },
-        updateCacheStoreVersion(variables, requestHeaders) {
-            return withWrapper(wrappedRequestHeaders => client.request('', variables, Object.assign(Object.assign({}, requestHeaders), wrappedRequestHeaders)), 'updateCacheStoreVersion', 'mutation');
+        storeVersionSetting(variables, requestHeaders) {
+            return withWrapper(wrappedRequestHeaders => client.request('', variables, Object.assign(Object.assign({}, requestHeaders), wrappedRequestHeaders)), 'storeVersionSetting', 'query');
         },
         updateReserveOrder(variables, requestHeaders) {
             return withWrapper(wrappedRequestHeaders => client.request('', variables, Object.assign(Object.assign({}, requestHeaders), wrappedRequestHeaders)), 'updateReserveOrder', 'mutation');
@@ -523,8 +526,5 @@ export function getSdk(client, withWrapper = defaultWrapper) {
         upsertBigCommerceSettings(variables, requestHeaders) {
             return withWrapper(wrappedRequestHeaders => client.request('', variables, Object.assign(Object.assign({}, requestHeaders), wrappedRequestHeaders)), 'upsertBigCommerceSettings', 'mutation');
         },
-        zonosElementsSetting(variables, requestHeaders) {
-            return withWrapper(wrappedRequestHeaders => client.request('', variables, Object.assign(Object.assign({}, requestHeaders), wrappedRequestHeaders)), 'zonosElementsSetting', 'query');
-        },
     };
 }