hemfixarna-web-components 1.6.3 → 1.7.0

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

@@ -7,10 +7,7 @@ export class HemfixarnaBreadcrumbs {
       const el = this.el.nextSibling;
       scrollToTop(el);
     };
-    this.tree = undefined;
     this.closeModal = undefined;
-    this.loadFromQuery = false;
-    this.isDemo = false;
   }
   getCartLength() {
     return state.cart.reduce((acc, curr) => acc + curr.amount, 0);
@@ -39,7 +36,7 @@ export class HemfixarnaBreadcrumbs {
     const close = getAssetPath(`./assets/close.svg`);
     const cart = getAssetPath(`./assets/cart.svg`);
     const back = getAssetPath(`./assets/back.svg`);
-    return (h("div", null, h("div", { class: "hemfixarna_crumbs" }, h("div", { class: "hemfixarna_crumbs--links" }, h("img", { onClick: () => this.handleHomePageClick(), src: logo, width: 110 }), !this.loadFromQuery || this.isDemo ? h("img", { onClick: () => this.closeModal(), class: "close", src: close, width: 32 }) : null, h("div", null, h("button", { onClick: () => this.handleHomePageClick() }, "Alla tj\u00E4nster"))), h("div", { class: "hemfixarna_crumbs--right" }, h("hemfixarna-contact", null), h("div", { onClick: () => this.handleCartClick(), class: `cart ${this.getCartLength() > 0 ? 'cart_active' : ''}` }, h("img", { src: cart, width: 24 }), h("span", null, this.getCartLength())))), [3, 4].includes(state.step) && !state.customer && (h("button", { class: "hemfixarna_crumbs--back", onClick: () => {
+    return (h("div", null, h("div", { class: "hemfixarna_crumbs" }, h("div", { class: "hemfixarna_crumbs--links" }, h("img", { onClick: () => this.handleHomePageClick(), src: logo, width: 110 }), h("img", { onClick: () => this.closeModal(), class: "close", src: close, width: 32 }), h("div", null, h("button", { onClick: () => this.handleHomePageClick() }, "Alla tj\u00E4nster"))), h("div", { class: "hemfixarna_crumbs--right" }, h("hemfixarna-contact", null), h("div", { onClick: () => this.handleCartClick(), class: `cart ${this.getCartLength() > 0 ? 'cart_active' : ''}` }, h("img", { src: cart, width: 24 }), h("span", null, this.getCartLength())))), [3, 4].includes(state.step) && !state.customer && (h("button", { class: "hemfixarna_crumbs--back", onClick: () => {
         state.step = state.step === 4 ? 3 : 2;
       } }, h("img", { width: 24, src: back, alt: "back arrow" }), h("span", null, "Se allt ", state.step === 4 ? state.selectedService.post_title : state.selectedCategory.name))), !state.parentCategory && state.step && state.selectedCustomerCategory && (h("button", { class: "hemfixarna_crumbs--back", onClick: () => {
         state.step = 1;
@@ -56,26 +53,6 @@ export class HemfixarnaBreadcrumbs {
   static get is() { return "hemfixarna-breadcrumbs"; }
   static get properties() {
     return {
-      "tree": {
-        "type": "unknown",
-        "mutable": false,
-        "complexType": {
-          "original": "Category",
-          "resolved": "Category",
-          "references": {
-            "Category": {
-              "location": "import",
-              "path": "../../types"
-            }
-          }
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": ""
-        }
-      },
       "closeModal": {
         "type": "unknown",
         "mutable": false,
@@ -90,42 +67,6 @@ export class HemfixarnaBreadcrumbs {
           "tags": [],
           "text": ""
         }
-      },
-      "loadFromQuery": {
-        "type": "boolean",
-        "mutable": false,
-        "complexType": {
-          "original": "boolean",
-          "resolved": "boolean",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "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": false,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "is-demo",
-        "reflect": false,
-        "defaultValue": "false"
       }
     };
   }

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

@@ -1 +1 @@
-{"version":3,"file":"hemfixarna-breadcrumbs.js","sourceRoot":"","sources":["../../../src/components/hemfixarna-breadcrumbs/hemfixarna-breadcrumbs.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Element, Prop, getAssetPath, h } from '@stencil/core';\nimport state from '../../store';\nimport { Category } from '../../types';\nimport { scrollToTop } from '../../utils/scroll';\n\n@Component({\n  tag: 'hemfixarna-breadcrumbs',\n  shadow: false,\n})\nexport class HemfixarnaBreadcrumbs {\n  @Prop() tree: Category;\n  @Prop() closeModal: () => void;\n  @Prop() loadFromQuery: boolean = false;\n  @Prop() isDemo: boolean = false;\n  @Element() private el: HTMLElement;\n\n  getCartLength() {\n    return state.cart.reduce((acc, curr) => acc + curr.amount, 0);\n  }\n\n  triggerScrollTotop = () => {\n    const el = this.el.nextSibling as HTMLElement;\n    scrollToTop(el);\n  };\n\n  handleCartClick() {\n    if (state.cart?.length) {\n      state.step = 5;\n      this.triggerScrollTotop();\n    }\n  }\n\n  handleHomePageClick() {\n    state.step = 1;\n    state.parentCategory = null;\n    state.selectedCustomerCategory = null;\n    this.triggerScrollTotop();\n    setTimeout(() => {\n      state.selectedCategory = null;\n      state.selectedProduct = null;\n      state.maleri = null;\n      state.selectedService = null;\n    }, 200);\n  }\n\n  render() {\n    const logo = getAssetPath(`./assets/hemfixarna.svg`);\n    const close = getAssetPath(`./assets/close.svg`);\n    const cart = getAssetPath(`./assets/cart.svg`);\n    const back = getAssetPath(`./assets/back.svg`);\n\n    return (\n      <div>\n        <div class=\"hemfixarna_crumbs\">\n          <div class=\"hemfixarna_crumbs--links\">\n            <img onClick={() => this.handleHomePageClick()} src={logo} width={110} />\n            {!this.loadFromQuery || this.isDemo ? <img onClick={() => this.closeModal()} class=\"close\" src={close} width={32} /> : null}\n            <div>\n              <button onClick={() => this.handleHomePageClick()}>Alla tjänster</button>\n            </div>\n          </div>\n          <div class=\"hemfixarna_crumbs--right\">\n            <hemfixarna-contact></hemfixarna-contact>\n            <div onClick={() => this.handleCartClick()} class={`cart ${this.getCartLength() > 0 ? 'cart_active' : ''}`}>\n              <img src={cart} width={24} />\n              <span>{this.getCartLength()}</span>\n            </div>\n          </div>\n        </div>\n        {[3, 4].includes(state.step) && !state.customer && (\n          <button\n            class=\"hemfixarna_crumbs--back\"\n            onClick={() => {\n              state.step = state.step === 4 ? 3 : 2;\n            }}\n          >\n            <img width={24} src={back} alt=\"back arrow\" />\n            <span>Se allt {state.step === 4 ? state.selectedService.post_title : state.selectedCategory.name}</span>\n          </button>\n        )}\n        {!state.parentCategory && state.step && state.selectedCustomerCategory && (\n          <button\n            class=\"hemfixarna_crumbs--back\"\n            onClick={() => {\n              state.step = 1;\n              state.selectedCustomerCategory = null;\n              state.selectedProduct = null;\n              state.maleri = null;\n            }}\n          >\n            <img width={24} src={back} alt=\"back arrow\" />\n            <span>Se alla tjänster</span>\n          </button>\n        )}\n        {state.parentCategory && state.step < 5 && (\n          <button\n            class=\"hemfixarna_crumbs--back\"\n            onClick={() => {\n              state.step = 1;\n              state.selectedCustomerCategory = state.parentCategory;\n              state.selectedProduct = null;\n              state.maleri = null;\n            }}\n          >\n            <img width={24} src={back} alt=\"back arrow\" />\n            <span>Se allt {state.parentCategory.name}</span>\n          </button>\n        )}\n      </div>\n    );\n  }\n}\n"]}
+{"version":3,"file":"hemfixarna-breadcrumbs.js","sourceRoot":"","sources":["../../../src/components/hemfixarna-breadcrumbs/hemfixarna-breadcrumbs.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Element, Prop, getAssetPath, h } from '@stencil/core';\nimport state from '../../store';\nimport { scrollToTop } from '../../utils/scroll';\n\n@Component({\n  tag: 'hemfixarna-breadcrumbs',\n  shadow: false,\n})\nexport class HemfixarnaBreadcrumbs {\n  @Prop() closeModal: () => void;\n  @Element() private el: HTMLElement;\n\n  getCartLength() {\n    return state.cart.reduce((acc, curr) => acc + curr.amount, 0);\n  }\n\n  triggerScrollTotop = () => {\n    const el = this.el.nextSibling as HTMLElement;\n    scrollToTop(el);\n  };\n\n  handleCartClick() {\n    if (state.cart?.length) {\n      state.step = 5;\n      this.triggerScrollTotop();\n    }\n  }\n\n  handleHomePageClick() {\n    state.step = 1;\n    state.parentCategory = null;\n    state.selectedCustomerCategory = null;\n    this.triggerScrollTotop();\n    setTimeout(() => {\n      state.selectedCategory = null;\n      state.selectedProduct = null;\n      state.maleri = null;\n      state.selectedService = null;\n    }, 200);\n  }\n\n  render() {\n    const logo = getAssetPath(`./assets/hemfixarna.svg`);\n    const close = getAssetPath(`./assets/close.svg`);\n    const cart = getAssetPath(`./assets/cart.svg`);\n    const back = getAssetPath(`./assets/back.svg`);\n\n    return (\n      <div>\n        <div class=\"hemfixarna_crumbs\">\n          <div class=\"hemfixarna_crumbs--links\">\n            <img onClick={() => this.handleHomePageClick()} src={logo} width={110} />\n            <img onClick={() => this.closeModal()} class=\"close\" src={close} width={32} />\n            <div>\n              <button onClick={() => this.handleHomePageClick()}>Alla tjänster</button>\n            </div>\n          </div>\n          <div class=\"hemfixarna_crumbs--right\">\n            <hemfixarna-contact></hemfixarna-contact>\n            <div onClick={() => this.handleCartClick()} class={`cart ${this.getCartLength() > 0 ? 'cart_active' : ''}`}>\n              <img src={cart} width={24} />\n              <span>{this.getCartLength()}</span>\n            </div>\n          </div>\n        </div>\n        {[3, 4].includes(state.step) && !state.customer && (\n          <button\n            class=\"hemfixarna_crumbs--back\"\n            onClick={() => {\n              state.step = state.step === 4 ? 3 : 2;\n            }}\n          >\n            <img width={24} src={back} alt=\"back arrow\" />\n            <span>Se allt {state.step === 4 ? state.selectedService.post_title : state.selectedCategory.name}</span>\n          </button>\n        )}\n        {!state.parentCategory && state.step && state.selectedCustomerCategory && (\n          <button\n            class=\"hemfixarna_crumbs--back\"\n            onClick={() => {\n              state.step = 1;\n              state.selectedCustomerCategory = null;\n              state.selectedProduct = null;\n              state.maleri = null;\n            }}\n          >\n            <img width={24} src={back} alt=\"back arrow\" />\n            <span>Se alla tjänster</span>\n          </button>\n        )}\n        {state.parentCategory && state.step < 5 && (\n          <button\n            class=\"hemfixarna_crumbs--back\"\n            onClick={() => {\n              state.step = 1;\n              state.selectedCustomerCategory = state.parentCategory;\n              state.selectedProduct = null;\n              state.maleri = null;\n            }}\n          >\n            <img width={24} src={back} alt=\"back arrow\" />\n            <span>Se allt {state.parentCategory.name}</span>\n          </button>\n        )}\n      </div>\n    );\n  }\n}\n"]}

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

@@ -1,41 +1,14 @@
 import { getAssetPath, h } from '@stencil/core';
 import state from '../../store';
 export class HemfixarnaCart {
-  constructor() {
-    this.tree = undefined;
-  }
   render() {
     const back = getAssetPath(`./assets/back.svg`);
     return (h("div", { class: "hemfixarna_cart" }, h("div", { class: "hemfixarna_cart--left" }, h("h2", null, state.checkoutStep === 2 && !state.checkoutEdit && (h("button", { onClick: () => {
         state.checkoutStep = 1;
-      } }, h("img", { width: 24, src: back, alt: "back arrow" }))), "Din bokning"), h("hemfixarna-orderrows", { tree: this.tree })), h("div", { class: "hemfixarna_cart--right" }, h("h2", null, state.checkoutStep === 2 && !state.checkoutEdit && (h("button", { onClick: () => {
+      } }, h("img", { width: 24, src: back, alt: "back arrow" }))), "Din bokning"), h("hemfixarna-orderrows", null)), h("div", { class: "hemfixarna_cart--right" }, h("h2", null, state.checkoutStep === 2 && !state.checkoutEdit && (h("button", { onClick: () => {
         state.checkoutStep = 1;
       } }, h("img", { width: 24, src: back, alt: "back arrow" }))), "Dina uppgifter"), h("hemfixarna-checkout", null), h("hemfixarna-info", null))));
   }
   static get is() { return "hemfixarna-cart"; }
-  static get properties() {
-    return {
-      "tree": {
-        "type": "unknown",
-        "mutable": false,
-        "complexType": {
-          "original": "Category",
-          "resolved": "Category",
-          "references": {
-            "Category": {
-              "location": "import",
-              "path": "../../types"
-            }
-          }
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": ""
-        }
-      }
-    };
-  }
 }
 //# sourceMappingURL=hemfixarna-cart.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"hemfixarna-cart.js","sourceRoot":"","sources":["../../../src/components/hemfixarna-cart/hemfixarna-cart.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,YAAY,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AACjE,OAAO,KAAK,MAAM,aAAa,CAAC;AAOhC,MAAM,OAAO,cAAc;;;;EAGzB,MAAM;IACJ,MAAM,IAAI,GAAG,YAAY,CAAC,mBAAmB,CAAC,CAAC;IAE/C,OAAO,CACL,WAAK,KAAK,EAAC,iBAAiB;MAC1B,WAAK,KAAK,EAAC,uBAAuB;QAChC;UACG,KAAK,CAAC,YAAY,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,YAAY,IAAI,CAClD,cACE,OAAO,EAAE,GAAG,EAAE;cACZ,KAAK,CAAC,YAAY,GAAG,CAAC,CAAC;YACzB,CAAC;YAED,WAAK,KAAK,EAAE,EAAE,EAAE,GAAG,EAAE,IAAI,EAAE,GAAG,EAAC,YAAY,GAAG,CACvC,CACV;wBAEE;QACL,4BAAsB,IAAI,EAAE,IAAI,CAAC,IAAI,GAAI,CACrC;MACN,WAAK,KAAK,EAAC,wBAAwB;QACjC;UACG,KAAK,CAAC,YAAY,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,YAAY,IAAI,CAClD,cACE,OAAO,EAAE,GAAG,EAAE;cACZ,KAAK,CAAC,YAAY,GAAG,CAAC,CAAC;YACzB,CAAC;YAED,WAAK,KAAK,EAAE,EAAE,EAAE,GAAG,EAAE,IAAI,EAAE,GAAG,EAAC,YAAY,GAAG,CACvC,CACV;2BAEE;QACL,8BAAuB;QACvB,0BAAmB,CACf,CACF,CACP,CAAC;EACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Prop, getAssetPath, h } from '@stencil/core';\nimport state from '../../store';\nimport { Category } from '../../types';\n\n@Component({\n  tag: 'hemfixarna-cart',\n  shadow: false,\n})\nexport class HemfixarnaCart {\n  @Prop() tree: Category;\n\n  render() {\n    const back = getAssetPath(`./assets/back.svg`);\n\n    return (\n      <div class=\"hemfixarna_cart\">\n        <div class=\"hemfixarna_cart--left\">\n          <h2>\n            {state.checkoutStep === 2 && !state.checkoutEdit && (\n              <button\n                onClick={() => {\n                  state.checkoutStep = 1;\n                }}\n              >\n                <img width={24} src={back} alt=\"back arrow\" />\n              </button>\n            )}\n            Din bokning\n          </h2>\n          <hemfixarna-orderrows tree={this.tree} />\n        </div>\n        <div class=\"hemfixarna_cart--right\">\n          <h2>\n            {state.checkoutStep === 2 && !state.checkoutEdit && (\n              <button\n                onClick={() => {\n                  state.checkoutStep = 1;\n                }}\n              >\n                <img width={24} src={back} alt=\"back arrow\" />\n              </button>\n            )}\n            Dina uppgifter\n          </h2>\n          <hemfixarna-checkout />\n          <hemfixarna-info />\n        </div>\n      </div>\n    );\n  }\n}\n"]}
+{"version":3,"file":"hemfixarna-cart.js","sourceRoot":"","sources":["../../../src/components/hemfixarna-cart/hemfixarna-cart.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAC3D,OAAO,KAAK,MAAM,aAAa,CAAC;AAMhC,MAAM,OAAO,cAAc;EACzB,MAAM;IACJ,MAAM,IAAI,GAAG,YAAY,CAAC,mBAAmB,CAAC,CAAC;IAE/C,OAAO,CACL,WAAK,KAAK,EAAC,iBAAiB;MAC1B,WAAK,KAAK,EAAC,uBAAuB;QAChC;UACG,KAAK,CAAC,YAAY,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,YAAY,IAAI,CAClD,cACE,OAAO,EAAE,GAAG,EAAE;cACZ,KAAK,CAAC,YAAY,GAAG,CAAC,CAAC;YACzB,CAAC;YAED,WAAK,KAAK,EAAE,EAAE,EAAE,GAAG,EAAE,IAAI,EAAE,GAAG,EAAC,YAAY,GAAG,CACvC,CACV;wBAEE;QACL,+BAAwB,CACpB;MACN,WAAK,KAAK,EAAC,wBAAwB;QACjC;UACG,KAAK,CAAC,YAAY,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,YAAY,IAAI,CAClD,cACE,OAAO,EAAE,GAAG,EAAE;cACZ,KAAK,CAAC,YAAY,GAAG,CAAC,CAAC;YACzB,CAAC;YAED,WAAK,KAAK,EAAE,EAAE,EAAE,GAAG,EAAE,IAAI,EAAE,GAAG,EAAC,YAAY,GAAG,CACvC,CACV;2BAEE;QACL,8BAAuB;QACvB,0BAAmB,CACf,CACF,CACP,CAAC;EACJ,CAAC;;CACF","sourcesContent":["import { Component, getAssetPath, h } from '@stencil/core';\nimport state from '../../store';\n\n@Component({\n  tag: 'hemfixarna-cart',\n  shadow: false,\n})\nexport class HemfixarnaCart {\n  render() {\n    const back = getAssetPath(`./assets/back.svg`);\n\n    return (\n      <div class=\"hemfixarna_cart\">\n        <div class=\"hemfixarna_cart--left\">\n          <h2>\n            {state.checkoutStep === 2 && !state.checkoutEdit && (\n              <button\n                onClick={() => {\n                  state.checkoutStep = 1;\n                }}\n              >\n                <img width={24} src={back} alt=\"back arrow\" />\n              </button>\n            )}\n            Din bokning\n          </h2>\n          <hemfixarna-orderrows />\n        </div>\n        <div class=\"hemfixarna_cart--right\">\n          <h2>\n            {state.checkoutStep === 2 && !state.checkoutEdit && (\n              <button\n                onClick={() => {\n                  state.checkoutStep = 1;\n                }}\n              >\n                <img width={24} src={back} alt=\"back arrow\" />\n              </button>\n            )}\n            Dina uppgifter\n          </h2>\n          <hemfixarna-checkout />\n          <hemfixarna-info />\n        </div>\n      </div>\n    );\n  }\n}\n"]}

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

@@ -1,36 +1,24 @@
 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 { getCustomer, getGreenDiscount, getOptions, getRot, getRut } 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.widgetStyle = WidgetStyle.standard;
     this.buttonColor = undefined;
     this.buttonBg = undefined;
+    this.proppedProduct = null;
   }
   loadCategoryOrProduct(id) {
     this.proppedProduct = null;
@@ -55,14 +43,6 @@ export class HemfixarnaComponent {
       }
     }
   }
-  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') {
@@ -74,22 +54,6 @@ export class HemfixarnaComponent {
       }
     }
   }
-  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`);
@@ -104,90 +68,33 @@ export class HemfixarnaComponent {
     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);
-            }
+    const [options, rut, rot, greenDiscount] = await Promise.all([getOptions(), getRut(), getRot(), getGreenDiscount()]);
+    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 if (this.slug && !this.slugIsOldFormat(this.slug)) {
-            this.loadCategoryOrProduct(this.slug);
+          else {
+            this.loadCategoryOrProduct(this.id);
           }
         }
       }
-      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();
-      }
+    catch (error) {
+      console.warn('customer not found');
     }
     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;
@@ -202,8 +109,6 @@ export class HemfixarnaComponent {
     }, 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();
     }
@@ -219,16 +124,14 @@ export class HemfixarnaComponent {
     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;
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
     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))));
+    return (h("div", { class: "hemfixarna" }, 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, ((_a = state.customer) === null || _a === void 0 ? void 0 : _a.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, ((_b = this.product) === null || _b === void 0 ? void 0 : _b.title) || ((_c = this.proppedProduct) === null || _c === void 0 ? void 0 : _c.title) || ((_d = state.selectedCustomerCategory) === null || _d === void 0 ? void 0 : _d.widget_title) || (h("span", null, "Montering", h("wbr", null), "/Installation ", (_f = (_e = state.selectedCustomerCategory) === null || _e === void 0 ? void 0 : _e.name) !== null && _f !== void 0 ? _f : 'på plats', " - ", h("strong", { class: "underline" }, "se priser h\u00E4r"))), this.proppedProduct && !((_g = this.product) === null || _g === void 0 ? void 0 : _g.invoice) && !((_h = this.proppedProduct) === null || _h === void 0 ? void 0 : _h.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: ((_j = this.buttonColor) === null || _j === void 0 ? void 0 : _j.startsWith('#')) || !((_k = this.buttonColor) === null || _k === void 0 ? void 0 : _k.length) ? this.buttonColor : `#${this.buttonColor}`,
+        backgroundColor: ((_l = this.buttonBg) === null || _l === void 0 ? void 0 : _l.startsWith('#')) || !((_m = this.buttonBg) === null || _m === void 0 ? void 0 : _m.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), 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")))), state.customer && h("hemfixarna-breadcrumbs", { closeModal: () => this.closeModal() }), 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", null), state.step === 6 && h("hemfixarna-order", null))), h("div", { class: `hemfixarna_backdrop ${this.showModal ? 'hemfixarna_backdrop--open' : ''}` })))));
   }
   static get is() { return "hemfixarna-component"; }
   static get encapsulation() { return "shadow"; }
@@ -245,23 +148,6 @@ export class HemfixarnaComponent {
   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,
@@ -284,7 +170,7 @@ export class HemfixarnaComponent {
         "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",
+          "resolved": "Business",
           "references": {
             "Business": {
               "location": "import",
@@ -301,82 +187,6 @@ export class HemfixarnaComponent {
         "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,
@@ -397,23 +207,8 @@ export class HemfixarnaComponent {
           "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"
+        "reflect": false,
+        "defaultValue": "WidgetStyle.standard"
       },
       "buttonColor": {
         "type": "string",
@@ -455,7 +250,6 @@ export class HemfixarnaComponent {
     return {
       "modal": {},
       "showModal": {},
-      "tree": {},
       "product": {},
       "proppedProduct": {}
     };
@@ -463,9 +257,6 @@ export class HemfixarnaComponent {
   static get elementRef() { return "el"; }
   static get watchers() {
     return [{
-        "propName": "slug",
-        "methodName": "watchSlugChange"
-      }, {
         "propName": "id",
         "methodName": "watchIdChange"
       }];