hemfixarna-web-components 1.8.5 → 1.8.8

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

@@ -0,0 +1 @@
+{"version":3,"file":"hemfixarna-address.js","sourceRoot":"","sources":["../../../src/components/hemfixarna-address/hemfixarna-address.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Element, State, h } from '@stencil/core';\nimport state from '../../store';\nimport { hideField } from '../../utils/form';\nimport { scrollToTop } from '../../utils/scroll';\n\n@Component({\n  tag: 'hemfixarna-address',\n  shadow: false,\n})\nexport class HemfixarnaAddress {\n  @State() street: string = '';\n  @State() streetError: string | null = null;\n  @State() zip: string = '';\n  @State() zipError: string | null = null;\n  @State() town: string = '';\n  @State() townError: string | null = null;\n  @Element() private el: HTMLElement;\n\n  componentWillLoad() {\n    if (state.user) {\n      this.street = state.user.street;\n      this.zip = state.user.zip;\n      this.town = state.user.town;\n    }\n  }\n\n  handleSubmit = (e: Event) => {\n    e.preventDefault();\n    const streetValid = this.street.length > 0;\n    if (!streetValid) {\n      this.streetError = 'Ange en gatuadress';\n    }\n    const zipValid = this.zip.length > 0;\n    const zipIsNumber = /^\\s*\\d[\\d\\s]*$/.test(this.zip);\n    if (!zipIsNumber) {\n      this.zipError = 'Postnummer får endast innehålla siffror';\n    }\n    if (!zipValid) {\n      this.zipError = 'Ange ett postnummer';\n    }\n    const townValid = /^[^\\d\\s]{2,}$/.test(this.town);\n    if (!townValid) {\n      this.townError = 'Ange en ort';\n    }\n    if (streetValid && zipValid && townValid && zipIsNumber) {\n      state.user = { ...state.user, street: this.street, zip: this.zip, town: this.town };\n      state.checkoutStep = 2;\n      state.checkoutEdit = false;\n      const el = this.el.closest('.hemfixarna_content');\n      scrollToTop(el);\n    }\n  };\n\n  handleChangeStreet = (e: Event) => {\n    this.streetError = null;\n    this.street = this.street === state.user.street ? '' : (e.target as HTMLInputElement).value;\n  };\n\n  handleChangeZip = (e: Event) => {\n    this.zipError = null;\n    this.zip = this.zip === state.user.zip ? '' : (e.target as HTMLInputElement).value;\n  };\n\n  handleChangeTown = (e: Event) => {\n    this.townError = null;\n    this.town = this.town === state.user.town ? '' : (e.target as HTMLInputElement).value;\n  };\n\n  render = () => {\n    return (\n      <form class=\"hemfixarna_address\" onSubmit={e => this.handleSubmit(e)}>\n        <div>\n          <input\n            class={`${this.street.length ? 'input_active' : ''}`}\n            onInput={this.handleChangeStreet}\n            type=\"text\"\n            name=\"street\"\n            value={this.street === state.user.street ? hideField(this.street) : this.street}\n          />\n          <label htmlFor=\"street\">Gatuaddress </label>\n        </div>\n        {this.streetError && <span>{this.streetError}</span>}\n        <div>\n          <input\n            class={`${this.zip.length ? 'input_active' : ''}`}\n            onInput={this.handleChangeZip}\n            type=\"tel\"\n            name=\"zip\"\n            value={this.zip === state.user.zip ? hideField(this.zip) : this.zip}\n          />\n          <label htmlFor=\"zip\">Postnummer </label>\n        </div>\n        {this.zipError && <span>{this.zipError}</span>}\n        <div>\n          <input\n            class={`${this.town.length ? 'input_active' : ''}`}\n            onInput={this.handleChangeTown}\n            type=\"text\"\n            name=\"town\"\n            value={this.town === state.user.town ? hideField(this.town) : this.town}\n          />\n          <label htmlFor=\"town\">Ort </label>\n        </div>\n        {this.townError && <span>{this.townError}</span>}\n        <input type=\"submit\" value=\"Fortsätt\" />\n      </form>\n    );\n  };\n}\n"]}

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

