@gomusdev/web-components 1.8.1 → 1.8.3

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];
@@ -11494,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 || [];
     }
@@ -11550,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;
         });
       }
@@ -11571,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;
     }
@@ -11688,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;
     });
@@ -13789,11 +13791,10 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
     let when = prop($$props, "when", 7), then = prop($$props, "then", 7, "show");
     const data = /* @__PURE__ */ state(proxy({}));
     get(data).ticketSelection = getTicketSelectionDetails($$props.$$host);
+    let formDetails = /* @__PURE__ */ state(void 0);
     user_effect(() => {
-      var _a2;
-      const formDetails = getDetails($$props.$$host);
-      if (!formDetails) return;
-      get(data).formData = (_a2 = getDetails($$props.$$host)) == null ? void 0 : _a2.formData;
+      if (!get(formDetails)) return;
+      get(data).formData = get(formDetails).formData;
     });
     let evaluatedWhen = /* @__PURE__ */ user_derived(() => evaluateExpression(when(), get(data)));
     let content = null;
@@ -13813,6 +13814,9 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
         }
       }
     });
+    onMount(async () => {
+      set(formDetails, await pollUntilTruthy(() => getDetails($$props.$$host)), true);
+    });
     return pop({
       get data() {
         return get(data);
@@ -13836,7 +13840,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];
@@ -11494,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 || [];
   }
@@ -11550,6 +11551,7 @@ function createSetDetails(KEY2) {
   return function(host, details) {
     if (host) {
       host.addEventListener(KEY2, (e) => {
+        e.stopPropagation();
         e.detail.data = details;
       });
     }
@@ -11571,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;
   }
@@ -11688,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;
   });
@@ -13789,11 +13791,10 @@ function If($$anchor, $$props) {
   let when = prop($$props, "when", 7), then = prop($$props, "then", 7, "show");
   const data = /* @__PURE__ */ state(proxy({}));
   get(data).ticketSelection = getTicketSelectionDetails($$props.$$host);
+  let formDetails = /* @__PURE__ */ state(void 0);
   user_effect(() => {
-    var _a2;
-    const formDetails = getDetails($$props.$$host);
-    if (!formDetails) return;
-    get(data).formData = (_a2 = getDetails($$props.$$host)) == null ? void 0 : _a2.formData;
+    if (!get(formDetails)) return;
+    get(data).formData = get(formDetails).formData;
   });
   let evaluatedWhen = /* @__PURE__ */ user_derived(() => evaluateExpression(when(), get(data)));
   let content = null;
@@ -13813,6 +13814,9 @@ function If($$anchor, $$props) {
       }
     }
   });
+  onMount(async () => {
+    set(formDetails, await pollUntilTruthy(() => getDetails($$props.$$host)), true);
+  });
   return pop({
     get data() {
       return get(data);
@@ -13836,7 +13840,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.1",
+  "version": "1.8.3",
   "type": "module",
   "main": "./dist-js/gomus-webcomponents.iife.js",
   "module": "./dist-js/gomus-webcomponents.iife.js",