hemfixarna-web-components 1.6.1 → 1.6.2

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

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

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":"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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  private pinTimeout: any;\n  @State() selectedSubSource: string | null = null;\n  @State() partnerOrderId: string | null = null;\n  @State() showSources = false;\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    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          }));\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            },\n            ...parts,\n          ];\n        }),\n      ].flat(),\n      creditSafe: state.creditSafeUser,\n      customer: state.business,\n      id_source: state.customer.source ? state.customer.source.fieldData._id : '',\n      id_sub_source: 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) {\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  handleKeyDown = (event: KeyboardEvent) => {\n    this.enteredPin += event.key;\n\n    const correctPin = '+0033';\n\n    if (this.enteredPin.length === correctPin.length) {\n      if (this.enteredPin === correctPin) {\n        localStorage.setItem('show_sources', 'true');\n        this.showSources = true;\n        window.removeEventListener('keydown', this.handleKeyDown);\n      }\n      this.enteredPin = '';\n    }\n\n    clearTimeout(this.pinTimeout);\n    this.pinTimeout = setTimeout(() => (this.enteredPin = ''), 5000);\n  };\n\n  componentWillLoad() {\n    if (Boolean(state.user && state.user.street)) {\n      state.checkoutStep = 2;\n    }\n    if (state.customer && state.customer.source) {\n      window.addEventListener('keydown', this.handleKeyDown);\n    }\n    const showSources = localStorage.getItem('show_sources');\n    if (showSources) {\n      this.showSources = true;\n    }\n  }\n\n  disconnectedCallback() {\n    window.removeEventListener('keydown', this.handleKeyDown);\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 && this.showSources ? (\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::_id']}>{sub['So_SubSource::Sus01_Name']}</option>\n                      ))}\n                    </select>\n                  </div>\n                ) : (\n                  <h4>Det finns inga underkällor att välja</h4>\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"]}