@@ -0,0 +1,138 @@
+import { Fragment, h } from '@stencil/core';
+import state from '../../store';
+import { getProductPrice } from '../../utils/calc';
+import { scrollToTop } from '../../utils/scroll';
+import { isProduct } from '../../utils/types';
+export class HemfixarnaBox {
+  constructor() {
+    this.post = undefined;
+    this.category = undefined;
+    this.icon = undefined;
+    this.postTitle = undefined;
+  }
+  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.step = 3;
+      }
+      else if ((taxonomy === null || taxonomy === void 0 ? void 0 : taxonomy.post_type) === 'ikea_product') {
+        state.selectedProduct = taxonomy;
+        state.step = 4;
+      }
+      const el = this.el.closest('.hemfixarna_content');
+      scrollToTop(el);
+    }
+  }
+  setProduct() {
+    state.selectedProduct = this.category;
+    state.step = 4;
+    state.selectedCustomerCategory = null;
+    const el = this.el.closest('.hemfixarna_content');
+    scrollToTop(el);
+  }
+  render() {
+    return this.category ? (h(Fragment, null, isProduct(this.category) ? (h("li", { onClick: () => this.setProduct() }, h("img", { class: "hemfixarna_logo", height: 82, src: this.category.icon, alt: this.category.post_name }), h("div", null, h("p", null, this.category.title), !this.category.invoice ? h("p", { class: "price" }, "Fr\u00E5n ", getProductPrice(this.category), "kr") : null))) : (h("li", { onClick: () => (state.selectedCustomerCategory = this.category) }, h("img", { class: "hemfixarna_logo", height: 82, src: this.category.icon, alt: this.category.name }), h("div", null, h("p", null, this.category.name)))))) : (h("li", { onClick: () => this.setTaxonomy(this.post) }, this.post.icon && h("img", { class: "hemfixarna_logo", height: 82, src: this.icon, alt: this.postTitle }), h("div", null, h("p", null, this.postTitle), state.step === 3 && h("p", { class: "price" }, "Fr\u00E5n ", getProductPrice(this.post), "kr"))));
+  }
+  static get is() { return "hemfixarna-box"; }
+  static get properties() {
+    return {
+      "post": {
+        "type": "unknown",
+        "mutable": false,
+        "complexType": {
+          "original": "Category | Product | Service",
+          "resolved": "Category | Product | Service",
+          "references": {
+            "Category": {
+              "location": "import",
+              "path": "../../types"
+            },
+            "Product": {
+              "location": "import",
+              "path": "../../types"
+            },
+            "Service": {
+              "location": "import",
+              "path": "../../types"
+            }
+          }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        }
+      },
+      "category": {
+        "type": "unknown",
+        "mutable": false,
+        "complexType": {
+          "original": "CustomerCategory | CustomerSubCategory | Product",
+          "resolved": "CustomerCategory | CustomerSubCategory | Product",
+          "references": {
+            "CustomerCategory": {
+              "location": "import",
+              "path": "../../types"
+            },
+            "CustomerSubCategory": {
+              "location": "import",
+              "path": "../../types"
+            },
+            "Product": {
+              "location": "import",
+              "path": "../../types"
+            }
+          }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        }
+      },
+      "icon": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "icon",
+        "reflect": false
+      },
+      "postTitle": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "post-title",
+        "reflect": false
+      }
+    };
+  }
+  static get elementRef() { return "el"; }
+}
+//# sourceMappingURL=hemfixarna-box.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"hemfixarna-box.js","sourceRoot":"","sources":["../../../src/components/hemfixarna-box/hemfixarna-box.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AACtE,OAAO,KAAK,MAAM,aAAa,CAAC;AAEhC,OAAO,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AACnD,OAAO,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AACjD,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAM9C,MAAM,OAAO,aAAa;;;;;;;EAOxB,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,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,IAAI,GAAG,CAAC,CAAC;OAChB;MACD,MAAM,EAAE,GAAG,IAAI,CAAC,EAAE,CAAC,OAAO,CAAC,qBAAqB,CAAC,CAAC;MAClD,WAAW,CAAC,EAAE,CAAC,CAAC;KACjB;EACH,CAAC;EAED,UAAU;IACR,KAAK,CAAC,eAAe,GAAG,IAAI,CAAC,QAAmB,CAAC;IACjD,KAAK,CAAC,IAAI,GAAG,CAAC,CAAC;IACf,KAAK,CAAC,wBAAwB,GAAG,IAAI,CAAC;IACtC,MAAM,EAAE,GAAG,IAAI,CAAC,EAAE,CAAC,OAAO,CAAC,qBAAqB,CAAC,CAAC;IAClD,WAAW,CAAC,EAAE,CAAC,CAAC;EAClB,CAAC;EAED,MAAM;IACJ,OAAO,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,CACrB,EAAC,QAAQ,QACN,SAAS,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAC1B,UAAI,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,UAAU,EAAE;MAClC,WAAK,KAAK,EAAC,iBAAiB,EAAC,MAAM,EAAE,EAAE,EAAE,GAAG,EAAE,IAAI,CAAC,QAAQ,CAAC,IAAc,EAAE,GAAG,EAAE,IAAI,CAAC,QAAQ,CAAC,SAAS,GAAI;MAC5G;QACE,aAAI,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAK;QAC3B,CAAC,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC,CAAC,SAAG,KAAK,EAAC,OAAO;;UAAO,eAAe,CAAC,IAAI,CAAC,QAAQ,CAAC;eAAO,CAAC,CAAC,CAAC,IAAI,CACzF,CACH,CACN,CAAC,CAAC,CAAC,CACF,UAAI,OAAO,EAAE,GAAG,EAAE,CAAC,CAAC,KAAK,CAAC,wBAAwB,GAAG,IAAI,CAAC,QAA4B,CAAC;MACrF,WAAK,KAAK,EAAC,iBAAiB,EAAC,MAAM,EAAE,EAAE,EAAE,GAAG,EAAE,IAAI,CAAC,QAAQ,CAAC,IAAI,EAAE,GAAG,EAAE,IAAI,CAAC,QAAQ,CAAC,IAAI,GAAI;MAC7F;QACE,aAAI,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAK,CACvB,CACH,CACN,CACQ,CACZ,CAAC,CAAC,CAAC,CACF,UAAI,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC;MAC3C,IAAI,CAAC,IAAI,CAAC,IAAI,IAAI,WAAK,KAAK,EAAC,iBAAiB,EAAC,MAAM,EAAE,EAAE,EAAE,GAAG,EAAE,IAAI,CAAC,IAAI,EAAE,GAAG,EAAE,IAAI,CAAC,SAAS,GAAI;MACnG;QACE,aAAI,IAAI,CAAC,SAAS,CAAK;QACtB,KAAK,CAAC,IAAI,KAAK,CAAC,IAAI,SAAG,KAAK,EAAC,OAAO;;UAAO,eAAe,CAAC,IAAI,CAAC,IAAe,CAAC;eAAO,CACpF,CACH,CACN,CAAC;EACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Element, Fragment, Prop, h } from '@stencil/core';\nimport state from '../../store';\nimport { Category, CustomerCategory, CustomerSubCategory, Product, Service } from '../../types';\nimport { getProductPrice } from '../../utils/calc';\nimport { scrollToTop } from '../../utils/scroll';\nimport { isProduct } from '../../utils/types';\n\n@Component({\n  tag: 'hemfixarna-box',\n  shadow: false,\n})\nexport class HemfixarnaBox {\n  @Prop() post: Category | Product | Service;\n  @Prop() category: CustomerCategory | CustomerSubCategory | Product;\n  @Prop() icon: string;\n  @Prop() postTitle: string;\n  @Element() private el: HTMLElement;\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.step = 3;\n      } else if ((taxonomy as Product)?.post_type === 'ikea_product') {\n        state.selectedProduct = taxonomy as Product;\n        state.step = 4;\n      }\n      const el = this.el.closest('.hemfixarna_content');\n      scrollToTop(el);\n    }\n  }\n\n  setProduct() {\n    state.selectedProduct = this.category as Product;\n    state.step = 4;\n    state.selectedCustomerCategory = null;\n    const el = this.el.closest('.hemfixarna_content');\n    scrollToTop(el);\n  }\n\n  render() {\n    return this.category ? (\n      <Fragment>\n        {isProduct(this.category) ? (\n          <li onClick={() => this.setProduct()}>\n            <img class=\"hemfixarna_logo\" height={82} src={this.category.icon as string} alt={this.category.post_name} />\n            <div>\n              <p>{this.category.title}</p>\n              {!this.category.invoice ? <p class=\"price\">Från {getProductPrice(this.category)}kr</p> : null}\n            </div>\n          </li>\n        ) : (\n          <li onClick={() => (state.selectedCustomerCategory = this.category as CustomerCategory)}>\n            <img class=\"hemfixarna_logo\" height={82} src={this.category.icon} alt={this.category.name} />\n            <div>\n              <p>{this.category.name}</p>\n            </div>\n          </li>\n        )}\n      </Fragment>\n    ) : (\n      <li onClick={() => this.setTaxonomy(this.post)}>\n        {this.post.icon && <img class=\"hemfixarna_logo\" height={82} src={this.icon} alt={this.postTitle} />}\n        <div>\n          <p>{this.postTitle}</p>\n          {state.step === 3 && <p class=\"price\">Från {getProductPrice(this.post as Product)}kr</p>}\n        </div>\n      </li>\n    );\n  }\n}\n"]}

