hemfixarna-web-components 1.6.2 → 1.6.3

package/dist/collection/components/hemfixarna-component/hemfixarna-component.js

@@ -0,0 +1,483 @@
+import { Fragment, getAssetPath, h } from '@stencil/core';
+import state from '../../store';
+import { WidgetStyle } from '../../types';
+import { getCustomer, getGreenDiscount, getOptions, getRot, getRut, getTaxonomy } from '../../utils/api';
+import { getProductPriceWithRotAndRut } from '../../utils/calc';
+import { scrollToTop } from '../../utils/scroll';
+export class HemfixarnaComponent {
+  constructor() {
+    this.slugIsOldFormat = (slug) => {
+      if (!slug)
+        return false;
+      return ['product', 'service', 'category'].some(str => slug.includes(str));
+    };
+    this.triggerScrollTotop = () => {
+      const el = this.el.shadowRoot.querySelector('.hemfixarna_content');
+      scrollToTop(el);
+    };
+    this.modal = false;
+    this.showModal = false;
+    this.tree = null;
+    this.product = null;
+    this.proppedProduct = null;
+    this.slug = undefined;
+    this.id = undefined;
+    this.business = undefined;
+    this.topCategory = undefined;
+    this.forceOldTree = false;
+    this.loadFromQuery = false;
+    this.isDemo = false;
+    this.widgetStyle = undefined;
+    this.nav = undefined;
+    this.buttonColor = undefined;
+    this.buttonBg = undefined;
+  }
+  loadCategoryOrProduct(id) {
+    this.proppedProduct = null;
+    if (id.startsWith('c-')) {
+      const categories = [...state.customer.categories, ...state.customer.categories.map(c => { var _a; return (_a = c.sub_categories) !== null && _a !== void 0 ? _a : []; })].flat();
+      const category = categories.find(c => c && c.id === id.replace('c-', ''));
+      if (category) {
+        state.selectedCustomerCategory = category;
+        state.step = 2;
+      }
+    }
+    else {
+      const products = state.customer.categories
+        .map(c => (c.show_products ? c.products : c.sub_categories ? c.sub_categories.map(c => c.products) : []))
+        .flat()
+        .flat();
+      const product = products.find(p => p && p.fields.ID === parseInt(id));
+      if (product) {
+        state.selectedProduct = product.fields;
+        state.step = 4;
+        this.proppedProduct = product.fields;
+      }
+    }
+  }
+  async watchSlugChange(newValue) {
+    if (this.slugIsOldFormat(newValue)) {
+      this.fetchNewTaxonomy(newValue);
+    }
+    else if (state.customer && newValue) {
+      this.loadCategoryOrProduct(newValue);
+    }
+  }
+  async watchIdChange(id) {
+    if (id && state.customer) {
+      if (id === 'maleri') {
+        state.maleri = true;
+        state.step = 4;
+      }
+      else {
+        this.loadCategoryOrProduct(id);
+      }
+    }
+  }
+  async fetchNewTaxonomy(slug) {
+    state.selectedCategory = null;
+    state.selectedProduct = null;
+    state.selectedService = null;
+    state.maleri = null;
+    const res = await getTaxonomy(slug);
+    if ((res === null || res === void 0 ? void 0 : res.code) === 'not_found' || (res === null || res === void 0 ? void 0 : res.code) === 'rest_no_route') {
+      console.log('taxonomy not found');
+    }
+    else if (res) {
+      this.setTaxonomy(res);
+      if ((res === null || res === void 0 ? void 0 : res.post_type) === 'ikea_product') {
+        this.product = res;
+      }
+    }
+  }
+  async componentWillLoad() {
+    state.business = this.business;
+    const cart = window.sessionStorage.getItem(`hemfixarna-${this.business}-cart`);
+    if (cart) {
+      state.cart = JSON.parse(cart);
+    }
+    const user = window.sessionStorage.getItem(`hemfixarna-${this.business}-user`);
+    if (user) {
+      state.user = JSON.parse(user);
+    }
+    const creditSafeUser = window.sessionStorage.getItem(`hemfixarna-${this.business}-creditSafeUser`);
+    if (creditSafeUser) {
+      state.creditSafeUser = JSON.parse(creditSafeUser);
+    }
+    const [tree, res, options, rut, rot, greenDiscount] = await Promise.all([
+      this.topCategory ? getTaxonomy(this.topCategory) : null,
+      this.slug ? getTaxonomy(this.slug) : Promise.resolve(null),
+      getOptions(),
+      getRut(),
+      getRot(),
+      getGreenDiscount(),
+    ]);
+    if ((!this.slug || !this.slugIsOldFormat(this.slug)) && !this.forceOldTree) {
+      try {
+        const customer = await getCustomer(this.business);
+        if ((customer === null || customer === void 0 ? void 0 : customer.code) === 'not_found') {
+          console.warn('customer not found');
+        }
+        else if (customer) {
+          state.customer = customer;
+          if (this.id) {
+            if (this.id === 'maleri') {
+              state.maleri = true;
+              state.step = 4;
+            }
+            else {
+              this.loadCategoryOrProduct(this.id);
+            }
+          }
+          else if (this.slug && !this.slugIsOldFormat(this.slug)) {
+            this.loadCategoryOrProduct(this.slug);
+          }
+        }
+      }
+      catch (error) {
+        console.warn('customer not found');
+      }
+    }
+    if ((tree === null || tree === void 0 ? void 0 : tree.code) === 'not_found') {
+      // console.warn('tree not found');
+    }
+    else if (tree) {
+      this.tree = tree;
+    }
+    if ((res === null || res === void 0 ? void 0 : res.code) === 'not_found') {
+      console.log('taxonomy not found');
+    }
+    else if (res) {
+      this.setTaxonomy(res);
+      if ((res === null || res === void 0 ? void 0 : res.post_type) === 'ikea_product') {
+        this.product = res;
+      }
+    }
+    if (this.loadFromQuery) {
+      const params = new URL(document.location.toString()).searchParams;
+      this.id = params.get('id');
+      if (!this.isDemo) {
+        this.openModal();
+      }
+    }
+    state.rotOptions = rot;
+    state.rutOptions = rut;
+    state.greenOptions = greenDiscount;
+    state.options = options;
+  }
+  setTaxonomy(taxonomy) {
+    if (taxonomy) {
+      if ((taxonomy === null || taxonomy === void 0 ? void 0 : taxonomy.taxonomy) === 'service_cat') {
+        state.selectedCategory = taxonomy;
+        state.step = 2;
+      }
+      else if ((taxonomy === null || taxonomy === void 0 ? void 0 : taxonomy.post_type) === 'service') {
+        state.selectedService = taxonomy;
+        state.selectedCategory = this.tree.sub_cats.find(c => c.services.find(s => s.ID === taxonomy.ID));
+        state.step = 3;
+      }
+      else if ((taxonomy === null || taxonomy === void 0 ? void 0 : taxonomy.post_type) === 'ikea_product') {
+        state.selectedProduct = taxonomy;
+        state.selectedService = this.tree.sub_cats
+          .map(c => c.services)
+          .flat()
+          .find(s => s.products.find(p => p.ID === state.selectedProduct.ID));
+        state.selectedCategory = this.tree.sub_cats.find(c => c.services.find(s => s.ID === state.selectedService.ID));
+        state.step = 4;
+      }
+      this.triggerScrollTotop();
+    }
+  }
+  // Open close modal && click outside event
+  openModal() {
+    this.modal = true;
+    setTimeout(() => {
+      this.showModal = true;
+    }, 50);
+  }
+  closeModal() {
+    this.showModal = false;
+    setTimeout(() => {
+      this.modal = false;
+    }, 200);
+  }
+  handleClick(e) {
+    if (this.loadFromQuery && !this.isDemo)
+      return;
+    if ((e === null || e === void 0 ? void 0 : e.composedPath()[0]).classList.contains('hemfixarna_backdrop')) {
+      this.closeModal();
+    }
+    const infomodal = this.el.shadowRoot.querySelector('.hemfixarna_infomodal');
+    if (infomodal) {
+      const isClickInside = infomodal.contains(e.composedPath()[0]);
+      if (!isClickInside) {
+        state.modal = null;
+      }
+    }
+  }
+  getCartLength() {
+    return state.cart.reduce((acc, curr) => acc + curr.amount, 0);
+  }
+  render() {
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r;
+    const logo = getAssetPath(`./assets/hemfixarna.svg`);
+    const pensel = getAssetPath(`./assets/pensel.svg`);
+    const monteringLogo = getAssetPath(`./assets/montering.svg`);
+    const navBackground = ((_a = this.nav) === null || _a === void 0 ? void 0 : _a.background) ? getAssetPath(this.nav.background) : '';
+    const navLogo = ((_b = this.nav) === null || _b === void 0 ? void 0 : _b.logo) ? getAssetPath(this.nav.logo) : '';
+    return (h("div", { class: `hemfixarna ${this.loadFromQuery ? 'hemfixarna_standalone' : ''}` }, this.loadFromQuery && !this.isDemo && this.nav ? (h("nav", { class: "hemfixarna_nav", style: { backgroundColor: (_c = this.nav.backgroundColor) !== null && _c !== void 0 ? _c : '' } }, h("div", null, h("div", { class: "hemfixarna_nav--logos" }, h("a", { href: this.nav.url, target: "_blank" }, h("img", { class: "hemfixarna_partnerlogo", src: navLogo, alt: `${this.business} logo` })), h("a", { href: "https://hemfixarna.se/", target: "_blank" }, h("p", { class: navBackground || this.nav.backgroundColor ? 'with-bg' : '' }, "I samarbete med:"), h("img", { src: logo, alt: "hemfixarna_logo", width: 104 }))), h("div", { class: "hemfixarna_nav--links" }, h("a", { href: this.nav.url, target: "_blank" }, "Till ", this.business), h("a", { href: "https://www.hemfixarna.se/", target: "_blank" }, "Till Hemfixarna")), navBackground ? h("img", { src: navBackground, class: "nav_background", alt: "nav_background" }) : null))) : null, !this.loadFromQuery || this.isDemo ? (h("div", { class: `hemfixarna_box hemfixarna_box--${this.widgetStyle}` }, [WidgetStyle.alternative_2, WidgetStyle.alternative_3].includes(this.widgetStyle) ? (h("img", { src: this.id === 'maleri' ? pensel : monteringLogo, alt: "montering logo", width: 32, height: 32 })) : null, h("div", null, h("div", null, h("p", { onClick: () => this.openModal(), class: `pointer ${[WidgetStyle.alternative_2, WidgetStyle.alternative_3].includes(this.widgetStyle) && state.selectedProduct ? 'underline' : ''}` }, this.id === 'maleri' ? (h("span", null, "Ber\u00E4kna fast pris p\u00E5 m\u00E5leri & tapetsering h\u00E4r")) : (h(Fragment, null, !state.selectedCustomerCategory && !this.product && !this.proppedProduct ? (h(Fragment, null, ((_d = state.customer) === null || _d === void 0 ? void 0 : _d.widget_title) ? (h("span", null, state.customer.widget_title)) : (h("span", null, "Montering/Installation - ", h("strong", { class: "underline" }, "se priser h\u00E4r"))))) : (h(Fragment, null, ((_e = this.product) === null || _e === void 0 ? void 0 : _e.title) || ((_f = this.proppedProduct) === null || _f === void 0 ? void 0 : _f.title) || ((_g = state.selectedCustomerCategory) === null || _g === void 0 ? void 0 : _g.widget_title) || (h("span", null, "Montering", h("wbr", null), "/Installation ", (_j = (_h = state.selectedCustomerCategory) === null || _h === void 0 ? void 0 : _h.name) !== null && _j !== void 0 ? _j : 'på plats', " - ", h("strong", { class: "underline" }, "se priser h\u00E4r"))), (this.product && ((_k = this.slug) === null || _k === void 0 ? void 0 : _k.includes('product'))) || (this.proppedProduct && !((_l = this.product) === null || _l === void 0 ? void 0 : _l.invoice) && !((_m = this.proppedProduct) === null || _m === void 0 ? void 0 : _m.invoice)) ? (h("span", null, ' från', " ", h("strong", null, getProductPriceWithRotAndRut(this.proppedProduct || this.product), "kr"))) : null)))))), this.widgetStyle === WidgetStyle.standard ? h("img", { src: logo, width: 104 }) : null, this.widgetStyle === WidgetStyle.alternative ? (h("span", { class: "p-s" }, "Utf\u00F6rs av ", h("strong", null, "Hemfixarna"))) : null), [WidgetStyle.standard, WidgetStyle.alternative].includes(this.widgetStyle) ? (h("button", { onClick: () => this.openModal(), class: "hemfixarna_btn", style: {
+        color: ((_o = this.buttonColor) === null || _o === void 0 ? void 0 : _o.startsWith('#')) || !((_p = this.buttonColor) === null || _p === void 0 ? void 0 : _p.length) ? this.buttonColor : `#${this.buttonColor}`,
+        backgroundColor: ((_q = this.buttonBg) === null || _q === void 0 ? void 0 : _q.startsWith('#')) || !((_r = this.buttonBg) === null || _r === void 0 ? void 0 : _r.length) ? this.buttonBg : `#${this.buttonBg}`,
+      } }, "Best\u00E4ll h\u00E4r", this.getCartLength() > 0 && h("span", null, this.getCartLength()))) : null, WidgetStyle.alternative_2 === this.widgetStyle ? (h("div", { class: "hemfixarna_altbtn" }, h("strong", { class: "p-s" }, "Utf\u00F6rs av"), h("img", { src: logo, alt: "hemfixarna logo", width: 98 }))) : null)) : null, this.modal && (h("div", null, h("div", { class: `hemfixarna_modal ${this.showModal ? 'hemfixarna_modal--open' : ''}` }, state.modal && (h("div", { class: "hemfixarna_infomodal" }, state.modal.title && h("h2", null, state.modal.title), state.modal.text.map((t) => (h("p", { innerHTML: t }))), h("div", null, h("button", { onClick: () => (state.modal = null) }, "St\u00E4ng")))), (this.tree || state.customer) && (h("hemfixarna-breadcrumbs", { isDemo: this.isDemo, loadFromQuery: this.loadFromQuery, closeModal: () => this.closeModal(), tree: this.tree })), !state.customer || this.slugIsOldFormat(this.slug) ? (h("div", { class: `hemfixarna_content hemfixarna_content--${state.step}` }, state.step === 1 && this.tree && h("hemfixarna-start", { tree: this.tree }), state.step === 2 && state.selectedCategory && h("hemfixarna-category", null), state.step === 3 && state.selectedService && h("hemfixarna-service", null), state.step === 4 && state.selectedProduct && h("hemfixarna-product", null), state.step === 5 && h("hemfixarna-cart", { tree: this.tree }), state.step === 6 && h("hemfixarna-order", { tree: this.tree }))) : (h("div", { class: `hemfixarna_content hemfixarna_content--${state.step} ${state.step === 4 && state.maleri ? 'hemfixarna_content--painting' : ''}` }, state.step < 4 && h("hemfixarna-start", null), state.step === 4 && h("hemfixarna-product", null), state.step === 5 && h("hemfixarna-cart", { tree: this.tree }), state.step === 6 && h("hemfixarna-order", { tree: this.tree })))), !this.isDemo ? h("div", { class: `hemfixarna_backdrop ${this.showModal ? 'hemfixarna_backdrop--open' : ''}` }) : null))));
+  }
+  static get is() { return "hemfixarna-component"; }
+  static get encapsulation() { return "shadow"; }
+  static get originalStyleUrls() {
+    return {
+      "$": ["hemfixarna.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["hemfixarna.css"]
+    };
+  }
+  static get assetsDirs() { return ["assets"]; }
+  static get properties() {
+    return {
+      "slug": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "slug",
+        "reflect": false
+      },
+      "id": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "id",
+        "reflect": false
+      },
+      "business": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "Business",
+          "resolved": "Business.byggmax | Business.doro | Business.elfa | Business.fargvaruhuset | Business.flyttsmart | Business.forebygg | Business.hornbach | Business.kbygg | Business.klint | Business.kund | Business.lg | Business.norrgavel | Business.power | Business.skanska | Business.sparfonster | Business.string | Business.superfront | Business.tesla | Business.traningspartner | Business.zaptec",
+          "references": {
+            "Business": {
+              "location": "import",
+              "path": "../../types"
+            }
+          }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "business",
+        "reflect": false
+      },
+      "topCategory": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "TopCategory",
+          "resolved": "TopCategory",
+          "references": {
+            "TopCategory": {
+              "location": "import",
+              "path": "../../types"
+            }
+          }
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "top-category",
+        "reflect": false
+      },
+      "forceOldTree": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "force-old-tree",
+        "reflect": false,
+        "defaultValue": "false"
+      },
+      "loadFromQuery": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "load-from-query",
+        "reflect": false,
+        "defaultValue": "false"
+      },
+      "isDemo": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "is-demo",
+        "reflect": false,
+        "defaultValue": "false"
+      },
+      "widgetStyle": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "WidgetStyle",
+          "resolved": "WidgetStyle.alternative | WidgetStyle.alternative_2 | WidgetStyle.alternative_3 | WidgetStyle.standard",
+          "references": {
+            "WidgetStyle": {
+              "location": "import",
+              "path": "../../types"
+            }
+          }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "widget-style",
+        "reflect": false
+      },
+      "nav": {
+        "type": "unknown",
+        "mutable": false,
+        "complexType": {
+          "original": "{\n    url: string;\n    logo: string;\n    background?: string;\n    backgroundColor?: string;\n  }",
+          "resolved": "{ url: string; logo: string; background?: string; backgroundColor?: string; }",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "defaultValue": "undefined"
+      },
+      "buttonColor": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "button-color",
+        "reflect": false
+      },
+      "buttonBg": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "button-bg",
+        "reflect": false
+      }
+    };
+  }
+  static get states() {
+    return {
+      "modal": {},
+      "showModal": {},
+      "tree": {},
+      "product": {},
+      "proppedProduct": {}
+    };
+  }
+  static get elementRef() { return "el"; }
+  static get watchers() {
+    return [{
+        "propName": "slug",
+        "methodName": "watchSlugChange"
+      }, {
+        "propName": "id",
+        "methodName": "watchIdChange"
+      }];
+  }
+  static get listeners() {
+    return [{
+        "name": "click",
+        "method": "handleClick",
+        "target": undefined,
+        "capture": false,
+        "passive": false
+      }];
+  }
+}
+//# sourceMappingURL=hemfixarna-component.js.map

