@betterstore/react 0.3.85 → 0.3.86

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @betterstore/sdk
 
+## 0.3.86
+
+### Patch Changes
+
+- text for cz locale fixes
+
 ## 0.3.85
 
 ### Patch Changes

package/dist/index.cjs.js

@@ -2078,7 +2078,7 @@ const transformOptions = options => {
   return options;
 };
 
-const noop$1 = () => {};
+const noop$2 = () => {};
 const bindMemberFunctions = inst => {
   const mems = Object.getOwnPropertyNames(Object.getPrototypeOf(inst));
   mems.forEach(mem => {
@@ -2204,7 +2204,7 @@ class I18n extends EventEmitter {
       });
     }
     this.format = this.options.interpolation.format;
-    if (!callback) callback = noop$1;
+    if (!callback) callback = noop$2;
     if (this.options.fallbackLng && !this.services.languageDetector && !this.options.lng) {
       const codes = this.services.languageUtils.getFallbackCodes(this.options.fallbackLng);
       if (codes.length > 0 && codes[0] !== 'dev') this.options.lng = codes[0];
@@ -2247,7 +2247,7 @@ class I18n extends EventEmitter {
     return deferred;
   }
   loadResources(language) {
-    let callback = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : noop$1;
+    let callback = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : noop$2;
     let usedCallback = callback;
     const usedLng = isString$3(language) ? language : this.language;
     if (typeof language === 'function') usedCallback = language;
@@ -2290,7 +2290,7 @@ class I18n extends EventEmitter {
     }
     if (!lngs) lngs = this.languages;
     if (!ns) ns = this.options.ns;
-    if (!callback) callback = noop$1;
+    if (!callback) callback = noop$2;
     this.services.backendConnector.reload(lngs, ns, err => {
       deferred.resolve();
       callback(err);
@@ -2514,7 +2514,7 @@ class I18n extends EventEmitter {
   }
   cloneInstance() {
     let options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-    let callback = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : noop$1;
+    let callback = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : noop$2;
     const forkResourceStore = options.forkResourceStore;
     if (forkResourceStore) delete options.forkResourceStore;
     const mergedOptions = {
@@ -3239,20 +3239,20 @@ const CheckoutEmbed$2 = {
 	CustomerForm: {
 		address: {
 			address: "Adresa",
-			addressPlaceholder: "Zadejte svou adresu",
+			addressPlaceholder: "Zadejte Vaši adresu",
 			button: "Uložit adresu",
 			city: "Město",
 			cityPlaceholder: "Zadejte město",
 			country: "Země",
 			countryPlaceholder: "Zadejte svou zemi",
-			description: "Níže vyplňte údaje o vaší adrese.",
-			line1: "Adresa ulice",
+			description: "Níže vyplňte údaje o Vaší adrese.",
+			line1: "Ulice",
 			line1Placeholder: "Zadejte ulici a číslo",
 			line2: "Byt, apartmá, jednotka atd. (Volitelné)",
 			line2Placeholder: "Byt 4B, Pokoj 123, atd.",
 			state: "Stát (volitelné)",
 			statePlaceholder: "Kalifornie",
-			title: "Zadejte svou adresu",
+			title: "Zadejte Vaši adresu",
 			zipCode: "PSČ",
 			zipCodePlaceholder: "12345"
 		},
@@ -3265,7 +3265,7 @@ const CheckoutEmbed$2 = {
 		lastNamePlaceholder: "Zadejte své příjmení",
 		phone: "Telefon",
 		phonePlaceholder: "Zadejte své telefonní číslo",
-		title: "Údaje o doručení"
+		title: "Kontaktní údaje"
 	},
 	Summary: {
 		calculatedAtNextStep: "Vypočítáno v dalším kroku",
@@ -3284,14 +3284,15 @@ const CheckoutEmbed$2 = {
 	},
 	loading: "Načítání ...",
 	Payment: {
-		back: "Zpět na doručení",
-		button: "Koupit hned teď",
-		description: "Všechny transakce jsou bezpečné a šifrovány.",
+		back: "Zpět na výběr dopravy",
+		button: "Dokončit objednávku",
+		description: "Všechny transakce jsou zabezpečené a šifrované.",
 		title: "Platba"
 	},
 	Shipping: {
+		title: "Doprava",
 		back: "Zpět k informacím",
-		button: "Pokračujte v pokladně",
+		button: "Pokračovat",
 		change: "Změnit",
 		contact: "Kontakt:",
 		day: "den",
@@ -3299,19 +3300,18 @@ const CheckoutEmbed$2 = {
 		estimatedDeliveryDate: "Odhadované datum dodání:",
 		address: "Adresa:",
 		shipping: "Doprava:",
-		title: "Přeprava",
 		description: {
 			other: "Váš balíček bude doručen kurýrem.",
-			zasilkovna: "Váš balíček bude doručen do bodu vyzvednutí.",
-			shippedTo: "Doručeno do:"
+			zasilkovna: "Vaše objednávka bude doručena na výdejní místo.",
+			shippedTo: "Místo doručení:"
 		}
 	}
 };
 const Errors$1 = {
-	invalid_email: "Zadejte platnou e -mailovou adresu",
+	invalid_email: "Zadejte platnou e-mailovou adresu",
 	invalid_phone: "Zadejte platné telefonní číslo",
 	invalid_zipCode: "Zadejte platný PSČ",
-	required_error: "Toto pole je nutné",
+	required_error: "Toto pole je povinné",
 	unknown_error: "Došlo k neznámé chybě",
 	invalid_address: "Zadejte platnou adresu"
 };
@@ -4023,7 +4023,7 @@ const toObjectSet = (arrayOrString, delimiter) => {
   return obj;
 };
 
-const noop = () => {};
+const noop$1 = () => {};
 
 const toFiniteNumber = (value, defaultValue) => {
   return value != null && Number.isFinite(value = +value) ? value : defaultValue;
@@ -4155,7 +4155,7 @@ var utils$1 = {
   freezeMethods,
   toObjectSet,
   toCamelCase,
-  noop,
+  noop: noop$1,
   toFiniteNumber,
   findKey,
   global: _global,
@@ -13136,7 +13136,7 @@ function useFormState(props) {
         errors: false,
     });
     useIsomorphicLayoutEffect$1(() => control._subscribe({
-        name: name,
+        name,
         formState: _localProxyFormState.current,
         exact,
         callback: (formState) => {
@@ -13189,7 +13189,7 @@ function useWatch(props) {
     const _defaultValue = React.useRef(defaultValue);
     const [value, updateValue] = React.useState(control._getWatch(name, _defaultValue.current));
     useIsomorphicLayoutEffect$1(() => control._subscribe({
-        name: name,
+        name,
         formState: {
             values: true,
         },
@@ -13286,8 +13286,8 @@ function useController(props) {
         const field = get(control._fields, name);
         if (field && elm) {
             field._f.ref = {
-                focus: () => elm.focus(),
-                select: () => elm.select(),
+                focus: () => elm.focus && elm.focus(),
+                select: () => elm.select && elm.select(),
                 setCustomValidity: (message) => elm.setCustomValidity(message),
                 reportValidity: () => elm.reportValidity(),
             };
@@ -13749,6 +13749,12 @@ function schemaErrorLookup(errors, _fields, name) {
                 error: foundError,
             };
         }
+        if (foundError && foundError.root && foundError.root.type) {
+            return {
+                name: `${fieldName}.root`,
+                error: foundError.root,
+            };
+        }
         names.pop();
     }
     return {
@@ -14372,7 +14378,7 @@ function createFormControl(props = {}) {
                 return;
             }
             const fieldValue = value[fieldKey];
-            const fieldName = `${name}.${fieldKey}`;
+            const fieldName = name + '.' + fieldKey;
             const field = get(_fields, fieldName);
             (_names.array.has(name) ||
                 isObject(fieldValue) ||
@@ -14971,6 +14977,7 @@ function createFormControl(props = {}) {
             setError,
             _subscribe,
             _runSchema,
+            _focusError,
             _getWatch,
             _getDirty,
             _setValid,
@@ -15124,10 +15131,13 @@ function useForm(props = {}) {
         if (props.reValidateMode) {
             control._options.reValidateMode = props.reValidateMode;
         }
-        if (props.errors && !isEmptyObject(props.errors)) {
+    }, [control, props.mode, props.reValidateMode]);
+    React.useEffect(() => {
+        if (props.errors) {
             control._setErrors(props.errors);
+            control._focusError();
         }
-    }, [control, props.errors, props.mode, props.reValidateMode]);
+    }, [control, props.errors]);
     React.useEffect(() => {
         props.shouldUnregister &&
             control._subjects.state.next({
@@ -22622,10 +22632,11 @@ const flip$2 = function (options) {
         const nextIndex = (((_middlewareData$flip2 = middlewareData.flip) == null ? void 0 : _middlewareData$flip2.index) || 0) + 1;
         const nextPlacement = placements[nextIndex];
         if (nextPlacement) {
-          var _overflowsData$;
           const ignoreCrossAxisOverflow = checkCrossAxis === 'alignment' ? initialSideAxis !== getSideAxis(nextPlacement) : false;
-          const hasInitialMainAxisOverflow = ((_overflowsData$ = overflowsData[0]) == null ? void 0 : _overflowsData$.overflows[0]) > 0;
-          if (!ignoreCrossAxisOverflow || hasInitialMainAxisOverflow) {
+          if (!ignoreCrossAxisOverflow ||
+          // We leave the current main axis only if every placement on that axis
+          // overflows the main axis.
+          overflowsData.every(d => d.overflows[0] > 0 && getSideAxis(d.placement) === initialSideAxis)) {
             // Try next placement and re-run the lifecycle.
             return {
               data: {
@@ -23946,7 +23957,10 @@ const computePosition = (reference, floating, options) => {
   });
 };
 
-var index = typeof document !== 'undefined' ? React.useLayoutEffect : React.useEffect;
+var isClient = typeof document !== 'undefined';
+
+var noop = function noop() {};
+var index = isClient ? React.useLayoutEffect : noop;
 
 // Fork of `fast-deep-equal` that only does the comparisons we need and compares
 // functions

package/dist/index.mjs

@@ -2058,7 +2058,7 @@ const transformOptions = options => {
   return options;
 };
 
-const noop$1 = () => {};
+const noop$2 = () => {};
 const bindMemberFunctions = inst => {
   const mems = Object.getOwnPropertyNames(Object.getPrototypeOf(inst));
   mems.forEach(mem => {
@@ -2184,7 +2184,7 @@ class I18n extends EventEmitter {
       });
     }
     this.format = this.options.interpolation.format;
-    if (!callback) callback = noop$1;
+    if (!callback) callback = noop$2;
     if (this.options.fallbackLng && !this.services.languageDetector && !this.options.lng) {
       const codes = this.services.languageUtils.getFallbackCodes(this.options.fallbackLng);
       if (codes.length > 0 && codes[0] !== 'dev') this.options.lng = codes[0];
@@ -2227,7 +2227,7 @@ class I18n extends EventEmitter {
     return deferred;
   }
   loadResources(language) {
-    let callback = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : noop$1;
+    let callback = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : noop$2;
     let usedCallback = callback;
     const usedLng = isString$3(language) ? language : this.language;
     if (typeof language === 'function') usedCallback = language;
@@ -2270,7 +2270,7 @@ class I18n extends EventEmitter {
     }
     if (!lngs) lngs = this.languages;
     if (!ns) ns = this.options.ns;
-    if (!callback) callback = noop$1;
+    if (!callback) callback = noop$2;
     this.services.backendConnector.reload(lngs, ns, err => {
       deferred.resolve();
       callback(err);
@@ -2494,7 +2494,7 @@ class I18n extends EventEmitter {
   }
   cloneInstance() {
     let options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-    let callback = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : noop$1;
+    let callback = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : noop$2;
     const forkResourceStore = options.forkResourceStore;
     if (forkResourceStore) delete options.forkResourceStore;
     const mergedOptions = {
@@ -3219,20 +3219,20 @@ const CheckoutEmbed$2 = {
 	CustomerForm: {
 		address: {
 			address: "Adresa",
-			addressPlaceholder: "Zadejte svou adresu",
+			addressPlaceholder: "Zadejte Vaši adresu",
 			button: "Uložit adresu",
 			city: "Město",
 			cityPlaceholder: "Zadejte město",
 			country: "Země",
 			countryPlaceholder: "Zadejte svou zemi",
-			description: "Níže vyplňte údaje o vaší adrese.",
-			line1: "Adresa ulice",
+			description: "Níže vyplňte údaje o Vaší adrese.",
+			line1: "Ulice",
 			line1Placeholder: "Zadejte ulici a číslo",
 			line2: "Byt, apartmá, jednotka atd. (Volitelné)",
 			line2Placeholder: "Byt 4B, Pokoj 123, atd.",
 			state: "Stát (volitelné)",
 			statePlaceholder: "Kalifornie",
-			title: "Zadejte svou adresu",
+			title: "Zadejte Vaši adresu",
 			zipCode: "PSČ",
 			zipCodePlaceholder: "12345"
 		},
@@ -3245,7 +3245,7 @@ const CheckoutEmbed$2 = {
 		lastNamePlaceholder: "Zadejte své příjmení",
 		phone: "Telefon",
 		phonePlaceholder: "Zadejte své telefonní číslo",
-		title: "Údaje o doručení"
+		title: "Kontaktní údaje"
 	},
 	Summary: {
 		calculatedAtNextStep: "Vypočítáno v dalším kroku",
@@ -3264,14 +3264,15 @@ const CheckoutEmbed$2 = {
 	},
 	loading: "Načítání ...",
 	Payment: {
-		back: "Zpět na doručení",
-		button: "Koupit hned teď",
-		description: "Všechny transakce jsou bezpečné a šifrovány.",
+		back: "Zpět na výběr dopravy",
+		button: "Dokončit objednávku",
+		description: "Všechny transakce jsou zabezpečené a šifrované.",
 		title: "Platba"
 	},
 	Shipping: {
+		title: "Doprava",
 		back: "Zpět k informacím",
-		button: "Pokračujte v pokladně",
+		button: "Pokračovat",
 		change: "Změnit",
 		contact: "Kontakt:",
 		day: "den",
@@ -3279,19 +3280,18 @@ const CheckoutEmbed$2 = {
 		estimatedDeliveryDate: "Odhadované datum dodání:",
 		address: "Adresa:",
 		shipping: "Doprava:",
-		title: "Přeprava",
 		description: {
 			other: "Váš balíček bude doručen kurýrem.",
-			zasilkovna: "Váš balíček bude doručen do bodu vyzvednutí.",
-			shippedTo: "Doručeno do:"
+			zasilkovna: "Vaše objednávka bude doručena na výdejní místo.",
+			shippedTo: "Místo doručení:"
 		}
 	}
 };
 const Errors$1 = {
-	invalid_email: "Zadejte platnou e -mailovou adresu",
+	invalid_email: "Zadejte platnou e-mailovou adresu",
 	invalid_phone: "Zadejte platné telefonní číslo",
 	invalid_zipCode: "Zadejte platný PSČ",
-	required_error: "Toto pole je nutné",
+	required_error: "Toto pole je povinné",
 	unknown_error: "Došlo k neznámé chybě",
 	invalid_address: "Zadejte platnou adresu"
 };
@@ -4003,7 +4003,7 @@ const toObjectSet = (arrayOrString, delimiter) => {
   return obj;
 };
 
-const noop = () => {};
+const noop$1 = () => {};
 
 const toFiniteNumber = (value, defaultValue) => {
   return value != null && Number.isFinite(value = +value) ? value : defaultValue;
@@ -4135,7 +4135,7 @@ var utils$1 = {
   freezeMethods,
   toObjectSet,
   toCamelCase,
-  noop,
+  noop: noop$1,
   toFiniteNumber,
   findKey,
   global: _global,
@@ -13116,7 +13116,7 @@ function useFormState(props) {
         errors: false,
     });
     useIsomorphicLayoutEffect$1(() => control._subscribe({
-        name: name,
+        name,
         formState: _localProxyFormState.current,
         exact,
         callback: (formState) => {
@@ -13169,7 +13169,7 @@ function useWatch(props) {
     const _defaultValue = React__default.useRef(defaultValue);
     const [value, updateValue] = React__default.useState(control._getWatch(name, _defaultValue.current));
     useIsomorphicLayoutEffect$1(() => control._subscribe({
-        name: name,
+        name,
         formState: {
             values: true,
         },
@@ -13266,8 +13266,8 @@ function useController(props) {
         const field = get(control._fields, name);
         if (field && elm) {
             field._f.ref = {
-                focus: () => elm.focus(),
-                select: () => elm.select(),
+                focus: () => elm.focus && elm.focus(),
+                select: () => elm.select && elm.select(),
                 setCustomValidity: (message) => elm.setCustomValidity(message),
                 reportValidity: () => elm.reportValidity(),
             };
@@ -13729,6 +13729,12 @@ function schemaErrorLookup(errors, _fields, name) {
                 error: foundError,
             };
         }
+        if (foundError && foundError.root && foundError.root.type) {
+            return {
+                name: `${fieldName}.root`,
+                error: foundError.root,
+            };
+        }
         names.pop();
     }
     return {
@@ -14352,7 +14358,7 @@ function createFormControl(props = {}) {
                 return;
             }
             const fieldValue = value[fieldKey];
-            const fieldName = `${name}.${fieldKey}`;
+            const fieldName = name + '.' + fieldKey;
             const field = get(_fields, fieldName);
             (_names.array.has(name) ||
                 isObject(fieldValue) ||
@@ -14951,6 +14957,7 @@ function createFormControl(props = {}) {
             setError,
             _subscribe,
             _runSchema,
+            _focusError,
             _getWatch,
             _getDirty,
             _setValid,
@@ -15104,10 +15111,13 @@ function useForm(props = {}) {
         if (props.reValidateMode) {
             control._options.reValidateMode = props.reValidateMode;
         }
-        if (props.errors && !isEmptyObject(props.errors)) {
+    }, [control, props.mode, props.reValidateMode]);
+    React__default.useEffect(() => {
+        if (props.errors) {
             control._setErrors(props.errors);
+            control._focusError();
         }
-    }, [control, props.errors, props.mode, props.reValidateMode]);
+    }, [control, props.errors]);
     React__default.useEffect(() => {
         props.shouldUnregister &&
             control._subjects.state.next({
@@ -22602,10 +22612,11 @@ const flip$2 = function (options) {
         const nextIndex = (((_middlewareData$flip2 = middlewareData.flip) == null ? void 0 : _middlewareData$flip2.index) || 0) + 1;
         const nextPlacement = placements[nextIndex];
         if (nextPlacement) {
-          var _overflowsData$;
           const ignoreCrossAxisOverflow = checkCrossAxis === 'alignment' ? initialSideAxis !== getSideAxis(nextPlacement) : false;
-          const hasInitialMainAxisOverflow = ((_overflowsData$ = overflowsData[0]) == null ? void 0 : _overflowsData$.overflows[0]) > 0;
-          if (!ignoreCrossAxisOverflow || hasInitialMainAxisOverflow) {
+          if (!ignoreCrossAxisOverflow ||
+          // We leave the current main axis only if every placement on that axis
+          // overflows the main axis.
+          overflowsData.every(d => d.overflows[0] > 0 && getSideAxis(d.placement) === initialSideAxis)) {
             // Try next placement and re-run the lifecycle.
             return {
               data: {
@@ -23926,7 +23937,10 @@ const computePosition = (reference, floating, options) => {
   });
 };
 
-var index = typeof document !== 'undefined' ? useLayoutEffect : useEffect;
+var isClient = typeof document !== 'undefined';
+
+var noop = function noop() {};
+var index = isClient ? useLayoutEffect : noop;
 
 // Fork of `fast-deep-equal` that only does the comparisons we need and compares
 // functions

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@betterstore/react",
-  "version": "0.3.85",
+  "version": "0.3.86",
   "description": "E-commerce for Developers",
   "private": false,
   "publishConfig": {