package/dist/{hemfixarna-components/hemfixarna-breadcrumbs.entry.js → collection/components/hemfixarna-breadcrumbs/hemfixarna-breadcrumbs.js}

@@ -1,10 +1,8 @@
-import { r as registerInstance, e as getAssetPath, h, i as getElement } from './index-2ce8b901.js';
-import { s as state } from './index-21ba2b05.js';
-import { s as scrollToTop } from './scroll-6c26b5da.js';
-
-const HemfixarnaBreadcrumbs = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
+import { getAssetPath, h } from '@stencil/core';
+import state from '../../store';
+import { scrollToTop } from '../../utils/scroll';
+export class HemfixarnaBreadcrumbs {
+  constructor() {
     this.triggerScrollTotop = () => {
       const el = this.el.nextSibling;
       scrollToTop(el);
@@ -52,9 +50,26 @@ const HemfixarnaBreadcrumbs = class {
         state.maleri = null;
       } }, h("img", { width: 24, src: back, alt: "back arrow" }), h("span", null, "Se allt ", state.parentCategory.name)))));
   }
-  get el() { return getElement(this); }
-};
-
-export { HemfixarnaBreadcrumbs as hemfixarna_breadcrumbs };
-
-//# sourceMappingURL=hemfixarna-breadcrumbs.entry.js.map
+  static get is() { return "hemfixarna-breadcrumbs"; }
+  static get properties() {
+    return {
+      "closeModal": {
+        "type": "unknown",
+        "mutable": false,
+        "complexType": {
+          "original": "() => void",
+          "resolved": "() => void",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        }
+      }
+    };
+  }
+  static get elementRef() { return "el"; }
+}
+//# sourceMappingURL=hemfixarna-breadcrumbs.js.map

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

