hemfixarna-web-components 1.8.3 → 1.8.5

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

@@ -1,138 +0,0 @@
-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

@@ -1 +0,0 @@
-{"version":3,"file":"hemfixarna-box.js","sourceRoot":"","sources":["../../../src/components/hemfixarna-box/hemfixarna-box.tsx"],"names":[],"mappings":"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","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/collection/components/hemfixarna-breadcrumbs/hemfixarna-breadcrumbs.js.map

@@ -1 +0,0 @@
-{"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.map

@@ -1 +0,0 @@
-{"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

@@ -1,18 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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/collection/components/hemfixarna-checkout/hemfixarna-checkout.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"hemfixarna-checkout.js","sourceRoot":"","sources":["../../../src/components/hemfixarna-checkout/hemfixarna-checkout.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,YAAY,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AACrF,OAAO,KAAK,MAAM,aAAa,CAAC;AAChC,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAC5C,OAAO,EAAc,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAC9D,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAC7C,OAAO,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAMjD,MAAM,OAAO,kBAAkB;;IAY7B,qBAAgB,GAAG,CAAC,CAAQ,EAAE,EAAE;MAC9B,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC;MACtB,IAAI,CAAC,IAAI,GAAI,CAAC,CAAC,MAA2B,CAAC,KAAK,CAAC;IACnD,CAAC,CAAC;IAEF,sBAAiB,GAAG,GAAG,EAAE;MACvB,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC;IAC3B,CAAC,CAAC;IAEF,cAAS,GAAG,KAAK,IAAI,EAAE;;MACrB,IAAI,IAAI,CAAC,OAAO;QAAE,OAAO;MACzB,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC;MAEpB,MAAM,SAAS,GAAG,KAAK,CAAC,IAAI;SACzB,MAAM,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,aAAa,CAAC;SAClC,GAAG,CAAC,IAAI,CAAC,EAAE;;QAAC,OAAA,CAAC;UACZ,EAAE,EAAE,MAAA,IAAI,CAAC,aAAa,0CAAE,EAAE;UAC1B,KAAK,EAAE,MAAA,IAAI,CAAC,aAAa,0CAAE,KAAK;UAChC,KAAK,EAAE,MAAA,IAAI,CAAC,aAAa,0CAAE,KAAK;UAChC,GAAG,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;UACrB,GAAG,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;UACrB,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;SAC1B,CAAC,CAAA;OAAA,CAAC,CAAC;MAEN,IAAI,KAAK,GAAe;QACtB,SAAS,EAAE,KAAK,CAAC,cAAc,CAAC,SAAS;QACzC,QAAQ,EAAE,KAAK,CAAC,cAAc,CAAC,QAAQ;QACvC,MAAM,EAAE,KAAK,CAAC,IAAI,CAAC,MAAM;QACzB,GAAG,EAAE,KAAK,CAAC,IAAI,CAAC,GAAG;QACnB,IAAI,EAAE,KAAK,CAAC,IAAI,CAAC,IAAI;QACrB,GAAG,EAAE,KAAK,CAAC,IAAI,CAAC,GAAG;QACnB,KAAK,EAAE,KAAK,CAAC,IAAI,CAAC,KAAK;QACvB,KAAK,EAAE,KAAK,CAAC,IAAI,CAAC,KAAK;QACvB,GAAG,EAAE,GAAG,KAAK,CAAC,QAAQ,KAAK,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,QAAQ,OAAO;QAC7E,IAAI,EAAE,IAAI,CAAC,IAAI;QACf,QAAQ,EAAE;UACR,GAAG,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE;YACvB,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;cACpC,EAAE,EAAE,MAAM,CAAC,IAAI,CAAC,EAAE,CAAC;cACnB,IAAI,EAAE,IAAI,CAAC,IAAI;cACf,QAAQ,EAAE,IAAI,CAAC,MAAM;cACrB,GAAG,EAAE,CAAC;cACN,GAAG,EAAE,CAAC;cACN,YAAY,EAAE,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,IAAI,CAAC,aAAa,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI;aAChE,CAAC,CAAC,CAAC;YACJ,OAAO;cACL;gBACE,EAAE,EAAE,MAAM,CAAC,IAAI,CAAC,EAAE,CAAC;gBACnB,IAAI,EAAE,IAAI,CAAC,IAAI;gBACf,QAAQ,EAAE,IAAI,CAAC,MAAM;gBACrB,GAAG,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;gBACrB,GAAG,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;gBACrB,YAAY,EAAE,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,IAAI,CAAC,aAAa,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI;eAChE;cACD,GAAG,KAAK;aACT,CAAC;UACJ,CAAC,CAAC;SACH,CAAC,IAAI,EAAE;QACR,UAAU,EAAE,SAAS;QACrB,UAAU,EAAE,KAAK,CAAC,cAAc;QAChC,QAAQ,EAAE,KAAK,CAAC,QAAQ;QACxB,SAAS,EAAE,KAAK,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,QAAQ,CAAC,MAAM,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE;QACjF,aAAa,EAAE,IAAI,CAAC,iBAAiB,CAAC,CAAC,CAAC,IAAI,CAAC,iBAAiB,CAAC,CAAC,CAAC,EAAE;QACnE,SAAS,EAAE,MAAA,IAAI,CAAC,QAAQ,mCAAI,EAAE;QAC9B,WAAW,EAAE,MAAA,IAAI,CAAC,UAAU,mCAAI,EAAE;OACnC,CAAC;MAEF,MAAM,UAAU,GAAG,MAAM,UAAU,CAAC,KAAK,CAAC,CAAC;MAC3C,IAAI,CAAC,UAAU,IAAI,CAAC,CAAA,MAAA,MAAA,UAAU,CAAC,QAAQ,0CAAE,YAAY,0CAAE,QAAQ,CAAC,IAAI,CAAC,CAAA,EAAE;QACrE,KAAK,mCAAQ,KAAK,KAAE,WAAW,EAAE,OAAO,GAAE,CAAC;OAC5C;WAAM;QACL,KAAK,mCAAQ,KAAK,KAAE,WAAW,EAAE,SAAS,GAAE,CAAC;OAC9C;MAED,IAAI;QACF,MAAM,EAAE,IAAI,EAAE,YAAY,EAAE,MAAM,EAAE,GAAG,MAAM,SAAS,CAAC,KAAK,CAAC,CAAC;QAC9D,IAAI,YAAY,IAAI,MAAM,IAAI,MAAM,KAAK,GAAG,EAAE;UAC5C,KAAK,CAAC,IAAI,GAAG,CAAC,CAAC;UACf,MAAM,EAAE,GAAG,IAAI,CAAC,EAAE,CAAC,OAAO,CAAC,qBAAqB,CAAC,CAAC;UAClD,WAAW,CAAC,EAAE,CAAC,CAAC;SACjB;aAAM;UACL,IAAI,CAAC,YAAY,GAAG,oCAAoC,CAAC;SAC1D;OACF;MAAC,OAAO,KAAK,EAAE;QACd,IAAI,CAAC,YAAY,GAAG,oCAAoC,CAAC;OAC1D;MACD,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC;IACvB,CAAC,CAAC;IAEF,iBAAY,GAAG,CAAC,CAAQ,EAAE,EAAE;;MAC1B,CAAC,CAAC,cAAc,EAAE,CAAC;MACnB,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC;MACzB,MAAM,SAAS,GAAG,IAAI,CAAC,IAAI,CAAC,MAAM,GAAG,CAAC,CAAC;MACvC,IAAI,CAAC,SAAS,EAAE;QACd,IAAI,CAAC,SAAS,GAAG,wBAAwB,CAAC;OAC3C;MACD,MAAM,UAAU,GAAG,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,gBAAgB,CAAC,wBAAwB,CAAC,CAAC,CAAC;MAClF,MAAM,aAAa,GAAG,UAAU,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAE,CAAsB,CAAC,OAAO,CAAC,CAAC;MAC7E,IAAI,aAAa,EAAE;QACjB,IAAI,CAAC,YAAY,GAAG,6BAA6B,CAAC;OACnD;MACD,IAAI,KAAK,CAAC,QAAQ,CAAC,MAAM,IAAI,KAAK,CAAC,YAAY,EAAE;QAC/C,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE;UAClB,IAAI,CAAC,YAAY,GAAG,cAAc,CAAC;UACnC,OAAO;SACR;QACD,IAAI,CAAA,MAAA,KAAK,CAAC,QAAQ,CAAC,MAAM,CAAC,WAAW,0CAAE,MAAM,KAAI,CAAC,IAAI,CAAC,iBAAiB,EAAE;UACxE,IAAI,CAAC,YAAY,GAAG,iBAAiB,CAAC;UACtC,OAAO;SACR;OACF;MACD,IAAI,SAAS,IAAI,CAAC,aAAa,EAAE;QAC/B,IAAI,CAAC,SAAS,EAAE,CAAC;OAClB;IACH,CAAC,CAAC;IAQF,WAAM,GAAG,GAAG,EAAE;;MACZ,MAAM,QAAQ,GAAG,YAAY,CAAC,mBAAmB,CAAC,CAAC;MACnD,MAAM,IAAI,GAAG,YAAY,CAAC,mBAAmB,CAAC,CAAC;MAC/C,MAAM,OAAO,GAAG,YAAY,CAAC,sBAAsB,CAAC,CAAC;MAErD,IAAI,KAAK,CAAC,YAAY,EAAE;QACtB,OAAO,6BAAsB,CAAC;OAC/B;WAAM,IAAI,KAAK,CAAC,YAAY,KAAK,CAAC,EAAE;QACnC,OAAO,6BAAsB,CAAC;OAC/B;WAAM,IAAI,KAAK,CAAC,YAAY,KAAK,CAAC,EAAE;QACnC,OAAO,CACL,WAAK,KAAK,EAAC,MAAM;UACf,WAAK,KAAK,EAAC,wBAAwB;YACjC;cACE,aAAI,SAAS,CAAC,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,CAAK;cACxC,aAAI,SAAS,CAAC,KAAK,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAK;cACvC,aAAI,KAAK,CAAC,IAAI,CAAC,KAAK,CAAK;cACzB,aAAI,KAAK,CAAC,IAAI,CAAC,KAAK,CAAK,CACrB;YACN;cACE,aAAI,SAAS,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,CAAK;cACrC,aAAI,SAAS,CAAC,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,CAAK;cAClC,aAAI,SAAS,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,CAAK,CAC/B;YACN,cAAQ,OAAO,EAAE,GAAG,EAAE,CAAC,CAAC,KAAK,CAAC,YAAY,GAAG,IAAI,CAAC,2CAAqC,CACnF;UACN,YAAM,QAAQ,EAAE,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC;YACvC;cACE,WAAK,GAAG,EAAE,QAAQ,EAAE,KAAK,EAAE,EAAE,GAAI;cACjC,aACE,KAAK,EAAE,GAAG,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,EAAE,EAAE,EAClD,GAAG,EAAE,IAAI,IAAI,EAAE,CAAC,WAAW,EAAE,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,EAC3C,QAAQ,EAAE,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,gBAAgB,CAAC,CAAC,CAAC,EACvC,IAAI,EAAC,MAAM,EACX,IAAI,EAAC,MAAM,EACX,KAAK,EAAE,IAAI,CAAC,IAAI,GAChB;cACF,aAAO,OAAO,EAAC,MAAM,6CAAqC;cAC1D,WAAK,GAAG,EAAE,IAAI,EAAE,KAAK,EAAE,EAAE,GAAI,CACzB;YACL,IAAI,CAAC,SAAS,IAAI,gBAAO,IAAI,CAAC,SAAS,CAAQ;YAC/C,KAAK,CAAC,QAAQ,CAAC,MAAM,IAAI,KAAK,CAAC,YAAY,CAAC,CAAC,CAAC,CAC7C,EAAC,QAAQ;cACP;;gBAEE;;kBAAU,KAAK,CAAC,QAAQ,CAAC,MAAM,CAAC,SAAS,CAAC,SAAS,CAAU,CAC3D;cACJ;;gBAEE,aAAO,IAAI,EAAC,MAAM,EAAC,KAAK,EAAE,IAAI,CAAC,QAAQ,EAAE,QAAQ,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,QAAQ,GAAI,CAAC,CAAC,MAA2B,CAAC,KAAK,CAAC,GAAI,CAC5G;cACR;;gBAEE,aAAO,IAAI,EAAC,MAAM,EAAC,KAAK,EAAE,IAAI,CAAC,UAAU,EAAE,QAAQ,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,UAAU,GAAI,CAAC,CAAC,MAA2B,CAAC,KAAK,CAAC,GAAI,CAChH;cACP,CAAA,MAAA,KAAK,CAAC,QAAQ,CAAC,MAAM,CAAC,WAAW,0CAAE,MAAM,EAAC,CAAC,CAAC,CAC3C;gBACE,cAAQ,QAAQ,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,iBAAiB,GAAI,CAAC,CAAC,MAA4B,CAAC,KAAK,CAAC;kBACrF,cAAQ,QAAQ,QAAC,QAAQ,QAAC,KAAK,EAAC,MAAM,gCAE7B;kBACR,KAAK,CAAC,QAAQ,CAAC,MAAM,CAAC,WAAW,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE,CAAC,CAC5C,cAAQ,KAAK,EAAE,GAAG,CAAC,0BAA0B,CAAC,IAAG,GAAG,CAAC,0BAA0B,CAAC,CAAU,CAC3F,CAAC,CACK,CACL,CACP,CAAC,CAAC,CAAC,CACF,8DAA2C,CAC5C,CACQ,CACZ,CAAC,CAAC,CAAC,IAAI;YACR,aAAO,KAAK,EAAC,qBAAqB;cAChC,aAAO,QAAQ,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,iBAAiB,EAAE,EAAE,IAAI,EAAC,UAAU,GAAG;cACnE,YAAM,SAAS,EAAE,KAAK,CAAC,OAAO,CAAC,KAAK,GAAI,CAClC;YACP,KAAK,CAAC,IAAI;eACR,MAAM,CAAC,CAAC,CAAC,EAAE,WAAC,OAAA,MAAA,CAAC,CAAC,cAAc,0CAAE,MAAM,CAAA,EAAA,CAAC;eACrC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,CACX,EAAC,QAAQ;cACP,aAAO,KAAK,EAAC,qBAAqB;gBAChC,aAAO,QAAQ,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,iBAAiB,EAAE,EAAE,IAAI,EAAC,UAAU,GAAG;gBACnE,gBAAO,IAAI,CAAC,cAAc,CAAQ,CAC5B,CACC,CACZ,CAAC;YACH,IAAI,CAAC,YAAY,IAAI,gBAAO,IAAI,CAAC,YAAY,CAAQ;YACtD,WAAK,KAAK,EAAE,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE;cACvC,aAAO,IAAI,EAAC,QAAQ,EAAC,KAAK,EAAE,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,gBAAgB,GAAI;cACpE,WAAK,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,GAAG,EAAE,OAAO,EAAE,GAAG,EAAC,SAAS,GAAG,CACtD,CACD,CACH,CACP,CAAC;OACH;IACH,CAAC,CAAC;gBAnOsB,EAAE;qBACU,IAAI;wBACD,IAAI;mBACxB,KAAK;sBACM,EAAE;6BAEY,IAAI;0BACP,IAAI;oBACV,IAAI;sBACF,IAAI;;EAsHzC,iBAAiB;IACf,IAAI,OAAO,CAAC,KAAK,CAAC,IAAI,IAAI,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,EAAE;MAC5C,KAAK,CAAC,YAAY,GAAG,CAAC,CAAC;KACxB;EACH,CAAC;;;;;;;;;;;;;;CAiGF","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"]}

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

@@ -1,330 +0,0 @@
-import { Fragment, getAssetPath, h } from '@stencil/core';
-import state from '../../store';
-import { WidgetStyle } from '../../types';
-import { getCustomer, getGreenDiscount, getOptions, getRot, getRut, loginCustomer } from '../../utils/api';
-import { getProductPriceWithRotAndRut } from '../../utils/calc';
-import { scrollToTop } from '../../utils/scroll';
-export class HemfixarnaComponent {
-  constructor() {
-    this.triggerScrollTotop = () => {
-      const el = this.el.shadowRoot.querySelector('.hemfixarna_content');
-      scrollToTop(el);
-    };
-    this.modal = false;
-    this.showModal = false;
-    this.product = null;
-    this.id = undefined;
-    this.slug = undefined;
-    this.business = undefined;
-    this.widgetStyle = WidgetStyle.standard;
-    this.buttonColor = undefined;
-    this.buttonBg = undefined;
-    this.proppedProduct = null;
-    this.loginSourceError = null;
-  }
-  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 watchIdChange(id) {
-    if (id && state.customer) {
-      if (id === 'maleri') {
-        state.maleri = true;
-        state.step = 4;
-      }
-      else {
-        this.loadCategoryOrProduct(id);
-      }
-    }
-  }
-  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 [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;
-        const id = this.id || this.slug;
-        if (id) {
-          if (id === 'maleri') {
-            state.maleri = true;
-            state.step = 4;
-          }
-          else {
-            this.loadCategoryOrProduct(id);
-          }
-        }
-      }
-    }
-    catch (error) {
-      console.warn('customer not found');
-    }
-    state.rotOptions = rot;
-    state.rutOptions = rut;
-    state.greenOptions = greenDiscount;
-    state.options = options;
-    if (localStorage.getItem('select_source')) {
-      state.selectSource = true;
-    }
-  }
-  // Open close modal && click outside event
-  openModal() {
-    if (this.id) {
-      if (this.id === 'maleri') {
-        state.maleri = true;
-        state.step = 4;
-      }
-      else {
-        state.maleri = false;
-        this.loadCategoryOrProduct(this.id);
-      }
-    }
-    this.modal = true;
-    setTimeout(() => {
-      this.showModal = true;
-    }, 50);
-  }
-  closeModal() {
-    this.showModal = false;
-    setTimeout(() => {
-      this.modal = false;
-    }, 200);
-  }
-  handleClick(e) {
-    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;
-      }
-    }
-  }
-  async handleLogin() {
-    this.loginSourceError = null;
-    const passwordInput = this.el.shadowRoot.querySelector('input[type="password"]');
-    const password = passwordInput.value;
-    try {
-      const status = await loginCustomer({ id: state.customer.ID, password: password });
-      if (status === 200) {
-        state.showSourcePasswordPrompt = false;
-        state.selectSource = true;
-      }
-      else {
-        this.loginSourceError = 'Fel lösenord';
-      }
-    }
-    catch (error) {
-      console.log(error);
-      this.loginSourceError = 'Fel lösenord';
-    }
-  }
-  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;
-    const logo = getAssetPath(`./assets/hemfixarna.svg`);
-    const pensel = getAssetPath(`./assets/pensel.svg`);
-    const monteringLogo = getAssetPath(`./assets/montering.svg`);
-    return (h("div", { class: `hemfixarna hemfixarna-${this.business}` }, 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), h("p", { innerHTML: state.modal.text }), h("div", null, h("button", { onClick: () => (state.modal = null) }, "St\u00E4ng")))), state.showSourcePasswordPrompt ? (h("div", { class: "hemfixarna_source--pw hemfixarna_infomodal" }, h("form", { onSubmit: e => {
-        e.preventDefault();
-        this.handleLogin();
-      } }, h("input", { type: "password", placeholder: "L\u00F6senord" }), h("input", { type: "submit", value: "Logga in" }), this.loginSourceError && h("span", null, "Fel l\u00F6senord")))) : null, 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"; }
-  static get originalStyleUrls() {
-    return {
-      "$": ["hemfixarna.scss"]
-    };
-  }
-  static get styleUrls() {
-    return {
-      "$": ["hemfixarna.css"]
-    };
-  }
-  static get assetsDirs() { return ["assets"]; }
-  static get properties() {
-    return {
-      "id": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "id",
-        "reflect": false
-      },
-      "slug": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "slug",
-        "reflect": false
-      },
-      "business": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "Business",
-          "resolved": "Business",
-          "references": {
-            "Business": {
-              "location": "import",
-              "path": "../../types"
-            }
-          }
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "business",
-        "reflect": 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,
-        "defaultValue": "WidgetStyle.standard"
-      },
-      "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": {},
-      "product": {},
-      "proppedProduct": {},
-      "loginSourceError": {}
-    };
-  }
-  static get elementRef() { return "el"; }
-  static get watchers() {
-    return [{
-        "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

@@ -1 +0,0 @@
-{"version":3,"file":"hemfixarna-component.js","sourceRoot":"","sources":["../../../src/components/hemfixarna-component/hemfixarna-component.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Element, Fragment, Listen, Prop, State, Watch, getAssetPath, h } from '@stencil/core';\nimport state from '../../store';\nimport { Business, Product, WidgetStyle } from '../../types';\nimport { getCustomer, getGreenDiscount, getOptions, getRot, getRut, loginCustomer } 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() product: Product | null = null;\n  @Prop() id?: string;\n  @Prop() slug?: string;\n  @Prop() business: Business;\n  @Prop() widgetStyle: WidgetStyle = WidgetStyle.standard;\n  @Prop() buttonColor?: string;\n  @Prop() buttonBg?: string;\n  @State() proppedProduct: Product | null = null;\n  @State() loginSourceError: null | string = null;\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('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 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 [options, rut, rot, greenDiscount] = await Promise.all([getOptions(), getRut(), getRot(), getGreenDiscount()]);\n\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        const id = this.id || this.slug;\n        if (id) {\n          if (id === 'maleri') {\n            state.maleri = true;\n            state.step = 4;\n          } else {\n            this.loadCategoryOrProduct(id);\n          }\n        }\n      }\n    } catch (error) {\n      console.warn('customer not found');\n    }\n\n    state.rotOptions = rot;\n    state.rutOptions = rut;\n    state.greenOptions = greenDiscount;\n    state.options = options;\n\n    if (localStorage.getItem('select_source')) {\n      state.selectSource = true;\n    }\n  }\n\n  triggerScrollTotop = () => {\n    const el = this.el.shadowRoot.querySelector('.hemfixarna_content');\n    scrollToTop(el);\n  };\n\n  // Open close modal && click outside event\n  openModal() {\n    if (this.id) {\n      if (this.id === 'maleri') {\n        state.maleri = true;\n        state.step = 4;\n      } else {\n        state.maleri = false;\n        this.loadCategoryOrProduct(this.id);\n      }\n    }\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 ((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  async handleLogin() {\n    this.loginSourceError = null;\n    const passwordInput = this.el.shadowRoot.querySelector('input[type=\"password\"]');\n    const password = (passwordInput as HTMLInputElement).value;\n\n    try {\n      const status = await loginCustomer({ id: state.customer.ID, password: password });\n      if (status === 200) {\n        state.showSourcePasswordPrompt = false;\n        state.selectSource = true;\n      } else {\n        this.loginSourceError = 'Fel lösenord';\n      }\n    } catch (error) {\n      console.log(error);\n      this.loginSourceError = 'Fel lösenord';\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\n    return (\n      <div class={`hemfixarna hemfixarna-${this.business}`}>\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.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        {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                  <p innerHTML={state.modal.text}></p>\n                  <div>\n                    <button onClick={() => (state.modal = null)}>Stäng</button>\n                  </div>\n                </div>\n              )}\n              {state.showSourcePasswordPrompt ? (\n                <div class=\"hemfixarna_source--pw hemfixarna_infomodal\">\n                  <form\n                    onSubmit={e => {\n                      e.preventDefault();\n                      this.handleLogin();\n                    }}\n                  >\n                    <input type=\"password\" placeholder=\"Lösenord\" />\n                    <input type=\"submit\" value=\"Logga in\" />\n                    {this.loginSourceError && <span>Fel lösenord</span>}\n                  </form>\n                </div>\n              ) : null}\n              {state.customer && <hemfixarna-breadcrumbs closeModal={() => this.closeModal()} />}\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 />}\n                {/* // IF ORDER CONFIRM (step 6) */}\n                {state.step === 6 && <hemfixarna-order />}\n              </div>\n            </div>\n            <div class={`hemfixarna_backdrop ${this.showModal ? 'hemfixarna_backdrop--open' : ''}`}></div>\n          </div>\n        )}\n      </div>\n    );\n  }\n}\n"]}