@gomusdev/web-components 1.8.0 → 1.8.2

package/dist-js/components/forms/ui/specs/FormInForm.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/dist-js/gomus-webcomponents.iife.js

@@ -11167,10 +11167,13 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
      */
     fetchAndCache(endpoint, dataKey, responseKey, options) {
       var _a2;
-      __privateGet(this, _ensureApi).call(this);
       options ?? (options = {});
       options.query ?? (options.query = {});
       options.cache ?? (options.cache = 1e3);
+      if (!__privateGet(this, _canFetch).call(this)) {
+        console.warn("(fetchAndCache) Shop not loaded!");
+        return get(__privateGet(this, _data2))[dataKey];
+      }
       const query = assign(options.query, { per_page: 1e3 });
       const fetchId = endpoint + JSON.stringify(query);
       const isNotFetchedYet = !__privateGet(this, _fetchStatus)[fetchId];
@@ -11309,7 +11312,7 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
     },
     newPassword: {
       key: "password",
-      apiKey: "password_confirmation",
+      apiKey: "password",
       type: "password",
       label: "Password",
       placeholder: "",
@@ -11319,6 +11322,7 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
     },
     confirmPassword: {
       key: "confirmPassword",
+      apiKey: "password_confirmation",
       type: "password",
       label: "Confirm password",
       placeholder: "",
@@ -11493,8 +11497,6 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
   window.go = go;
   const _Forms = class _Forms {
     static defineForm(options) {
-      debugger;
-      console.log({ fields: options.fields });
       go.defineConfig({ forms: { [options.id]: { fields: options.fields } } });
       __privateGet(_Forms, _requiredApiKeysMap)[options.id] = options.requiredApiKeys || [];
     }
@@ -11549,6 +11551,7 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
     return function(host, details) {
       if (host) {
         host.addEventListener(KEY2, (e) => {
+          e.stopPropagation();
           e.detail.data = details;
         });
       }
@@ -11570,7 +11573,7 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
     constructor(formId, form) {
       __privateAdd(this, _fields, /* @__PURE__ */ state(proxy([])));
       __privateAdd(this, _apiErrors, /* @__PURE__ */ state(proxy([])));
-      __privateAdd(this, _isValid, /* @__PURE__ */ user_derived(() => errors(this.fields) == 0));
+      __privateAdd(this, _isValid, /* @__PURE__ */ user_derived(() => errors(get(__privateGet(this, _fields))) == 0));
       this.formId = formId;
       this.form = form;
     }
@@ -11687,7 +11690,7 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
       }
     }
     onMount(() => {
-      const form = wrapInElement($$props.$$host, "form", { id: "login-form", novalidate: true });
+      const form = wrapInElement($$props.$$host, "form", { novalidate: true });
       form.addEventListener("submit", handleSubmit);
       details.form = form;
     });
@@ -13835,7 +13838,16 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
       }
     });
   }
-  customElements.define("go-if", create_custom_element(If, { when: {}, then: {} }, [], ["data"], false));
+  customElements.define("go-if", create_custom_element(
+    If,
+    {
+      when: { attribute: "when", reflect: true, type: "String" },
+      then: { attribute: "then", reflect: true, type: "String" }
+    },
+    [],
+    ["data"],
+    false
+  ));
   function GomusInit($$anchor, $$props) {
     push($$props, true);
     let apiUrl = prop($$props, "apiUrl", 7), shopDomain = prop($$props, "shopDomain", 7), locale = prop($$props, "locale", 7);

package/dist-js/gomus-webcomponents.js

@@ -11167,10 +11167,13 @@ class Shop {
    */
   fetchAndCache(endpoint, dataKey, responseKey, options) {
     var _a2;
-    __privateGet(this, _ensureApi).call(this);
     options ?? (options = {});
     options.query ?? (options.query = {});
     options.cache ?? (options.cache = 1e3);
+    if (!__privateGet(this, _canFetch).call(this)) {
+      console.warn("(fetchAndCache) Shop not loaded!");
+      return get(__privateGet(this, _data2))[dataKey];
+    }
     const query = assign(options.query, { per_page: 1e3 });
     const fetchId = endpoint + JSON.stringify(query);
     const isNotFetchedYet = !__privateGet(this, _fetchStatus)[fetchId];
@@ -11309,7 +11312,7 @@ var allFields = {
   },
   newPassword: {
     key: "password",
-    apiKey: "password_confirmation",
+    apiKey: "password",
     type: "password",
     label: "Password",
     placeholder: "",
@@ -11319,6 +11322,7 @@ var allFields = {
   },
   confirmPassword: {
     key: "confirmPassword",
+    apiKey: "password_confirmation",
     type: "password",
     label: "Confirm password",
     placeholder: "",
@@ -11493,8 +11497,6 @@ const go = new Config();
 window.go = go;
 const _Forms = class _Forms {
   static defineForm(options) {
-    debugger;
-    console.log({ fields: options.fields });
     go.defineConfig({ forms: { [options.id]: { fields: options.fields } } });
     __privateGet(_Forms, _requiredApiKeysMap)[options.id] = options.requiredApiKeys || [];
   }
@@ -11549,6 +11551,7 @@ function createSetDetails(KEY2) {
   return function(host, details) {
     if (host) {
       host.addEventListener(KEY2, (e) => {
+        e.stopPropagation();
         e.detail.data = details;
       });
     }
@@ -11570,7 +11573,7 @@ class FormDetails {
   constructor(formId, form) {
     __privateAdd(this, _fields, /* @__PURE__ */ state(proxy([])));
     __privateAdd(this, _apiErrors, /* @__PURE__ */ state(proxy([])));
-    __privateAdd(this, _isValid, /* @__PURE__ */ user_derived(() => errors(this.fields) == 0));
+    __privateAdd(this, _isValid, /* @__PURE__ */ user_derived(() => errors(get(__privateGet(this, _fields))) == 0));
     this.formId = formId;
     this.form = form;
   }
@@ -11687,7 +11690,7 @@ function Form($$anchor, $$props) {
     }
   }
   onMount(() => {
-    const form = wrapInElement($$props.$$host, "form", { id: "login-form", novalidate: true });
+    const form = wrapInElement($$props.$$host, "form", { novalidate: true });
     form.addEventListener("submit", handleSubmit);
     details.form = form;
   });
@@ -13835,7 +13838,16 @@ function If($$anchor, $$props) {
     }
   });
 }
-customElements.define("go-if", create_custom_element(If, { when: {}, then: {} }, [], ["data"], false));
+customElements.define("go-if", create_custom_element(
+  If,
+  {
+    when: { attribute: "when", reflect: true, type: "String" },
+    then: { attribute: "then", reflect: true, type: "String" }
+  },
+  [],
+  ["data"],
+  false
+));
 function GomusInit($$anchor, $$props) {
   push($$props, true);
   let apiUrl = prop($$props, "apiUrl", 7), shopDomain = prop($$props, "shopDomain", 7), locale = prop($$props, "locale", 7);

package/package.json

@@ -4,7 +4,7 @@
     "name": "Giantmonkey GmbH"
   },
   "license": "MIT",
-  "version": "1.8.0",
+  "version": "1.8.2",
   "type": "module",
   "main": "./dist-js/gomus-webcomponents.iife.js",
   "module": "./dist-js/gomus-webcomponents.iife.js",