@@ -0,0 +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 { 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/{hemfixarna-components/hemfixarna-cart.entry.js → collection/components/hemfixarna-cart/hemfixarna-cart.js}

@@ -1,10 +1,6 @@
-import { r as registerInstance, e as getAssetPath, h } from './index-2ce8b901.js';
-import { s as state } from './index-21ba2b05.js';
-
-const HemfixarnaCart = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-  }
+import { getAssetPath, h } from '@stencil/core';
+import state from '../../store';
+export class HemfixarnaCart {
   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: () => {
@@ -13,8 +9,6 @@ const HemfixarnaCart = class {
         state.checkoutStep = 1;
       } }, h("img", { width: 24, src: back, alt: "back arrow" }))), "Dina uppgifter"), h("hemfixarna-checkout", null), h("hemfixarna-info", null))));
   }
-};
-
-export { HemfixarnaCart as hemfixarna_cart };
-
-//# sourceMappingURL=hemfixarna-cart.entry.js.map
+  static get is() { return "hemfixarna-cart"; }
+}
+//# sourceMappingURL=hemfixarna-cart.js.map

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

@@ -0,0 +1 @@
+{"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-category.tsx/hemfixarna-category.js

@@ -0,0 +1,18 @@
+import { h } from '@stencil/core';
+import state from '../../store';
+export class HemfixarnaCategory {
+  setSelectedService(service) {
+    state.selectedService = service;
+    state.step = 3;
+  }
+  render() {
+    return (h("div", null, h("h2", null, state.selectedCategory.name), h("div", { class: "hemfixarna_categories--wrapper" }, h("div", null, h("ul", { class: "hemfixarna_categories" }, state.selectedCategory.services
+      .sort((a, b) => (a.post_title < b.post_title ? -1 : 1))
+      .map(s => {
+      var _a;
+      return (h("hemfixarna-box", { post: s, icon: (_a = s.icon.url) !== null && _a !== void 0 ? _a : s.icon, postTitle: s.post_title }));
+    }))), h("hemfixarna-info", null))));
+  }
+  static get is() { return "hemfixarna-category"; }
+}
+//# sourceMappingURL=hemfixarna-category.js.map

package/dist/collection/components/hemfixarna-category.tsx/hemfixarna-category.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"hemfixarna-category.js","sourceRoot":"","sources":["../../../src/components/hemfixarna-category.tsx/hemfixarna-category.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAC7C,OAAO,KAAK,MAAM,aAAa,CAAC;AAOhC,MAAM,OAAO,kBAAkB;EAC7B,kBAAkB,CAAC,OAAgB;IACjC,KAAK,CAAC,eAAe,GAAG,OAAO,CAAC;IAChC,KAAK,CAAC,IAAI,GAAG,CAAC,CAAC;EACjB,CAAC;EAED,MAAM;IACJ,OAAO,CACL;MACE,cAAK,KAAK,CAAC,gBAAgB,CAAC,IAAI,CAAM;MACtC,WAAK,KAAK,EAAC,gCAAgC;QACzC;UACE,UAAI,KAAK,EAAC,uBAAuB,IAC9B,KAAK,CAAC,gBAAgB,CAAC,QAAQ;aAC7B,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,UAAU,GAAG,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;aACtD,GAAG,CAAC,CAAC,CAAC,EAAE;;YAAC,OAAA,CACR,sBAAgB,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,MAAC,CAAC,CAAC,IAAa,CAAC,GAAG,mCAAK,CAAC,CAAC,IAAe,EAAE,SAAS,EAAE,CAAC,CAAC,UAAU,GAAmB,CACtH,CAAA;WAAA,CAAC,CACD,CACD;QACN,0BAAmB,CACf,CACF,CACP,CAAC;EACJ,CAAC;;CACF","sourcesContent":["import { Component, h } from '@stencil/core';\nimport state from '../../store';\nimport { Icon, Service } from '../../types';\n\n@Component({\n  tag: 'hemfixarna-category',\n  shadow: false,\n})\nexport class HemfixarnaCategory {\n  setSelectedService(service: Service) {\n    state.selectedService = service;\n    state.step = 3;\n  }\n\n  render() {\n    return (\n      <div>\n        <h2>{state.selectedCategory.name}</h2>\n        <div class=\"hemfixarna_categories--wrapper\">\n          <div>\n            <ul class=\"hemfixarna_categories\">\n              {state.selectedCategory.services\n                .sort((a, b) => (a.post_title < b.post_title ? -1 : 1))\n                .map(s => (\n                  <hemfixarna-box post={s} icon={(s.icon as Icon).url ?? (s.icon as string)} postTitle={s.post_title}></hemfixarna-box>\n                ))}\n            </ul>\n          </div>\n          <hemfixarna-info />\n        </div>\n      </div>\n    );\n  }\n}\n"]}

package/dist/{hemfixarna-components/hemfixarna-checkout.entry.js → collection/components/hemfixarna-checkout/hemfixarna-checkout.js}

@@ -1,30 +1,12 @@
-import { r as registerInstance, e as getAssetPath, h, F as Fragment, i as getElement } from './index-2ce8b901.js';
-import { s as state } from './index-21ba2b05.js';
-import { B as Business } from './index-c8ce6f4b.js';
-import { f as fetchWithType, p as postOrder } from './api-e3c51cb3.js';
-import { g as getApiUrl } from './enviroment-fd0a763a.js';
-import { h as hideField } from './form-c53dca29.js';
-import { s as scrollToTop } from './scroll-6c26b5da.js';
-
-const base = `${getApiUrl()}/wp-json/felix`;
-const postPerson = async (felixOrder) => {
-  try {
-    return await fetchWithType(`${base}/createperson`, {
-      method: 'POST',
-      body: JSON.stringify(felixOrder),
-      headers: {
-        'Content-Type': 'application/json',
-      },
-    });
-  }
-  catch (error) {
-    console.log(error);
-  }
-};
-
-const HemfixarnaCheckout = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
+import { Fragment, getAssetPath, h } from '@stencil/core';
+import state from '../../store';
+import { Business } from '../../types';
+import { postOrder } from '../../utils/api';
+import { postPerson } from '../../utils/felixApi';
+import { hideField } from '../../utils/form';
+import { scrollToTop } from '../../utils/scroll';
+export class HemfixarnaCheckout {
+  constructor() {
     this.handleChangeDate = (e) => {
       this.dateError = null;
       this.date = e.target.value;
@@ -174,9 +156,20 @@ const HemfixarnaCheckout = class {
       state.checkoutStep = 2;
     }
   }
-  get el() { return getElement(this); }
-};
-
-export { HemfixarnaCheckout as hemfixarna_checkout };
-
-//# sourceMappingURL=hemfixarna-checkout.entry.js.map
+  static get is() { return "hemfixarna-checkout"; }
+  static get states() {
+    return {
+      "date": {},
+      "dateError": {},
+      "generalError": {},
+      "loading": {},
+      "enteredPin": {},
+      "selectedSubSource": {},
+      "partnerOrderId": {},
+      "sellerID": {},
+      "RefferalID": {}
+    };
+  }
+  static get elementRef() { return "el"; }
+}
+//# sourceMappingURL=hemfixarna-checkout.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"hemfixarna-checkout.js","sourceRoot":"","sources":["../../../src/components/hemfixarna-checkout/hemfixarna-checkout.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Element, Fragment, State, getAssetPath, h } from '@stencil/core';\nimport state from '../../store';\nimport { Business } from '../../types';\nimport { postOrder } from '../../utils/api';\nimport { FelixOrder, postPerson } from '../../utils/felixApi';\nimport { hideField } from '../../utils/form';\nimport { scrollToTop } from '../../utils/scroll';\n\n@Component({\n  tag: 'hemfixarna-checkout',\n  shadow: false,\n})\nexport class HemfixarnaCheckout {\n  @State() date: string = '';\n  @State() dateError: string | null = null;\n  @State() generalError: string | null = null;\n  @State() loading = false;\n  @State() enteredPin: string = '';\n  @Element() private el: HTMLElement;\n  @State() selectedSubSource: string | null = null;\n  @State() partnerOrderId: string | null = null;\n  @State() sellerID: string | null = null;\n  @State() RefferalID: string | null = null;\n\n  handleChangeDate = (e: Event) => {\n    this.dateError = null;\n    this.date = (e.target as HTMLInputElement).value;\n  };\n\n  handleChangeTerms = () => {\n    this.generalError = null;\n  };\n\n  sendOrder = async () => {\n    if (this.loading) return;\n    this.loading = true;\n\n    const startFees = state.cart\n      .filter(item => item.start_fee_obj)\n      .map(item => ({\n        ID: item.start_fee_obj?.ID,\n        title: item.start_fee_obj?.title,\n        price: item.start_fee_obj?.price,\n        rut: item.rut ? 1 : 0,\n        rot: item.rot ? 1 : 0,\n        green: item.green ? 1 : 0,\n      }));\n\n    let order: FelixOrder = {\n      firstName: state.creditSafeUser.firstName,\n      lastName: state.creditSafeUser.lastName,\n      street: state.user.street,\n      zip: state.user.zip,\n      town: state.user.town,\n      ssn: state.user.ssn,\n      email: state.user.email,\n      phone: state.user.phone,\n      url: `${state.business === Business.string ? 'string' : state.business}-webk`,\n      date: this.date,\n      products: [\n        ...state.cart.map(item => {\n          const parts = item.parts.map(part => ({\n            id: String(part.id),\n            name: part.name,\n            quantity: part.amount,\n            rut: 0,\n            rot: 0,\n            start_fee_id: item.start_fee_obj ? item.start_fee_obj.ID : null,\n          }));\n          return [\n            {\n              id: String(item.id),\n              name: item.name,\n              quantity: item.amount,\n              rot: item.rot ? 1 : 0,\n              rut: item.rut ? 1 : 0,\n              start_fee_id: item.start_fee_obj ? item.start_fee_obj.ID : null,\n            },\n            ...parts,\n          ];\n        }),\n      ].flat(),\n      start_fees: startFees,\n      creditSafe: state.creditSafeUser,\n      customer: state.business,\n      id_source: state.customer.source ? state.customer.source.fieldData.So01_Name : '',\n      id_sub_source: this.selectedSubSource ? this.selectedSubSource : '',\n      seller_id: this.sellerID ?? '',\n      referral_id: this.RefferalID ?? '',\n    };\n\n    const felixOrder = await postPerson(order);\n    if (!felixOrder || !felixOrder.response?.scriptResult?.includes('OK')) {\n      order = { ...order, felixStatus: 'error' };\n    } else {\n      order = { ...order, felixStatus: 'success' };\n    }\n\n    try {\n      const { data: orderConfirm, status } = await postOrder(order);\n      if (orderConfirm && status && status === 200) {\n        state.step = 6;\n        const el = this.el.closest('.hemfixarna_content');\n        scrollToTop(el);\n      } else {\n        this.generalError = 'Något gick fel, försök igen senare';\n      }\n    } catch (error) {\n      this.generalError = 'Något gick fel, försök igen senare';\n    }\n    this.loading = false;\n  };\n\n  handleSubmit = (e: Event) => {\n    e.preventDefault();\n    this.generalError = null;\n    const validDate = this.date.length > 0;\n    if (!validDate) {\n      this.dateError = 'Ange ett giltigt datum';\n    }\n    const checkBoxes = Array.from(this.el.querySelectorAll('input[type=\"checkbox\"]'));\n    const notValidTerms = checkBoxes.find(i => !(i as HTMLInputElement).checked);\n    if (notValidTerms) {\n      this.generalError = 'Du måste godkänna villkoren';\n    }\n    if (state.customer.source && state.selectSource) {\n      if (!this.sellerID) {\n        this.generalError = 'Ange säljare';\n        return;\n      }\n      if (state.customer.source.sub_sources?.length && !this.selectedSubSource) {\n        this.generalError = 'Välj underkälla';\n        return;\n      }\n    }\n    if (validDate && !notValidTerms) {\n      this.sendOrder();\n    }\n  };\n\n  componentWillLoad() {\n    if (Boolean(state.user && state.user.street)) {\n      state.checkoutStep = 2;\n    }\n  }\n\n  render = () => {\n    const dateLogo = getAssetPath(`./assets/date.svg`);\n    const down = getAssetPath(`./assets/down.svg`);\n    const loading = getAssetPath(`./assets/spinner.gif`);\n\n    if (state.checkoutEdit) {\n      return <hemfixarna-address />;\n    } else if (state.checkoutStep === 1) {\n      return <hemfixarna-getuser />;\n    } else if (state.checkoutStep === 2) {\n      return (\n        <div class=\"mb-2\">\n          <div class=\"hemfixarna_addressinfo\">\n            <div>\n              <p>{hideField(state.user.firstName)}</p>\n              <p>{hideField(state.user.lastName)}</p>\n              <p>{state.user.email}</p>\n              <p>{state.user.phone}</p>\n            </div>\n            <div>\n              <p>{hideField(state.user.street)}</p>\n              <p>{hideField(state.user.zip)}</p>\n              <p>{hideField(state.user.town)}</p>\n            </div>\n            <button onClick={() => (state.checkoutEdit = true)}>Behöver du ändra adressen?</button>\n          </div>\n          <form onSubmit={e => this.handleSubmit(e)}>\n            <div>\n              <img src={dateLogo} width={24} />\n              <input\n                class={`${this.date.length ? 'input_active' : ''}`}\n                min={new Date().toISOString().split('T')[0]}\n                onChange={e => this.handleChangeDate(e)}\n                type=\"date\"\n                name=\"date\"\n                value={this.date}\n              />\n              <label htmlFor=\"date\">Tidigaste datum för hembesök</label>\n              <img src={down} width={24} />\n            </div>\n            {this.dateError && <span>{this.dateError}</span>}\n            {state.customer.source && state.selectSource ? (\n              <Fragment>\n                <p>\n                  Inloggad som:\n                  <strong> {state.customer.source.fieldData.So01_Name}</strong>\n                </p>\n                <label>\n                  Säljare (SäljarId)\n                  <input type=\"text\" value={this.sellerID} onChange={e => (this.sellerID = (e.target as HTMLInputElement).value)} />\n                </label>\n                <label>\n                  PartnerOrderID (RefferalID)\n                  <input type=\"text\" value={this.RefferalID} onChange={e => (this.RefferalID = (e.target as HTMLInputElement).value)} />\n                </label>\n                {state.customer.source.sub_sources?.length ? (\n                  <div>\n                    <select onChange={e => (this.selectedSubSource = (e.target as HTMLSelectElement).value)}>\n                      <option disabled selected value=\"null\">\n                        Välj underkälla\n                      </option>\n                      {state.customer.source.sub_sources.map(sub => (\n                        <option value={sub['So_SubSource::Sus01_Name']}>{sub['So_SubSource::Sus01_Name']}</option>\n                      ))}\n                    </select>\n                  </div>\n                ) : (\n                  <p>Det finns inga underkällor att välja</p>\n                )}\n              </Fragment>\n            ) : null}\n            <label class=\"hemfixarna_checkbox\">\n              <input onChange={() => this.handleChangeTerms()} type=\"checkbox\" />\n              <span innerHTML={state.options.terms} />\n            </label>\n            {state.cart\n              .filter(i => i.terms_checkout?.length)\n              .map(item => (\n                <Fragment>\n                  <label class=\"hemfixarna_checkbox\">\n                    <input onChange={() => this.handleChangeTerms()} type=\"checkbox\" />\n                    <span>{item.terms_checkout}</span>\n                  </label>\n                </Fragment>\n              ))}\n            {this.generalError && <span>{this.generalError}</span>}\n            <div class={this.loading ? 'loading' : ''}>\n              <input type=\"submit\" value={this.loading ? '' : 'Skicka bokning'} />\n              <img width={20} height={20} src={loading} alt=\"spinner\" />\n            </div>\n          </form>\n        </div>\n      );\n    }\n  };\n}\n"]}