package/dist/collection/components/hemfixarna-component/hemfixarna-component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"hemfixarna-component.js","sourceRoot":"","sources":["../../../src/components/hemfixarna-component/hemfixarna-component.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,YAAY,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAC1G,OAAO,KAAK,MAAM,aAAa,CAAC;AAChC,OAAO,EAAqD,WAAW,EAAE,MAAM,aAAa,CAAC;AAC7F,OAAO,EAAE,WAAW,EAAE,gBAAgB,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AACzG,OAAO,EAAE,4BAA4B,EAAE,MAAM,kBAAkB,CAAC;AAChE,OAAO,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAQjD,MAAM,OAAO,mBAAmB;;IAsF9B,oBAAe,GAAG,CAAC,IAAa,EAAE,EAAE;MAClC,IAAI,CAAC,IAAI;QAAE,OAAO,KAAK,CAAC;MACxB,OAAO,CAAC,SAAS,EAAE,SAAS,EAAE,UAAU,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC;IAC5E,CAAC,CAAC;IA8EF,uBAAkB,GAAG,GAAG,EAAE;MACxB,MAAM,EAAE,GAAG,IAAI,CAAC,EAAE,CAAC,UAAU,CAAC,aAAa,CAAC,qBAAqB,CAAC,CAAC;MACnE,WAAW,CAAC,EAAE,CAAC,CAAC;IAClB,CAAC,CAAC;iBAzKwB,KAAK;qBACD,KAAK;gBACF,IAAI;mBACF,IAAI;0BACG,IAAI;;;;;wBAKb,KAAK;yBACJ,KAAK;kBACZ,KAAK;;eAO5B,SAAS;;;;EAMb,qBAAqB,CAAC,EAAU;IAC9B,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC;IAC3B,IAAI,EAAE,CAAC,UAAU,CAAC,IAAI,CAAC,EAAE;MACvB,MAAM,UAAU,GAAG,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,UAAU,EAAE,GAAG,KAAK,CAAC,QAAQ,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,WAAC,OAAA,MAAA,CAAC,CAAC,cAAc,mCAAI,EAAE,CAAA,EAAA,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC;MACxH,MAAM,QAAQ,GAAG,UAAU,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,OAAO,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,CAAC;MAC1E,IAAI,QAAQ,EAAE;QACZ,KAAK,CAAC,wBAAwB,GAAG,QAAQ,CAAC;QAC1C,KAAK,CAAC,IAAI,GAAG,CAAC,CAAC;OAChB;KACF;SAAM;MACL,MAAM,QAAQ,GAAG,KAAK,CAAC,QAAQ,CAAC,UAAU;SACvC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,cAAc,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;SACxG,IAAI,EAAE;SACN,IAAI,EAAE,CAAC;MACV,MAAM,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,MAAM,CAAC,EAAE,KAAK,QAAQ,CAAC,EAAE,CAAC,CAAC,CAAC;MACtE,IAAI,OAAO,EAAE;QACX,KAAK,CAAC,eAAe,GAAG,OAAO,CAAC,MAAM,CAAC;QACvC,KAAK,CAAC,IAAI,GAAG,CAAC,CAAC;QACf,IAAI,CAAC,cAAc,GAAG,OAAO,CAAC,MAAM,CAAC;OACtC;KACF;EACH,CAAC;EAGD,KAAK,CAAC,eAAe,CAAC,QAAgB;IACpC,IAAI,IAAI,CAAC,eAAe,CAAC,QAAQ,CAAC,EAAE;MAClC,IAAI,CAAC,gBAAgB,CAAC,QAAQ,CAAC,CAAC;KACjC;SAAM,IAAI,KAAK,CAAC,QAAQ,IAAI,QAAQ,EAAE;MACrC,IAAI,CAAC,qBAAqB,CAAC,QAAQ,CAAC,CAAC;KACtC;EACH,CAAC;EAGD,KAAK,CAAC,aAAa,CAAC,EAAU;IAC5B,IAAI,EAAE,IAAI,KAAK,CAAC,QAAQ,EAAE;MACxB,IAAI,EAAE,KAAK,QAAQ,EAAE;QACnB,KAAK,CAAC,MAAM,GAAG,IAAI,CAAC;QACpB,KAAK,CAAC,IAAI,GAAG,CAAC,CAAC;OAChB;WAAM;QACL,IAAI,CAAC,qBAAqB,CAAC,EAAE,CAAC,CAAC;OAChC;KACF;EACH,CAAC;EAED,KAAK,CAAC,gBAAgB,CAAC,IAAY;IACjC,KAAK,CAAC,gBAAgB,GAAG,IAAI,CAAC;IAC9B,KAAK,CAAC,eAAe,GAAG,IAAI,CAAC;IAC7B,KAAK,CAAC,eAAe,GAAG,IAAI,CAAC;IAC7B,KAAK,CAAC,MAAM,GAAG,IAAI,CAAC;IAEpB,MAAM,GAAG,GAAG,MAAM,WAAW,CAAC,IAAI,CAAC,CAAC;IACpC,IAAI,CAAA,GAAG,aAAH,GAAG,uBAAH,GAAG,CAAE,IAAI,MAAK,WAAW,IAAI,CAAA,GAAG,aAAH,GAAG,uBAAH,GAAG,CAAE,IAAI,MAAK,eAAe,EAAE;MAC9D,OAAO,CAAC,GAAG,CAAC,oBAAoB,CAAC,CAAC;KACnC;SAAM,IAAI,GAAG,EAAE;MACd,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC;MACtB,IAAI,CAAC,GAAe,aAAf,GAAG,uBAAH,GAAG,CAAc,SAAS,MAAK,cAAc,EAAE;QAClD,IAAI,CAAC,OAAO,GAAG,GAAc,CAAC;OAC/B;KACF;EACH,CAAC;EAOD,KAAK,CAAC,iBAAiB;IACrB,KAAK,CAAC,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC;IAC/B,MAAM,IAAI,GAAG,MAAM,CAAC,cAAc,CAAC,OAAO,CAAC,cAAc,IAAI,CAAC,QAAQ,OAAO,CAAC,CAAC;IAC/E,IAAI,IAAI,EAAE;MACR,KAAK,CAAC,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;KAC/B;IACD,MAAM,IAAI,GAAG,MAAM,CAAC,cAAc,CAAC,OAAO,CAAC,cAAc,IAAI,CAAC,QAAQ,OAAO,CAAC,CAAC;IAC/E,IAAI,IAAI,EAAE;MACR,KAAK,CAAC,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;KAC/B;IACD,MAAM,cAAc,GAAG,MAAM,CAAC,cAAc,CAAC,OAAO,CAAC,cAAc,IAAI,CAAC,QAAQ,iBAAiB,CAAC,CAAC;IACnG,IAAI,cAAc,EAAE;MAClB,KAAK,CAAC,cAAc,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,CAAC;KACnD;IAED,MAAM,CAAC,IAAI,EAAE,GAAG,EAAE,OAAO,EAAE,GAAG,EAAE,GAAG,EAAE,aAAa,CAAC,GAAG,MAAM,OAAO,CAAC,GAAG,CAAC;MACtE,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,WAAW,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,IAAI;MACvD,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC;MAC1D,UAAU,EAAE;MACZ,MAAM,EAAE;MACR,MAAM,EAAE;MACR,gBAAgB,EAAE;KACnB,CAAC,CAAC;IAEH,IAAI,CAAC,CAAC,IAAI,CAAC,IAAI,IAAI,CAAC,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,YAAY,EAAE;MAC1E,IAAI;QACF,MAAM,QAAQ,GAAG,MAAM,WAAW,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;QAClD,IAAI,CAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,IAAI,MAAK,WAAW,EAAE;UAClC,OAAO,CAAC,IAAI,CAAC,oBAAoB,CAAC,CAAC;SACpC;aAAM,IAAI,QAAQ,EAAE;UACnB,KAAK,CAAC,QAAQ,GAAG,QAAQ,CAAC;UAC1B,IAAI,IAAI,CAAC,EAAE,EAAE;YACX,IAAI,IAAI,CAAC,EAAE,KAAK,QAAQ,EAAE;cACxB,KAAK,CAAC,MAAM,GAAG,IAAI,CAAC;cACpB,KAAK,CAAC,IAAI,GAAG,CAAC,CAAC;aAChB;iBAAM;cACL,IAAI,CAAC,qBAAqB,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;aACrC;WACF;eAAM,IAAI,IAAI,CAAC,IAAI,IAAI,CAAC,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE;YACxD,IAAI,CAAC,qBAAqB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;WACvC;SACF;OACF;MAAC,OAAO,KAAK,EAAE;QACd,OAAO,CAAC,IAAI,CAAC,oBAAoB,CAAC,CAAC;OACpC;KACF;IAED,IAAI,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,IAAI,MAAK,WAAW,EAAE;MAC9B,kCAAkC;KACnC;SAAM,IAAI,IAAI,EAAE;MACf,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;KAClB;IAED,IAAI,CAAA,GAAG,aAAH,GAAG,uBAAH,GAAG,CAAE,IAAI,MAAK,WAAW,EAAE;MAC7B,OAAO,CAAC,GAAG,CAAC,oBAAoB,CAAC,CAAC;KACnC;SAAM,IAAI,GAAG,EAAE;MACd,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC;MACtB,IAAI,CAAC,GAAe,aAAf,GAAG,uBAAH,GAAG,CAAc,SAAS,MAAK,cAAc,EAAE;QAClD,IAAI,CAAC,OAAO,GAAG,GAAc,CAAC;OAC/B;KACF;IAED,IAAI,IAAI,CAAC,aAAa,EAAE;MACtB,MAAM,MAAM,GAAG,IAAI,GAAG,CAAC,QAAQ,CAAC,QAAQ,CAAC,QAAQ,EAAE,CAAC,CAAC,YAAY,CAAC;MAClE,IAAI,CAAC,EAAE,GAAG,MAAM,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;MAC3B,IAAI,CAAC,IAAI,CAAC,MAAM,EAAE;QAChB,IAAI,CAAC,SAAS,EAAE,CAAC;OAClB;KACF;IAED,KAAK,CAAC,UAAU,GAAG,GAAG,CAAC;IACvB,KAAK,CAAC,UAAU,GAAG,GAAG,CAAC;IACvB,KAAK,CAAC,YAAY,GAAG,aAAa,CAAC;IACnC,KAAK,CAAC,OAAO,GAAG,OAAO,CAAC;EAC1B,CAAC;EAOD,WAAW,CAAC,QAAsC;IAChD,IAAI,QAAQ,EAAE;MACZ,IAAI,CAAC,QAAqB,aAArB,QAAQ,uBAAR,QAAQ,CAAe,QAAQ,MAAK,aAAa,EAAE;QACtD,KAAK,CAAC,gBAAgB,GAAG,QAAoB,CAAC;QAC9C,KAAK,CAAC,IAAI,GAAG,CAAC,CAAC;OAChB;WAAM,IAAI,CAAC,QAAoB,aAApB,QAAQ,uBAAR,QAAQ,CAAc,SAAS,MAAK,SAAS,EAAE;QACzD,KAAK,CAAC,eAAe,GAAG,QAAmB,CAAC;QAC5C,KAAK,CAAC,gBAAgB,GAAG,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,KAAM,QAAoB,CAAC,EAAE,CAAC,CAAC,CAAC;QAC/G,KAAK,CAAC,IAAI,GAAG,CAAC,CAAC;OAChB;WAAM,IAAI,CAAC,QAAoB,aAApB,QAAQ,uBAAR,QAAQ,CAAc,SAAS,MAAK,cAAc,EAAE;QAC9D,KAAK,CAAC,eAAe,GAAG,QAAmB,CAAC;QAC5C,KAAK,CAAC,eAAe,GAAG,IAAI,CAAC,IAAI,CAAC,QAAQ;WACvC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,QAAQ,CAAC;WACpB,IAAI,EAAE;WACN,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,KAAK,CAAC,eAAe,CAAC,EAAE,CAAC,CAAC,CAAC;QACtE,KAAK,CAAC,gBAAgB,GAAG,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,KAAK,CAAC,eAAe,CAAC,EAAE,CAAC,CAAC,CAAC;QAC/G,KAAK,CAAC,IAAI,GAAG,CAAC,CAAC;OAChB;MACD,IAAI,CAAC,kBAAkB,EAAE,CAAC;KAC3B;EACH,CAAC;EAED,0CAA0C;EAC1C,SAAS;IACP,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC;IAClB,UAAU,CAAC,GAAG,EAAE;MACd,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC;IACxB,CAAC,EAAE,EAAE,CAAC,CAAC;EACT,CAAC;EACD,UAAU;IACR,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC;IACvB,UAAU,CAAC,GAAG,EAAE;MACd,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;IACrB,CAAC,EAAE,GAAG,CAAC,CAAC;EACV,CAAC;EAED,WAAW,CAAC,CAAQ;IAClB,IAAI,IAAI,CAAC,aAAa,IAAI,CAAC,IAAI,CAAC,MAAM;MAAE,OAAO;IAC/C,IAAI,CAAC,CAAC,aAAD,CAAC,uBAAD,CAAC,CAAE,YAAY,GAAG,CAAC,CAAiB,CAAA,CAAC,SAAS,CAAC,QAAQ,CAAC,qBAAqB,CAAC,EAAE;MACnF,IAAI,CAAC,UAAU,EAAE,CAAC;KACnB;IACD,MAAM,SAAS,GAAG,IAAI,CAAC,EAAE,CAAC,UAAU,CAAC,aAAa,CAAC,uBAAuB,CAAC,CAAC;IAC5E,IAAI,SAAS,EAAE;MACb,MAAM,aAAa,GAAG,SAAS,CAAC,QAAQ,CAAC,CAAC,CAAC,YAAY,EAAE,CAAC,CAAC,CAAqB,CAAC,CAAC;MAClF,IAAI,CAAC,aAAa,EAAE;QAClB,KAAK,CAAC,KAAK,GAAG,IAAI,CAAC;OACpB;KACF;EACH,CAAC;EAED,aAAa;IACX,OAAO,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,IAAI,EAAE,EAAE,CAAC,GAAG,GAAG,IAAI,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC;EAChE,CAAC;EAED,MAAM;;IACJ,MAAM,IAAI,GAAG,YAAY,CAAC,yBAAyB,CAAC,CAAC;IACrD,MAAM,MAAM,GAAG,YAAY,CAAC,qBAAqB,CAAC,CAAC;IACnD,MAAM,aAAa,GAAG,YAAY,CAAC,wBAAwB,CAAC,CAAC;IAC7D,MAAM,aAAa,GAAG,CAAA,MAAA,IAAI,CAAC,GAAG,0CAAE,UAAU,EAAC,CAAC,CAAC,YAAY,CAAC,IAAI,CAAC,GAAG,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;IACpF,MAAM,OAAO,GAAG,CAAA,MAAA,IAAI,CAAC,GAAG,0CAAE,IAAI,EAAC,CAAC,CAAC,YAAY,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;IAElE,OAAO,CACL,WAAK,KAAK,EAAE,cAAc,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,uBAAuB,CAAC,CAAC,CAAC,EAAE,EAAE;MAC1E,IAAI,CAAC,aAAa,IAAI,CAAC,IAAI,CAAC,MAAM,IAAI,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,CAChD,WAAK,KAAK,EAAC,gBAAgB,EAAC,KAAK,EAAE,EAAE,eAAe,EAAE,MAAA,IAAI,CAAC,GAAG,CAAC,eAAe,mCAAI,EAAE,EAAE;QACpF;UACE,WAAK,KAAK,EAAC,uBAAuB;YAChC,SAAG,IAAI,EAAE,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,MAAM,EAAC,QAAQ;cACpC,WAAK,KAAK,EAAC,wBAAwB,EAAC,GAAG,EAAE,OAAO,EAAE,GAAG,EAAE,GAAG,IAAI,CAAC,QAAQ,OAAO,GAAI,CAChF;YACJ,SAAG,IAAI,EAAC,wBAAwB,EAAC,MAAM,EAAC,QAAQ;cAC9C,SAAG,KAAK,EAAE,aAAa,IAAI,IAAI,CAAC,GAAG,CAAC,eAAe,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,uBAAsB;cAC1F,WAAK,GAAG,EAAE,IAAI,EAAE,GAAG,EAAC,iBAAiB,EAAC,KAAK,EAAE,GAAG,GAAI,CAClD,CACA;UAEN,WAAK,KAAK,EAAC,uBAAuB;YAChC,SAAG,IAAI,EAAE,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,MAAM,EAAC,QAAQ;;cAC9B,IAAI,CAAC,QAAQ,CACjB;YACJ,SAAG,IAAI,EAAC,4BAA4B,EAAC,MAAM,EAAC,QAAQ,sBAEhD,CACA;UACL,aAAa,CAAC,CAAC,CAAC,WAAK,GAAG,EAAE,aAAa,EAAE,KAAK,EAAC,gBAAgB,EAAC,GAAG,EAAC,gBAAgB,GAAG,CAAC,CAAC,CAAC,IAAI,CAC3F,CACF,CACP,CAAC,CAAC,CAAC,IAAI;MACP,CAAC,IAAI,CAAC,aAAa,IAAI,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,CACpC,WAAK,KAAK,EAAE,kCAAkC,IAAI,CAAC,WAAW,EAAE;QAC7D,CAAC,WAAW,CAAC,aAAa,EAAE,WAAW,CAAC,aAAa,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,CACnF,WAAK,GAAG,EAAE,IAAI,CAAC,EAAE,KAAK,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,aAAa,EAAE,GAAG,EAAC,gBAAgB,EAAC,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,GAAI,CACxG,CAAC,CAAC,CAAC,IAAI;QACR;UACE;YACE,SACE,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,SAAS,EAAE,EAC/B,KAAK,EAAE,WAAW,CAAC,WAAW,CAAC,aAAa,EAAE,WAAW,CAAC,aAAa,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,IAAI,KAAK,CAAC,eAAe,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,EAAE,EAAE,IAEhJ,IAAI,CAAC,EAAE,KAAK,QAAQ,CAAC,CAAC,CAAC,CACtB,oFAA0D,CAC3D,CAAC,CAAC,CAAC,CACF,EAAC,QAAQ,QACN,CAAC,KAAK,CAAC,wBAAwB,IAAI,CAAC,IAAI,CAAC,OAAO,IAAI,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC,CAAC,CAC1E,EAAC,QAAQ,QACN,CAAA,MAAA,KAAK,CAAC,QAAQ,0CAAE,YAAY,EAAC,CAAC,CAAC,CAC9B,gBAAO,KAAK,CAAC,QAAQ,CAAC,YAAY,CAAQ,CAC3C,CAAC,CAAC,CAAC,CACF;;cAC2B,cAAQ,KAAK,EAAC,WAAW,yBAAuB,CACpE,CACR,CACQ,CACZ,CAAC,CAAC,CAAC,CACF,EAAC,QAAQ;cACN,CAAA,MAAA,IAAI,CAAC,OAAO,0CAAE,KAAK,MAAI,MAAA,IAAI,CAAC,cAAc,0CAAE,KAAK,CAAA,KAAI,MAAA,KAAK,CAAC,wBAAwB,0CAAE,YAAY,CAAA,IAAI,CACpG;;gBAEE,cAAO;kCACQ,MAAA,MAAA,KAAK,CAAC,wBAAwB,0CAAE,IAAI,mCAAI,UAAU;;gBAAI,cAAQ,KAAK,EAAC,WAAW,yBAAuB,CAChH,CACR;cACA,CAAC,IAAI,CAAC,OAAO,KAAI,MAAA,IAAI,CAAC,IAAI,0CAAE,QAAQ,CAAC,SAAS,CAAC,CAAA,CAAC,IAAI,CAAC,IAAI,CAAC,cAAc,IAAI,CAAC,CAAA,MAAA,IAAI,CAAC,OAAO,0CAAE,OAAO,CAAA,IAAI,CAAC,CAAA,MAAA,IAAI,CAAC,cAAc,0CAAE,OAAO,CAAA,CAAC,CAAC,CAAC,CAAC,CACtI;gBACG,OAAO;;gBAAE;kBAAS,4BAA4B,CAAC,IAAI,CAAC,cAAc,IAAI,IAAI,CAAC,OAAO,CAAC;uBAAY,CAC3F,CACR,CAAC,CAAC,CAAC,IAAI,CACC,CACZ,CACQ,CACZ,CACC,CACA;UACL,IAAI,CAAC,WAAW,KAAK,WAAW,CAAC,QAAQ,CAAC,CAAC,CAAC,WAAK,GAAG,EAAE,IAAI,EAAE,KAAK,EAAE,GAAG,GAAI,CAAC,CAAC,CAAC,IAAI;UACjF,IAAI,CAAC,WAAW,KAAK,WAAW,CAAC,WAAW,CAAC,CAAC,CAAC,CAC9C,YAAM,KAAK,EAAC,KAAK;;YACL,+BAA2B,CAChC,CACR,CAAC,CAAC,CAAC,IAAI,CACJ;QACL,CAAC,WAAW,CAAC,QAAQ,EAAE,WAAW,CAAC,WAAW,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,CAC5E,cACE,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,SAAS,EAAE,EAC/B,KAAK,EAAC,gBAAgB,EACtB,KAAK,EAAE;YACL,KAAK,EAAE,CAAA,MAAA,IAAI,CAAC,WAAW,0CAAE,UAAU,CAAC,GAAG,CAAC,KAAI,CAAC,CAAA,MAAA,IAAI,CAAC,WAAW,0CAAE,MAAM,CAAA,CAAC,CAAC,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,IAAI,IAAI,CAAC,WAAW,EAAE;YACjH,eAAe,EAAE,CAAA,MAAA,IAAI,CAAC,QAAQ,0CAAE,UAAU,CAAC,GAAG,CAAC,KAAI,CAAC,CAAA,MAAA,IAAI,CAAC,QAAQ,0CAAE,MAAM,CAAA,CAAC,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,IAAI,CAAC,QAAQ,EAAE;WAChH;;UAGA,IAAI,CAAC,aAAa,EAAE,GAAG,CAAC,IAAI,gBAAO,IAAI,CAAC,aAAa,EAAE,CAAQ,CACzD,CACV,CAAC,CAAC,CAAC,IAAI;QACP,WAAW,CAAC,aAAa,KAAK,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,CAChD,WAAK,KAAK,EAAC,mBAAmB;UAC5B,cAAQ,KAAK,EAAC,KAAK,qBAAmB;UACtC,WAAK,GAAG,EAAE,IAAI,EAAE,GAAG,EAAC,iBAAiB,EAAC,KAAK,EAAE,EAAE,GAAI,CAC/C,CACP,CAAC,CAAC,CAAC,IAAI,CACJ,CACP,CAAC,CAAC,CAAC,IAAI;MACP,IAAI,CAAC,KAAK,IAAI,CACb;QACE,WAAK,KAAK,EAAE,oBAAoB,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,wBAAwB,CAAC,CAAC,CAAC,EAAE,EAAE;UAC7E,KAAK,CAAC,KAAK,IAAI,CACd,WAAK,KAAK,EAAC,sBAAsB;YAC9B,KAAK,CAAC,KAAK,CAAC,KAAK,IAAI,cAAK,KAAK,CAAC,KAAK,CAAC,KAAK,CAAM;YACjD,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAS,EAAE,EAAE,CAAC,CACnC,SAAG,SAAS,EAAE,CAAC,GAAM,CACtB,CAAC;YACF;cACE,cAAQ,OAAO,EAAE,GAAG,EAAE,CAAC,CAAC,KAAK,CAAC,KAAK,GAAG,IAAI,CAAC,iBAAgB,CACvD,CACF,CACP;UACA,CAAC,IAAI,CAAC,IAAI,IAAI,KAAK,CAAC,QAAQ,CAAC,IAAI,CAChC,8BAAwB,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE,aAAa,EAAE,IAAI,CAAC,aAAa,EAAE,UAAU,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,UAAU,EAAE,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,GAAI,CACzI;UACA,CAAC,KAAK,CAAC,QAAQ,IAAI,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CACpD,WAAK,KAAK,EAAE,0CAA0C,KAAK,CAAC,IAAI,EAAE;YAE/D,KAAK,CAAC,IAAI,KAAK,CAAC,IAAI,IAAI,CAAC,IAAI,IAAI,wBAAkB,IAAI,EAAE,IAAI,CAAC,IAAI,GAAI;YAEtE,KAAK,CAAC,IAAI,KAAK,CAAC,IAAI,KAAK,CAAC,gBAAgB,IAAI,8BAAuB;YAErE,KAAK,CAAC,IAAI,KAAK,CAAC,IAAI,KAAK,CAAC,eAAe,IAAI,6BAAsB;YAEnE,KAAK,CAAC,IAAI,KAAK,CAAC,IAAI,KAAK,CAAC,eAAe,IAAI,6BAAsB;YAEnE,KAAK,CAAC,IAAI,KAAK,CAAC,IAAI,uBAAiB,IAAI,EAAE,IAAI,CAAC,IAAI,GAAI;YAExD,KAAK,CAAC,IAAI,KAAK,CAAC,IAAI,wBAAkB,IAAI,EAAE,IAAI,CAAC,IAAI,GAAI,CACtD,CACP,CAAC,CAAC,CAAC,CACF,WAAK,KAAK,EAAE,0CAA0C,KAAK,CAAC,IAAI,IAAI,KAAK,CAAC,IAAI,KAAK,CAAC,IAAI,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,8BAA8B,CAAC,CAAC,CAAC,EAAE,EAAE;YACzI,KAAK,CAAC,IAAI,GAAG,CAAC,IAAI,2BAAoB;YAEtC,KAAK,CAAC,IAAI,KAAK,CAAC,IAAI,6BAAsB;YAE1C,KAAK,CAAC,IAAI,KAAK,CAAC,IAAI,uBAAiB,IAAI,EAAE,IAAI,CAAC,IAAI,GAAI;YAExD,KAAK,CAAC,IAAI,KAAK,CAAC,IAAI,wBAAkB,IAAI,EAAE,IAAI,CAAC,IAAI,GAAI,CACtD,CACP,CACG;QACL,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,WAAK,KAAK,EAAE,uBAAuB,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,2BAA2B,CAAC,CAAC,CAAC,EAAE,EAAE,GAAQ,CAAC,CAAC,CAAC,IAAI,CACjH,CACP,CACG,CACP,CAAC;EACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Element, Fragment, Listen, Prop, State, Watch, getAssetPath, h } from '@stencil/core';\nimport state from '../../store';\nimport { Business, Category, Product, Service, TopCategory, WidgetStyle } from '../../types';\nimport { getCustomer, getGreenDiscount, getOptions, getRot, getRut, getTaxonomy } from '../../utils/api';\nimport { getProductPriceWithRotAndRut } from '../../utils/calc';\nimport { scrollToTop } from '../../utils/scroll';\n\n@Component({\n  tag: 'hemfixarna-component',\n  styleUrl: 'hemfixarna.scss',\n  shadow: true,\n  assetsDirs: ['assets'],\n})\nexport class HemfixarnaComponent {\n  @State() modal: boolean = false;\n  @State() showModal: boolean = false;\n  @State() tree: Category | null = null;\n  @State() product: Product | null = null;\n  @State() proppedProduct: Product | null = null;\n  @Prop() slug?: string;\n  @Prop() id?: string;\n  @Prop() business: Business;\n  @Prop() topCategory?: TopCategory;\n  @Prop() forceOldTree?: boolean = false;\n  @Prop() loadFromQuery?: boolean = false;\n  @Prop() isDemo?: boolean = false;\n  @Prop() widgetStyle: WidgetStyle;\n  @Prop() nav?: {\n    url: string;\n    logo: string;\n    background?: string;\n    backgroundColor?: string;\n  } = undefined;\n  @Prop() buttonColor?: string;\n  @Prop() buttonBg?: string;\n\n  @Element() private el: HTMLElement;\n\n  loadCategoryOrProduct(id: string) {\n    this.proppedProduct = null;\n    if (id.startsWith('c-')) {\n      const categories = [...state.customer.categories, ...state.customer.categories.map(c => c.sub_categories ?? [])].flat();\n      const category = categories.find(c => c && c.id === id.replace('c-', ''));\n      if (category) {\n        state.selectedCustomerCategory = category;\n        state.step = 2;\n      }\n    } else {\n      const products = state.customer.categories\n        .map(c => (c.show_products ? c.products : c.sub_categories ? c.sub_categories.map(c => c.products) : []))\n        .flat()\n        .flat();\n      const product = products.find(p => p && p.fields.ID === parseInt(id));\n      if (product) {\n        state.selectedProduct = product.fields;\n        state.step = 4;\n        this.proppedProduct = product.fields;\n      }\n    }\n  }\n\n  @Watch('slug')\n  async watchSlugChange(newValue: string) {\n    if (this.slugIsOldFormat(newValue)) {\n      this.fetchNewTaxonomy(newValue);\n    } else if (state.customer && newValue) {\n      this.loadCategoryOrProduct(newValue);\n    }\n  }\n\n  @Watch('id')\n  async watchIdChange(id: string) {\n    if (id && state.customer) {\n      if (id === 'maleri') {\n        state.maleri = true;\n        state.step = 4;\n      } else {\n        this.loadCategoryOrProduct(id);\n      }\n    }\n  }\n\n  async fetchNewTaxonomy(slug: string) {\n    state.selectedCategory = null;\n    state.selectedProduct = null;\n    state.selectedService = null;\n    state.maleri = null;\n\n    const res = await getTaxonomy(slug);\n    if (res?.code === 'not_found' || res?.code === 'rest_no_route') {\n      console.log('taxonomy not found');\n    } else if (res) {\n      this.setTaxonomy(res);\n      if ((res as Product)?.post_type === 'ikea_product') {\n        this.product = res as Product;\n      }\n    }\n  }\n\n  slugIsOldFormat = (slug?: string) => {\n    if (!slug) return false;\n    return ['product', 'service', 'category'].some(str => slug.includes(str));\n  };\n\n  async componentWillLoad() {\n    state.business = this.business;\n    const cart = window.sessionStorage.getItem(`hemfixarna-${this.business}-cart`);\n    if (cart) {\n      state.cart = JSON.parse(cart);\n    }\n    const user = window.sessionStorage.getItem(`hemfixarna-${this.business}-user`);\n    if (user) {\n      state.user = JSON.parse(user);\n    }\n    const creditSafeUser = window.sessionStorage.getItem(`hemfixarna-${this.business}-creditSafeUser`);\n    if (creditSafeUser) {\n      state.creditSafeUser = JSON.parse(creditSafeUser);\n    }\n\n    const [tree, res, options, rut, rot, greenDiscount] = await Promise.all([\n      this.topCategory ? getTaxonomy(this.topCategory) : null,\n      this.slug ? getTaxonomy(this.slug) : Promise.resolve(null),\n      getOptions(),\n      getRut(),\n      getRot(),\n      getGreenDiscount(),\n    ]);\n\n    if ((!this.slug || !this.slugIsOldFormat(this.slug)) && !this.forceOldTree) {\n      try {\n        const customer = await getCustomer(this.business);\n        if (customer?.code === 'not_found') {\n          console.warn('customer not found');\n        } else if (customer) {\n          state.customer = customer;\n          if (this.id) {\n            if (this.id === 'maleri') {\n              state.maleri = true;\n              state.step = 4;\n            } else {\n              this.loadCategoryOrProduct(this.id);\n            }\n          } else if (this.slug && !this.slugIsOldFormat(this.slug)) {\n            this.loadCategoryOrProduct(this.slug);\n          }\n        }\n      } catch (error) {\n        console.warn('customer not found');\n      }\n    }\n\n    if (tree?.code === 'not_found') {\n      // console.warn('tree not found');\n    } else if (tree) {\n      this.tree = tree;\n    }\n\n    if (res?.code === 'not_found') {\n      console.log('taxonomy not found');\n    } else if (res) {\n      this.setTaxonomy(res);\n      if ((res as Product)?.post_type === 'ikea_product') {\n        this.product = res as Product;\n      }\n    }\n\n    if (this.loadFromQuery) {\n      const params = new URL(document.location.toString()).searchParams;\n      this.id = params.get('id');\n      if (!this.isDemo) {\n        this.openModal();\n      }\n    }\n\n    state.rotOptions = rot;\n    state.rutOptions = rut;\n    state.greenOptions = greenDiscount;\n    state.options = options;\n  }\n\n  triggerScrollTotop = () => {\n    const el = this.el.shadowRoot.querySelector('.hemfixarna_content');\n    scrollToTop(el);\n  };\n\n  setTaxonomy(taxonomy: Category | Service | Product) {\n    if (taxonomy) {\n      if ((taxonomy as Category)?.taxonomy === 'service_cat') {\n        state.selectedCategory = taxonomy as Category;\n        state.step = 2;\n      } else if ((taxonomy as Service)?.post_type === 'service') {\n        state.selectedService = taxonomy as Service;\n        state.selectedCategory = this.tree.sub_cats.find(c => c.services.find(s => s.ID === (taxonomy as Service).ID));\n        state.step = 3;\n      } else if ((taxonomy as Product)?.post_type === 'ikea_product') {\n        state.selectedProduct = taxonomy as Product;\n        state.selectedService = this.tree.sub_cats\n          .map(c => c.services)\n          .flat()\n          .find(s => s.products.find(p => p.ID === state.selectedProduct.ID));\n        state.selectedCategory = this.tree.sub_cats.find(c => c.services.find(s => s.ID === state.selectedService.ID));\n        state.step = 4;\n      }\n      this.triggerScrollTotop();\n    }\n  }\n\n  // Open close modal && click outside event\n  openModal() {\n    this.modal = true;\n    setTimeout(() => {\n      this.showModal = true;\n    }, 50);\n  }\n  closeModal() {\n    this.showModal = false;\n    setTimeout(() => {\n      this.modal = false;\n    }, 200);\n  }\n  @Listen('click')\n  handleClick(e: Event) {\n    if (this.loadFromQuery && !this.isDemo) return;\n    if ((e?.composedPath()[0] as HTMLElement).classList.contains('hemfixarna_backdrop')) {\n      this.closeModal();\n    }\n    const infomodal = this.el.shadowRoot.querySelector('.hemfixarna_infomodal');\n    if (infomodal) {\n      const isClickInside = infomodal.contains(e.composedPath()[0] as HTMLInputElement);\n      if (!isClickInside) {\n        state.modal = null;\n      }\n    }\n  }\n\n  getCartLength() {\n    return state.cart.reduce((acc, curr) => acc + curr.amount, 0);\n  }\n\n  render() {\n    const logo = getAssetPath(`./assets/hemfixarna.svg`);\n    const pensel = getAssetPath(`./assets/pensel.svg`);\n    const monteringLogo = getAssetPath(`./assets/montering.svg`);\n    const navBackground = this.nav?.background ? getAssetPath(this.nav.background) : '';\n    const navLogo = this.nav?.logo ? getAssetPath(this.nav.logo) : '';\n\n    return (\n      <div class={`hemfixarna ${this.loadFromQuery ? 'hemfixarna_standalone' : ''}`}>\n        {this.loadFromQuery && !this.isDemo && this.nav ? (\n          <nav class=\"hemfixarna_nav\" style={{ backgroundColor: this.nav.backgroundColor ?? '' }}>\n            <div>\n              <div class=\"hemfixarna_nav--logos\">\n                <a href={this.nav.url} target=\"_blank\">\n                  <img class=\"hemfixarna_partnerlogo\" src={navLogo} alt={`${this.business} logo`} />\n                </a>\n                <a href=\"https://hemfixarna.se/\" target=\"_blank\">\n                  <p class={navBackground || this.nav.backgroundColor ? 'with-bg' : ''}>I samarbete med:</p>\n                  <img src={logo} alt=\"hemfixarna_logo\" width={104} />\n                </a>\n              </div>\n\n              <div class=\"hemfixarna_nav--links\">\n                <a href={this.nav.url} target=\"_blank\">\n                  Till {this.business}\n                </a>\n                <a href=\"https://www.hemfixarna.se/\" target=\"_blank\">\n                  Till Hemfixarna\n                </a>\n              </div>\n              {navBackground ? <img src={navBackground} class=\"nav_background\" alt=\"nav_background\" /> : null}\n            </div>\n          </nav>\n        ) : null}\n        {!this.loadFromQuery || this.isDemo ? (\n          <div class={`hemfixarna_box hemfixarna_box--${this.widgetStyle}`}>\n            {[WidgetStyle.alternative_2, WidgetStyle.alternative_3].includes(this.widgetStyle) ? (\n              <img src={this.id === 'maleri' ? pensel : monteringLogo} alt=\"montering logo\" width={32} height={32} />\n            ) : null}\n            <div>\n              <div>\n                <p\n                  onClick={() => this.openModal()}\n                  class={`pointer ${[WidgetStyle.alternative_2, WidgetStyle.alternative_3].includes(this.widgetStyle) && state.selectedProduct ? 'underline' : ''}`}\n                >\n                  {this.id === 'maleri' ? (\n                    <span>Beräkna fast pris på måleri & tapetsering här</span>\n                  ) : (\n                    <Fragment>\n                      {!state.selectedCustomerCategory && !this.product && !this.proppedProduct ? (\n                        <Fragment>\n                          {state.customer?.widget_title ? (\n                            <span>{state.customer.widget_title}</span>\n                          ) : (\n                            <span>\n                              Montering/Installation - <strong class=\"underline\">se priser här</strong>\n                            </span>\n                          )}\n                        </Fragment>\n                      ) : (\n                        <Fragment>\n                          {this.product?.title || this.proppedProduct?.title || state.selectedCustomerCategory?.widget_title || (\n                            <span>\n                              Montering\n                              <wbr />\n                              /Installation {state.selectedCustomerCategory?.name ?? 'på plats'} - <strong class=\"underline\">se priser här</strong>\n                            </span>\n                          )}\n                          {(this.product && this.slug?.includes('product')) || (this.proppedProduct && !this.product?.invoice && !this.proppedProduct?.invoice) ? (\n                            <span>\n                              {' från'} <strong>{getProductPriceWithRotAndRut(this.proppedProduct || this.product)}kr</strong>\n                            </span>\n                          ) : null}\n                        </Fragment>\n                      )}\n                    </Fragment>\n                  )}\n                </p>\n              </div>\n              {this.widgetStyle === WidgetStyle.standard ? <img src={logo} width={104} /> : null}\n              {this.widgetStyle === WidgetStyle.alternative ? (\n                <span class=\"p-s\">\n                  Utförs av <strong>Hemfixarna</strong>\n                </span>\n              ) : null}\n            </div>\n            {[WidgetStyle.standard, WidgetStyle.alternative].includes(this.widgetStyle) ? (\n              <button\n                onClick={() => this.openModal()}\n                class=\"hemfixarna_btn\"\n                style={{\n                  color: this.buttonColor?.startsWith('#') || !this.buttonColor?.length ? this.buttonColor : `#${this.buttonColor}`,\n                  backgroundColor: this.buttonBg?.startsWith('#') || !this.buttonBg?.length ? this.buttonBg : `#${this.buttonBg}`,\n                }}\n              >\n                Beställ här\n                {this.getCartLength() > 0 && <span>{this.getCartLength()}</span>}\n              </button>\n            ) : null}\n            {WidgetStyle.alternative_2 === this.widgetStyle ? (\n              <div class=\"hemfixarna_altbtn\">\n                <strong class=\"p-s\">Utförs av</strong>\n                <img src={logo} alt=\"hemfixarna logo\" width={98} />\n              </div>\n            ) : null}\n          </div>\n        ) : null}\n        {this.modal && (\n          <div>\n            <div class={`hemfixarna_modal ${this.showModal ? 'hemfixarna_modal--open' : ''}`}>\n              {state.modal && (\n                <div class=\"hemfixarna_infomodal\">\n                  {state.modal.title && <h2>{state.modal.title}</h2>}\n                  {state.modal.text.map((t: string) => (\n                    <p innerHTML={t}></p>\n                  ))}\n                  <div>\n                    <button onClick={() => (state.modal = null)}>Stäng</button>\n                  </div>\n                </div>\n              )}\n              {(this.tree || state.customer) && (\n                <hemfixarna-breadcrumbs isDemo={this.isDemo} loadFromQuery={this.loadFromQuery} closeModal={() => this.closeModal()} tree={this.tree} />\n              )}\n              {!state.customer || this.slugIsOldFormat(this.slug) ? (\n                <div class={`hemfixarna_content hemfixarna_content--${state.step}`}>\n                  {/* // IF AT TOP LEVEL (step 1) */}\n                  {state.step === 1 && this.tree && <hemfixarna-start tree={this.tree} />}\n                  {/* // IF SELECTED CATEGORY (step 2) */}\n                  {state.step === 2 && state.selectedCategory && <hemfixarna-category />}\n                  {/* // IF SELECTED SERVICE (step 3) */}\n                  {state.step === 3 && state.selectedService && <hemfixarna-service />}\n                  {/* // IF SELECTED PRODUCT (step 4) */}\n                  {state.step === 4 && state.selectedProduct && <hemfixarna-product />}\n                  {/* // IF CHECKOUT (step 5) */}\n                  {state.step === 5 && <hemfixarna-cart tree={this.tree} />}\n                  {/* // IF ORDER CONFIRM (step 6) */}\n                  {state.step === 6 && <hemfixarna-order tree={this.tree} />}\n                </div>\n              ) : (\n                <div class={`hemfixarna_content hemfixarna_content--${state.step} ${state.step === 4 && state.maleri ? 'hemfixarna_content--painting' : ''}`}>\n                  {state.step < 4 && <hemfixarna-start />}\n                  {/* // IF SELECTED PRODUCT (step 4) */}\n                  {state.step === 4 && <hemfixarna-product />}\n                  {/* // IF CHECKOUT (step 5) */}\n                  {state.step === 5 && <hemfixarna-cart tree={this.tree} />}\n                  {/* // IF ORDER CONFIRM (step 6) */}\n                  {state.step === 6 && <hemfixarna-order tree={this.tree} />}\n                </div>\n              )}\n            </div>\n            {!this.isDemo ? <div class={`hemfixarna_backdrop ${this.showModal ? 'hemfixarna_backdrop--open' : ''}`}></div> : null}\n          </div>\n        )}\n      </div>\n    );\n  }\n}\n"]}