hemfixarna-web-components 1.6.1 → 1.6.2

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

@@ -1 +0,0 @@
-{"version":3,"file":"hemfixarna-contact.js","sourceRoot":"","sources":["../../../src/components/hemfixarna-contact/hemfixarna-contact.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAMnD,MAAM,OAAO,cAAc;;oBACI,KAAK;;EAElC,MAAM;IACJ,OAAO,CACL,WAAK,KAAK,EAAE,sBAAsB,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,8BAA8B,CAAC,CAAC,CAAC,gCAAgC,EAAE;MACnH,SAAG,IAAI,EAAC,kBAAkB;QACxB,WAAK,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,4BAA4B;UAC5F,YACE,CAAC,EAAC,+PAA+P,EACjQ,IAAI,EAAC,SAAS,GACd,CACE;QACN,+BAAyB,CACvB;MACJ,SAAG,IAAI,EAAC,oCAAoC,EAAC,MAAM,EAAC,QAAQ;QAC1D,WAAK,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,4BAA4B;UAC5F,sBAAa,sBAAsB;YACjC,YACE,CAAC,EAAC,sQAAsQ,EACxQ,IAAI,EAAC,SAAS,GACd;YACF,YAAM,CAAC,EAAC,mHAAmH,EAAC,IAAI,EAAC,SAAS,GAAG;YAC7I,YAAM,CAAC,EAAC,yHAAyH,EAAC,IAAI,EAAC,SAAS,GAAG;YACnJ,YACE,CAAC,EAAC,6IAA6I,EAC/I,IAAI,EAAC,SAAS,GACd,CACA;UACJ;YACE,gBAAU,EAAE,EAAC,gBAAgB;cAC3B,YAAM,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,IAAI,EAAC,OAAO,GAAG,CACnC,CACN,CACH;QACN,8BAAwB,CACtB,CACA,CACP,CAAC;EACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Prop, h } from '@stencil/core';\n\n@Component({\n  tag: 'hemfixarna-contact',\n  shadow: false,\n})\nexport class HemfixarnaInfo {\n  @Prop() vertical?: boolean = false;\n\n  render() {\n    return (\n      <div class={`hemfixarna_contact ${this.vertical ? 'hemfixarna_contact--vertical' : 'hemfixarna_contact--horizontal'}`}>\n        <a href=\"tel:0770-220 720\">\n          <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n            <path\n              d=\"M7 4V20H17V4H7ZM6 2H18C18.5523 2 19 2.44772 19 3V21C19 21.5523 18.5523 22 18 22H6C5.44772 22 5 21.5523 5 21V3C5 2.44772 5.44772 2 6 2ZM12 17C12.5523 17 13 17.4477 13 18C13 18.5523 12.5523 19 12 19C11.4477 19 11 18.5523 11 18C11 17.4477 11.4477 17 12 17Z\"\n              fill=\"#C84E18\"\n            />\n          </svg>\n          <span>0770-220 720</span>\n        </a>\n        <a href=\"https://hemfixarna.se/kundservice/\" target=\"_blank\">\n          <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n            <g clip-path=\"url(#clip0_1001_894)\">\n              <path\n                d=\"M21 12.22C21 6.73 16.74 3 12 3C7.31 3 3 6.65 3 12.28C2.4 12.62 2 13.26 2 14V16C2 17.1 2.9 18 4 18H5V11.9C5 8.03 8.13 4.9 12 4.9C15.87 4.9 19 8.03 19 11.9V19H11V21H19C20.1 21 21 20.1 21 19V17.78C21.59 17.47 22 16.86 22 16.14V13.84C22 13.14 21.59 12.53 21 12.22Z\"\n                fill=\"#C84E18\"\n              />\n              <path d=\"M9 14C9.55228 14 10 13.5523 10 13C10 12.4477 9.55228 12 9 12C8.44772 12 8 12.4477 8 13C8 13.5523 8.44772 14 9 14Z\" fill=\"#C84E18\" />\n              <path d=\"M15 14C15.5523 14 16 13.5523 16 13C16 12.4477 15.5523 12 15 12C14.4477 12 14 12.4477 14 13C14 13.5523 14.4477 14 15 14Z\" fill=\"#C84E18\" />\n              <path\n                d=\"M18 11.03C17.52 8.18 15.04 6 12.05 6C9.01997 6 5.75997 8.51 6.01997 12.45C8.48997 11.44 10.35 9.24 10.88 6.56C12.19 9.19 14.88 11 18 11.03Z\"\n                fill=\"#C84E18\"\n              />\n            </g>\n            <defs>\n              <clipPath id=\"clip0_1001_894\">\n                <rect width=\"24\" height=\"24\" fill=\"white\" />\n              </clipPath>\n            </defs>\n          </svg>\n          <span>Kundservice</span>\n        </a>\n      </div>\n    );\n  }\n}\n"]}

package/dist/collection/components/hemfixarna-demo/hemfixarna-demo.css

@@ -1,135 +0,0 @@
-@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600&display=swap");
-:host {
-  font-family: "Inter", sans-serif;
-}
-:host .hemfixarna_widgetstyles label {
-  cursor: pointer;
-}
-:host .hemfixarna_widgetstyles > div {
-  display: flex;
-  gap: 1rem;
-}
-:host .hemfixarna_widgetstyles h5 {
-  margin: 1rem 0;
-}
-:host .hemfixarna_example {
-  margin-bottom: 16px;
-  background: #000;
-  padding: 16px;
-  color: #fff;
-  display: flex;
-  justify-content: space-between;
-  cursor: pointer;
-  max-width: 500px;
-  box-sizing: border-box;
-  position: relative;
-}
-:host .hemfixarna_example--tooltip {
-  background: #000;
-  top: -48px;
-  font-size: 16px;
-  left: 40%;
-  color: white;
-  padding: 8px;
-  position: absolute;
-  opacity: 0;
-}
-:host .hemfixarna_example--tooltip::after {
-  content: "";
-  position: absolute;
-  top: 100%;
-  left: 50%;
-  margin-left: -5px;
-  border-width: 5px;
-  border-style: solid;
-  border-color: #000 transparent transparent transparent;
-}
-:host .hemfixarna_example:hover .hemfixarna_example--tooltip {
-  opacity: 1;
-}
-:host .hemfixarna_example p {
-  font-size: 14px;
-}
-:host .hemfixarna_example img {
-  filter: invert(1);
-}
-:host .hemfixarna_install {
-  display: grid;
-  gap: 8px;
-  margin-top: 16px;
-}
-:host .hemfixarna_product--label {
-  background: #e1e0f5;
-}
-:host .hemfixarna_categories {
-  max-height: 100%;
-  overflow: auto;
-  position: relative;
-}
-:host .hemfixarna_categories--label {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  padding: 8px;
-}
-:host .hemfixarna_categories--label button {
-  background: #3f3a92;
-  border: none;
-  font-weight: 600;
-  padding: 3.2px 9.6px;
-  border-radius: 10px;
-  margin-right: 8px;
-  color: #ece8e8;
-}
-:host .hemfixarna_categories--label button:active {
-  transform: scale(0.95);
-}
-:host .hemfixarna_categories--label--big {
-  font-weight: 600;
-  border-bottom: 1px solid black;
-}
-:host p {
-  margin: 0;
-}
-:host span {
-  color: darkolivegreen;
-  font-size: 10px;
-}
-:host button {
-  cursor: pointer;
-}
-:host > div:not(.hemfixarna_hosted) {
-  grid-template-columns: 1fr 1fr;
-}
-:host .hemfixarna_hosted .hemfixarna_scripts {
-  display: none;
-}
-:host > div {
-  display: grid;
-  gap: 32px;
-  width: 100%;
-  height: 100vh;
-  place-items: center;
-  overflow: hidden;
-  padding: 16px 32px;
-  box-sizing: border-box;
-}
-:host > div > * {
-  width: 100%;
-}
-:host > div > div {
-  max-width: 500px;
-}
-:host > div ul {
-  margin: 0;
-  padding: 0;
-  list-style: none;
-}
-:host > div ul ul {
-  gap: 1px;
-  display: grid;
-}
-:host > div ul li {
-  padding-left: 16px;
-  background: #fff;
-}

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

@@ -1 +0,0 @@
-{"version":3,"file":"hemfixarna-demo.js","sourceRoot":"","sources":["../../../src/components/hemfixarna-demo/hemfixarna-demo.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, State, Watch, getAssetPath, h } from '@stencil/core';\nimport { Business, Category, Customer, TopCategory, WidgetStyle } from '../../types';\nimport { getCustomer, getTaxonomy } from '../../utils/api';\nimport { isBusiness } from '../../utils/types';\n\ninterface ColorAccessibility {\n  small: string;\n  bold: string;\n  large: string;\n  overall: string;\n  contrast: string;\n}\n\n@Component({\n  tag: 'hemfixarna-demo',\n  styleUrl: 'hemfixarna-demo.scss',\n  shadow: true,\n})\nexport class MyComponent {\n  @State() selectedSlug: string;\n  @State() selectedID: string;\n  @State() tooltipText: string = 'Kopiera till urklipp';\n  @State() tree: Category | null = null;\n  @State() customer: Customer | null = null;\n  @State() widgetStyle: WidgetStyle = WidgetStyle.standard;\n  @State() buttonBg: string = '';\n  @State() buttonColor: string = '';\n  @State() partner: Business | undefined = undefined;\n  @State() colorAccessibility?: ColorAccessibility = undefined;\n  private debounce?: number = null;\n\n  @Watch('buttonBg')\n  @Watch('buttonColor')\n  debouncedFunction() {\n    if (this.debounce !== null) {\n      clearTimeout(this.debounce);\n      this.debounce = null;\n    }\n\n    this.debounce = window.setTimeout(() => {\n      this.checkColorAccessibility();\n      this.debounce = null;\n    }, 1500);\n  }\n\n  async checkColorAccessibility() {\n    const defaultTextColor = '#fff';\n    const defaultBgColor = '#c84e18';\n    const firstColor = this.buttonBg.length ? (this.buttonBg.startsWith('#') ? this.buttonBg : `#${this.buttonBg}`) : defaultBgColor;\n    const secondColor = this.buttonColor.length ? (this.buttonColor.startsWith('#') ? this.buttonColor : `#${this.buttonColor}`) : defaultTextColor;\n    fetch('https://www.aremycolorsaccessible.com/api/are-they', {\n      mode: 'cors',\n      method: 'POST',\n      body: JSON.stringify({ colors: [firstColor, secondColor] }),\n    })\n      .then(response => response.json())\n      .then(json => {\n        if (json && (json satisfies ColorAccessibility)) {\n          this.colorAccessibility = json;\n        }\n      });\n    // Your color accessibility logic here\n  }\n\n  getTopLevelCategory() {\n    switch (process.env.BUSINESS as Business) {\n      case Business.byggmax:\n        return TopCategory.byggmax;\n      default:\n        return '';\n    }\n  }\n\n  getColor(rating: string) {\n    switch (rating) {\n      case 'AAA':\n        return 'green';\n      case 'AA':\n        return 'orange';\n      case 'A':\n        return 'yellow';\n      case 'Fail':\n        return 'red';\n      default:\n        return 'black';\n    }\n  }\n\n  async componentWillLoad() {\n    if (process.env.FORCE_OLD_TREE) {\n      const tree = await getTaxonomy(this.getTopLevelCategory());\n      if ((tree as any)?.code === 'not_found') {\n        // console.warn('tree not found');\n      } else if (tree) {\n        this.tree = tree as Category;\n      }\n    } else {\n      const partner = window.location.pathname.replace('/', '');\n      this.partner = isBusiness(partner) ? partner : (process.env.BUSINESS as Business) ?? Business.kund;\n      const customer = await getCustomer(this.partner);\n      if (customer.code !== 'not_found' && customer) {\n        this.customer = customer;\n      }\n    }\n  }\n\n  getExample() {\n    return `<hemfixarna-${this.partner}${this.selectedSlug ? ` slug=\"${this.selectedSlug}\" ` : ''}${this.selectedID ? ` id=\"${this.selectedID}\" ` : ''} ${\n      this.widgetStyle === WidgetStyle.standard ? '' : `widget-style=\"${this.widgetStyle}\"`\n    } ${this.buttonColor.length ? `button-color=\"${this.buttonColor}\"` : ''} ${this.buttonBg.length ? `button-bg=\"${this.buttonBg}\"` : ''}></hemfixarna-${this.partner}>`;\n  }\n\n  copyExample() {\n    navigator.clipboard.writeText(this.getExample());\n    this.tooltipText = 'Snippet kopierad';\n    setTimeout(() => {\n      this.tooltipText = 'Kopiera till urklipp';\n    }, 2000);\n  }\n\n  cdnLink = '<script type=\"module\" src=\"https://cdn.jsdelivr.net/npm//hemfixarna-web-components@latest/dist/hemfixarna-components/hemfixarna-components.esm.js\"></script>';\n\n  copyCdn() {\n    navigator.clipboard.writeText(this.cdnLink);\n    this.tooltipText = 'Text kopierad';\n    setTimeout(() => {\n      this.tooltipText = 'Kopiera till urklipp';\n    }, 2000);\n  }\n\n  copyNpmInstall() {\n    navigator.clipboard.writeText('npm i hemfixarna-web-components');\n    this.tooltipText = 'Text kopierad';\n    setTimeout(() => {\n      this.tooltipText = 'Kopiera till urklipp';\n    }, 2000);\n  }\n\n  showMaleri() {\n    const allCategories = this.customer?.categories.map(c => (c.sub_categories ? c.sub_categories : c)).flat();\n    return allCategories?.some(c => c.add_painting);\n  }\n\n  render() {\n    const copy = getAssetPath(`./assets/copy.png`);\n\n    return (\n      <div class={this.customer?.at_hemfixarna ? 'hemfixarna_hosted' : ''}>\n        <div class=\"hemfixarna_scripts\">\n          <div onClick={() => this.copyExample()} class=\"hemfixarna_example\">\n            <p>{this.getExample()}</p>\n            <img src={copy} height={20} />\n            <span class=\"hemfixarna_example--tooltip\">{this.tooltipText}</span>\n          </div>\n          {(this.partner as Business) === Business.byggmax && (\n            <hemfixarna-byggmax\n              buttonColor={this.buttonColor}\n              buttonBg={this.buttonBg}\n              widgetStyle={this.widgetStyle}\n              forceOldTree={Boolean(process.env.FORCE_OLD_TREE)}\n              slug={this.selectedSlug}\n              id={this.selectedID}\n            />\n          )}\n          {this.partner === Business.skanska && <hemfixarna-skanska buttonColor={this.buttonColor} buttonBg={this.buttonBg} widgetStyle={this.widgetStyle} id={this.selectedID} />}\n          {this.partner === Business.sparfonster && (\n            <hemfixarna-sparfonster buttonColor={this.buttonColor} buttonBg={this.buttonBg} widgetStyle={this.widgetStyle} id={this.selectedID} />\n          )}\n          {this.partner === Business.string && (\n            <hemfixarna-string-furniture buttonColor={this.buttonColor} buttonBg={this.buttonBg} widgetStyle={this.widgetStyle} id={this.selectedID} />\n          )}\n          {this.partner === Business.hornbach && (\n            <hemfixarna-hornbach isDemo buttonColor={this.buttonColor} buttonBg={this.buttonBg} widgetStyle={this.widgetStyle} id={this.selectedID} />\n          )}\n          {this.partner === Business.traningspartner && (\n            <hemfixarna-traningspartner buttonColor={this.buttonColor} buttonBg={this.buttonBg} widgetStyle={this.widgetStyle} id={this.selectedID} />\n          )}\n          {this.partner === Business.superfront && (\n            <hemfixarna-superfront buttonColor={this.buttonColor} buttonBg={this.buttonBg} widgetStyle={this.widgetStyle} id={this.selectedID} />\n          )}\n          {this.partner === Business.zaptec && (\n            <hemfixarna-zaptec isDemo buttonColor={this.buttonColor} buttonBg={this.buttonBg} widgetStyle={this.widgetStyle} id={this.selectedID} />\n          )}\n          {this.partner === Business.tesla && (\n            <hemfixarna-tesla isDemo buttonColor={this.buttonColor} buttonBg={this.buttonBg} widgetStyle={this.widgetStyle} id={this.selectedID} />\n          )}\n          {this.partner === Business.forebygg && (\n            <hemfixarna-forebygg buttonColor={this.buttonColor} buttonBg={this.buttonBg} widgetStyle={this.widgetStyle} id={this.selectedID} />\n          )}\n          {this.partner === Business.doro && <hemfixarna-doro buttonColor={this.buttonColor} buttonBg={this.buttonBg} widgetStyle={this.widgetStyle} id={this.selectedID} />}\n          {this.partner === Business.elfa && <hemfixarna-elfa isDemo buttonColor={this.buttonColor} buttonBg={this.buttonBg} widgetStyle={this.widgetStyle} id={this.selectedID} />}\n          {this.partner === Business.kbygg && (\n            <hemfixarna-kbygg isDemo buttonColor={this.buttonColor} buttonBg={this.buttonBg} widgetStyle={this.widgetStyle} id={this.selectedID} />\n          )}\n          {this.partner === Business.fargvaruhuset && (\n            <hemfixarna-fargvaruhuset isDemo buttonColor={this.buttonColor} buttonBg={this.buttonBg} widgetStyle={this.widgetStyle} id={this.selectedID} />\n          )}\n          {this.partner === Business.norrgavel && (\n            <hemfixarna-norrgavel isDemo buttonColor={this.buttonColor} buttonBg={this.buttonBg} widgetStyle={this.widgetStyle} id={this.selectedID} />\n          )}\n          {this.partner === Business.klint && <hemfixarna-klint buttonColor={this.buttonColor} buttonBg={this.buttonBg} widgetStyle={this.widgetStyle} id={this.selectedID} />}\n          {this.partner === Business.flyttsmart && (\n            <hemfixarna-flyttsmart buttonColor={this.buttonColor} buttonBg={this.buttonBg} widgetStyle={this.widgetStyle} id={this.selectedID} />\n          )}\n          {this.partner === Business.power && <hemfixarna-power buttonColor={this.buttonColor} buttonBg={this.buttonBg} widgetStyle={this.widgetStyle} id={this.selectedID} />}\n          {this.partner === Business.kund && <hemfixarna-kund buttonColor={this.buttonColor} buttonBg={this.buttonBg} widgetStyle={this.widgetStyle} id={this.selectedID} />}\n          <div class=\"hemfixarna_install\">\n            <div onClick={() => this.copyCdn()} class=\"hemfixarna_example\">\n              <p>{this.cdnLink}</p>\n              <span class=\"hemfixarna_example--tooltip\">{this.tooltipText}</span>\n              <img src={copy} height={20} />\n            </div>\n          </div>\n          <div class=\"hemfixarna_widgetstyles\">\n            <h5>Widget styles</h5>\n            <div>\n              {Object.values(WidgetStyle).map(style => (\n                <label key={style}>\n                  <input type=\"radio\" value={style} checked={this.widgetStyle === style} onChange={() => (this.widgetStyle = style)} />\n                  {style}\n                </label>\n              ))}\n            </div>\n            <div>\n              <div>\n                <h5>Button background color</h5>\n                <input type=\"text\" value={this.buttonBg} onInput={e => (this.buttonBg = (e.target as HTMLInputElement).value)} />\n              </div>\n              <div>\n                <h5>Button text color</h5>\n                <input type=\"text\" value={this.buttonColor} onInput={e => (this.buttonColor = (e.target as HTMLInputElement).value)} />\n              </div>\n            </div>\n          </div>\n          <span>Write an hexa code no # needed</span>\n          {this.colorAccessibility ? (\n            <div>\n              <h5>Tillgänglighetsrapport</h5>\n              <div>\n                <strong>Liten text:</strong>\n                <span style={{ color: this.getColor(this.colorAccessibility.small) }}>{this.colorAccessibility.small}</span>\n                <br />\n                <strong>Fet text:</strong>\n                <span style={{ color: this.getColor(this.colorAccessibility.bold) }}>{this.colorAccessibility.bold}</span>\n                <br />\n                <strong>Stor text:</strong>\n                <span style={{ color: this.getColor(this.colorAccessibility.large) }}>{this.colorAccessibility.large}</span>\n                <br />\n                <strong>Kontrastförhållande:</strong> {this.colorAccessibility.contrast}\n              </div>\n            </div>\n          ) : null}\n        </div>\n        <ul class=\"hemfixarna_categories\">\n          {this.customer ? (\n            <div>\n              {this.customer.logo ? (\n                <div style={{ width: '100%', display: 'flex', justifyContent: 'center' }}>\n                  <img style={{ maxWidth: '250px', height: 'auto', margin: '0 auto 2rem' }} src={this.customer.logo.url} alt={this.customer.post_title} />\n                </div>\n              ) : null}\n              {this.showMaleri() ? (\n                <li>\n                  <div class=\"hemfixarna_categories--label hemfixarna_categories--label--big\">\n                    <div>\n                      <p>Måleriverktyget</p>\n                      <span>maleri</span>\n                    </div>\n                    <div>\n                      <button onClick={() => navigator.clipboard.writeText('maleri')}>Kopiera ID</button>\n                      {this.customer.at_hemfixarna ? (\n                        <button onClick={() => navigator.clipboard.writeText(`${process.env.API_URL ?? 'https://hemfixarna.se'}/partner/${this.customer.post_name}?id=maleri`)}>\n                          Kopiera URL\n                        </button>\n                      ) : (\n                        <button onClick={() => (this.selectedID = 'maleri')}>Ladda måleri</button>\n                      )}\n                    </div>\n                  </div>\n                </li>\n              ) : null}\n              {this.customer.categories.map(c => (\n                <li>\n                  <div class=\"hemfixarna_categories--label hemfixarna_categories--label--big\">\n                    <div>\n                      <p>{c.name}</p>\n                      <span>{`c-${c.id}`}</span>\n                    </div>\n                    <div>\n                      <button onClick={() => navigator.clipboard.writeText(`c-${c.id}`)}>Kopiera ID</button>\n                      {this.customer.at_hemfixarna ? (\n                        <button onClick={() => navigator.clipboard.writeText(`${process.env.API_URL ?? 'https://hemfixarna.se'}/partner/${this.customer.post_name}?id=c-${c.id}`)}>\n                          Kopiera URL\n                        </button>\n                      ) : (\n                        <button onClick={() => (this.selectedID = `c-${c.id}`)}>Ladda kategori</button>\n                      )}\n                    </div>\n                  </div>\n                  {c.show_products && c.products ? (\n                    <ul>\n                      {c.products.map(p => (\n                        <li>\n                          <div class=\"hemfixarna_categories--label hemfixarna_product--label\">\n                            <div>\n                              <p>{p.fields.title}</p>\n                              <span>{p.fields.ID}</span>\n                            </div>\n                            <div>\n                              <button onClick={() => navigator.clipboard.writeText(String(p.fields.ID))}>Kopiera ID</button>\n                              {this.customer.at_hemfixarna ? (\n                                <button\n                                  onClick={() =>\n                                    navigator.clipboard.writeText(`${process.env.API_URL ?? 'https://hemfixarna.se'}/partner/${this.customer.post_name}?id=${p.fields.ID}`)\n                                  }\n                                >\n                                  Kopiera URL\n                                </button>\n                              ) : (\n                                <button onClick={() => (this.selectedID = String(p.fields.ID))}>Ladda produkt</button>\n                              )}\n                            </div>\n                          </div>\n                        </li>\n                      ))}\n                    </ul>\n                  ) : (\n                    <ul>\n                      {c.sub_categories &&\n                        c.sub_categories.map(sc => (\n                          <li>\n                            <div class=\"hemfixarna_categories--label\">\n                              <div>\n                                <p>{sc.name}</p>\n                                <span>{`c-${sc.id}`}</span>\n                              </div>\n                              <div>\n                                <button onClick={() => navigator.clipboard.writeText(`c-${sc.id}`)}>Kopiera ID</button>\n                                {this.customer.at_hemfixarna ? (\n                                  <button\n                                    onClick={() =>\n                                      navigator.clipboard.writeText(`${process.env.API_URL ?? 'https://hemfixarna.se'}/partner/${this.customer.post_name}?id=c-${c.id}`)\n                                    }\n                                  >\n                                    Kopiera URL\n                                  </button>\n                                ) : (\n                                  <button onClick={() => (this.selectedID = `c-${sc.id}`)}>Ladda kategori</button>\n                                )}\n                              </div>\n                            </div>\n                            <ul>\n                              {sc.products.map(p => (\n                                <li>\n                                  <div class=\"hemfixarna_categories--label hemfixarna_product--label\">\n                                    <div>\n                                      <p>{p.fields.title}</p>\n                                      <span>{p.fields.ID}</span>\n                                    </div>\n                                    <div>\n                                      <button onClick={() => navigator.clipboard.writeText(String(p.fields.ID))}>Kopiera ID</button>\n                                      {this.customer.at_hemfixarna ? (\n                                        <button\n                                          onClick={() =>\n                                            navigator.clipboard.writeText(`${process.env.API_URL ?? 'https://hemfixarna.se'}/partner/${this.customer.post_name}?id=${p.fields.ID}`)\n                                          }\n                                        >\n                                          Kopiera URL\n                                        </button>\n                                      ) : (\n                                        <button onClick={() => (this.selectedID = String(p.fields.ID))}>Ladda produkt</button>\n                                      )}\n                                    </div>\n                                  </div>\n                                </li>\n                              ))}\n                            </ul>\n                          </li>\n                        ))}\n                    </ul>\n                  )}\n                </li>\n              ))}\n            </div>\n          ) : this.tree ? (\n            <div>\n              {this.tree.sub_cats.map(c => (\n                <li>\n                  <div class=\"hemfixarna_categories--label hemfixarna_categories--label--big\">\n                    <div>\n                      <p>{c.name}</p>\n                      <span>{`category/${c.slug}`}</span>\n                    </div>\n                    <div>\n                      <button onClick={() => navigator.clipboard.writeText(`category/${c.slug}`)}>Kopiera slug</button>\n                      <button onClick={() => (this.selectedSlug = `category/${c.slug}`)}>Ladda kategori</button>\n                    </div>\n                  </div>\n                  <ul>\n                    {c.services.map(sc => (\n                      <li>\n                        <div class=\"hemfixarna_categories--label\">\n                          <div>\n                            <p>{sc.post_title}</p>\n                            <span>{`service/${sc.post_name}`}</span>\n                          </div>\n                          <div>\n                            <button onClick={() => navigator.clipboard.writeText(`service/${sc.post_name}`)}>Kopiera slug</button>\n                            <button onClick={() => (this.selectedSlug = `service/${sc.post_name}`)}>Ladda kategori</button>\n                          </div>\n                        </div>\n                        <ul>\n                          {sc.products.map(sc => (\n                            <li>\n                              <div class=\"hemfixarna_categories--label\">\n                                <div>\n                                  <p>{sc.post_title}</p>\n                                  <span>{`product/${sc.post_name}`}</span>\n                                </div>\n                                <div>\n                                  <button onClick={() => navigator.clipboard.writeText(`product/${sc.post_name}`)}>Kopiera slug</button>\n                                  <button onClick={() => (this.selectedSlug = `product/${sc.post_name}`)}>Ladda produkt</button>\n                                </div>\n                              </div>\n                            </li>\n                          ))}\n                        </ul>\n                      </li>\n                    ))}\n                  </ul>\n                </li>\n              ))}\n            </div>\n          ) : null}\n        </ul>\n      </div>\n    );\n  }\n}\n"]}

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

@@ -1,91 +0,0 @@
-import { h } from '@stencil/core';
-import Personnummer from 'personnummer';
-import state from '../../store';
-import apiSearch from '../../utils/creditSafe';
-import { scrollToTop } from '../../utils/scroll';
-export class HemfixarnaGetuser {
-  constructor() {
-    this.handleChangeEmail = (e) => {
-      this.emailError = null;
-      this.email = e.target.value;
-    };
-    this.handleChangePhone = (e) => {
-      this.phoneError = null;
-      this.phone = e.target.value;
-    };
-    this.handleChangessn = (e) => {
-      this.ssnError = null;
-      this.ssn = e.target.value;
-    };
-    this.handleSubmit = async (e) => {
-      e.preventDefault();
-      const emailRegex = new RegExp(/^(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/);
-      const validEmail = emailRegex.test(this.email);
-      if (!validEmail) {
-        this.emailError = 'Ange en giltig e-postadress';
-      }
-      const validPhone = /^[\d\s()+-]{6,}$/.test(this.phone);
-      if (!validPhone) {
-        this.phoneError = 'Ange ett giltigt telefonnummer';
-      }
-      const validssn = Personnummer.valid(this.ssn);
-      if (!validssn) {
-        this.ssnError = 'Ange ett giltigt personnummer';
-      }
-      else if (validssn) {
-        const pn = Personnummer.parse(this.ssn).format(true);
-        this.ssn = [pn.slice(0, 8), '-', pn.slice(8)].join('');
-      }
-      if (validEmail && validPhone && validssn) {
-        try {
-          const creditSafeData = await apiSearch(this.ssn);
-          if (creditSafeData) {
-            state.creditSafeUser = creditSafeData;
-            state.checkoutStep = 2;
-            state.user = Object.assign(Object.assign({}, creditSafeData), { email: this.email, phone: this.phone, ssn: this.ssn });
-          }
-          else {
-            this.ssnError = 'Vi kunde tyvärr inte hitta en address med ditt angivna personnummer';
-          }
-        }
-        catch (e) {
-          this.ssnError = 'Vi kunde tyvärr inte hitta en address med ditt angivna personnummer';
-          console.log(e);
-        }
-        finally {
-          const el = this.el.closest('.hemfixarna_content');
-          scrollToTop(el);
-        }
-      }
-    };
-    this.render = () => {
-      return (h("form", { class: "mb-2", onSubmit: e => this.handleSubmit(e) }, h("div", null, h("input", { class: `${this.email.length ? 'input_active' : ''}`, onChange: e => this.handleChangeEmail(e), type: "email", name: "email", value: this.email }), h("label", { htmlFor: "email" }, "E-post ")), this.emailError && h("span", null, this.emailError), h("div", null, h("input", { class: `${this.phone.length ? 'input_active' : ''}`, onChange: e => this.handleChangePhone(e), type: "tel", name: "phone", value: this.phone }), h("label", { htmlFor: "phone" }, "Mobiltelefon ")), this.phoneError && h("span", null, this.phoneError), h("div", null, h("input", { class: `${this.ssn.length ? 'input_active' : ''}`, onChange: e => this.handleChangessn(e), type: "tel", name: "ssn", value: this.ssn }), h("label", { htmlFor: "phone" }, "Personnummer*")), this.ssnError && h("span", null, this.ssnError), h("input", { type: "submit", value: "Forts\u00E4tt*" }), h("p", null, "*Vi h\u00E4mtar din adress")));
-    };
-    this.email = '';
-    this.emailError = null;
-    this.phone = '';
-    this.phoneError = null;
-    this.ssn = '';
-    this.ssnError = null;
-  }
-  componentWillLoad() {
-    if (state.user) {
-      this.email = state.user.email;
-      this.phone = state.user.phone;
-      this.ssn = state.user.ssn;
-    }
-  }
-  static get is() { return "hemfixarna-getuser"; }
-  static get states() {
-    return {
-      "email": {},
-      "emailError": {},
-      "phone": {},
-      "phoneError": {},
-      "ssn": {},
-      "ssnError": {}
-    };
-  }
-  static get elementRef() { return "el"; }
-}
-//# sourceMappingURL=hemfixarna-getuser.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"hemfixarna-getuser.js","sourceRoot":"","sources":["../../../src/components/hemfixarna-getuser/hemfixarna-getuser.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Element, State, h } from '@stencil/core';\nimport Personnummer from 'personnummer';\nimport state from '../../store';\nimport apiSearch from '../../utils/creditSafe';\nimport { scrollToTop } from '../../utils/scroll';\n\n@Component({\n  tag: 'hemfixarna-getuser',\n  shadow: false,\n})\nexport class HemfixarnaGetuser {\n  @State() email: string = '';\n  @State() emailError: string | null = null;\n  @State() phone: string = '';\n  @State() phoneError: string | null = null;\n  @State() ssn: string = '';\n  @State() ssnError: string | null = null;\n  @Element() private el: HTMLElement;\n\n  componentWillLoad() {\n    if (state.user) {\n      this.email = state.user.email;\n      this.phone = state.user.phone;\n      this.ssn = state.user.ssn;\n    }\n  }\n\n  handleChangeEmail = (e: Event) => {\n    this.emailError = null;\n    this.email = (e.target as HTMLInputElement).value;\n  };\n\n  handleChangePhone = (e: Event) => {\n    this.phoneError = null;\n    this.phone = (e.target as HTMLInputElement).value;\n  };\n\n  handleChangessn = (e: Event) => {\n    this.ssnError = null;\n    this.ssn = (e.target as HTMLInputElement).value;\n  };\n\n  handleSubmit = async (e: Event) => {\n    e.preventDefault();\n    const emailRegex = new RegExp(\n      /^(([^<>()\\[\\]\\\\.,;:\\s@\"]+(\\.[^<>()\\[\\]\\\\.,;:\\s@\"]+)*)|(\".+\"))@((\\[[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}])|(([a-zA-Z\\-0-9]+\\.)+[a-zA-Z]{2,}))$/,\n    );\n    const validEmail = emailRegex.test(this.email);\n    if (!validEmail) {\n      this.emailError = 'Ange en giltig e-postadress';\n    }\n    const validPhone = /^[\\d\\s()+-]{6,}$/.test(this.phone);\n    if (!validPhone) {\n      this.phoneError = 'Ange ett giltigt telefonnummer';\n    }\n    const validssn = Personnummer.valid(this.ssn);\n    if (!validssn) {\n      this.ssnError = 'Ange ett giltigt personnummer';\n    } else if (validssn) {\n      const pn = Personnummer.parse(this.ssn).format(true);\n      this.ssn = [pn.slice(0, 8), '-', pn.slice(8)].join('');\n    }\n    if (validEmail && validPhone && validssn) {\n      try {\n        const creditSafeData = await apiSearch(this.ssn);\n        if (creditSafeData) {\n          state.creditSafeUser = creditSafeData;\n          state.checkoutStep = 2;\n          state.user = {\n            ...creditSafeData,\n            email: this.email,\n            phone: this.phone,\n            ssn: this.ssn,\n          };\n        } else {\n          this.ssnError = 'Vi kunde tyvärr inte hitta en address med ditt angivna personnummer';\n        }\n      } catch (e) {\n        this.ssnError = 'Vi kunde tyvärr inte hitta en address med ditt angivna personnummer';\n        console.log(e);\n      } finally {\n        const el = this.el.closest('.hemfixarna_content');\n        scrollToTop(el);\n      }\n    }\n  };\n\n  render = () => {\n    return (\n      <form class=\"mb-2\" onSubmit={e => this.handleSubmit(e)}>\n        <div>\n          <input class={`${this.email.length ? 'input_active' : ''}`} onChange={e => this.handleChangeEmail(e)} type=\"email\" name=\"email\" value={this.email} />\n          <label htmlFor=\"email\">E-post </label>\n        </div>\n        {this.emailError && <span>{this.emailError}</span>}\n        <div>\n          <input class={`${this.phone.length ? 'input_active' : ''}`} onChange={e => this.handleChangePhone(e)} type=\"tel\" name=\"phone\" value={this.phone} />\n          <label htmlFor=\"phone\">Mobiltelefon </label>\n        </div>\n        {this.phoneError && <span>{this.phoneError}</span>}\n        <div>\n          <input class={`${this.ssn.length ? 'input_active' : ''}`} onChange={e => this.handleChangessn(e)} type=\"tel\" name=\"ssn\" value={this.ssn} />\n          <label htmlFor=\"phone\">Personnummer*</label>\n        </div>\n        {this.ssnError && <span>{this.ssnError}</span>}\n        <input type=\"submit\" value=\"Fortsätt*\" />\n        <p>*Vi hämtar din adress</p>\n      </form>\n    );\n  };\n}\n"]}

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

@@ -1 +0,0 @@
-{"version":3,"file":"hemfixarna-info.js","sourceRoot":"","sources":["../../../src/components/hemfixarna-info/hemfixarna-info.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,YAAY,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AACrE,OAAO,KAAK,MAAM,aAAa,CAAC;AAMhC,MAAM,OAAO,cAAc;EAJ3B;IAKE,SAAI,GAAG,YAAY,CAAC,yBAAyB,CAAC,CAAC;GAuDhD;EArDC,MAAM;;IACJ,MAAM,OAAO,GAAG,YAAY,CAAC,sBAAsB,CAAC,CAAC;IACrD,OAAO,CACL,WAAK,KAAK,EAAC,iBAAiB;MACzB,KAAK,CAAC,IAAI,GAAG,CAAC,CAAC,CAAC,CAAC,CAChB,EAAC,QAAQ;QACP,cAAK,KAAK,CAAC,QAAQ,CAAC,UAAU,CAAM;QACpC,aAAI,KAAK,CAAC,QAAQ,CAAC,SAAS,CAAK,CACxB,CACZ,CAAC,CAAC,CAAC,CACF,cAAK,KAAK,CAAC,QAAQ,CAAC,cAAc,CAAM,CACzC;MACD,UAAI,KAAK,EAAC,qBAAqB,IAC5B,KAAK,CAAC,IAAI,GAAG,CAAC,CAAC,CAAC,CAAC,CAChB,EAAC,QAAQ,QACN,CAAA,MAAA,KAAK,CAAC,QAAQ,CAAC,YAAY,0CAAE,MAAM,EAAC,CAAC,CAAC,CACrC,EAAC,QAAQ,QACN,KAAK,CAAC,QAAQ,CAAC,YAAY,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CACpC,UAAI,GAAG,EAAE,CAAC,CAAC,IAAI;QACb,WAAK,GAAG,EAAE,OAAO,EAAE,GAAG,EAAC,SAAS,GAAG;QACnC,aAAI,CAAC,CAAC,IAAI,CAAK,CACZ,CACN,CAAC,CACO,CACZ,CAAC,CAAC,CAAC,CACF,EAAC,QAAQ,QACN,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAC5B,UAAI,GAAG,EAAE,CAAC,CAAC,WAAW;QACpB,WAAK,GAAG,EAAE,OAAO,EAAE,GAAG,EAAC,SAAS,GAAG;QACnC,aAAI,CAAC,CAAC,WAAW,CAAK,CACnB,CACN,CAAC,CACO,CACZ,CACQ,CACZ,CAAC,CAAC,CAAC,CACF,EAAC,QAAQ,QACN,KAAK,CAAC,QAAQ,CAAC,qBAAqB,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAC7C,UAAI,GAAG,EAAE,CAAC,CAAC,IAAI;QACb,WAAK,GAAG,EAAE,OAAO,EAAE,GAAG,EAAC,SAAS,GAAG;QACnC,aAAI,CAAC,CAAC,IAAI,CAAK,CACZ,CACN,CAAC,CACO,CACZ,CACE;MACL,WAAK,GAAG,EAAE,IAAI,CAAC,IAAI,EAAE,KAAK,EAAE,GAAG,EAAE,GAAG,EAAC,YAAY,GAAG;MACpD,SAAG,KAAK,EAAC,0BAA0B,EAAC,MAAM,EAAC,QAAQ,EAAC,IAAI,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,IAC7E,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,CACvB,CACA,CACP,CAAC;EACJ,CAAC;;CACF","sourcesContent":["import { Component, Fragment, getAssetPath, h } from '@stencil/core';\nimport state from '../../store';\n\n@Component({\n  tag: 'hemfixarna-info',\n  shadow: false,\n})\nexport class HemfixarnaInfo {\n  logo = getAssetPath(`./assets/hemfixarna.svg`);\n\n  render() {\n    const checked = getAssetPath(`./assets/checked.svg`);\n    return (\n      <div class=\"hemfixarna_info\">\n        {state.step < 5 ? (\n          <Fragment>\n            <h2>{state.customer.info_title}</h2>\n            <p>{state.customer.info_text}</p>\n          </Fragment>\n        ) : (\n          <h2>{state.customer.checkout_title}</h2>\n        )}\n        <ul class=\"hemfixarna_features\">\n          {state.step < 5 ? (\n            <Fragment>\n              {state.customer.trust_badges?.length ? (\n                <Fragment>\n                  {state.customer.trust_badges.map(l => (\n                    <li key={l.text}>\n                      <img src={checked} alt=\"checked\" />\n                      <p>{l.text}</p>\n                    </li>\n                  ))}\n                </Fragment>\n              ) : (\n                <Fragment>\n                  {state.options.trust.map(l => (\n                    <li key={l.trust_badge}>\n                      <img src={checked} alt=\"checked\" />\n                      <p>{l.trust_badge}</p>\n                    </li>\n                  ))}\n                </Fragment>\n              )}\n            </Fragment>\n          ) : (\n            <Fragment>\n              {state.customer.checkout_trust_badges.map(l => (\n                <li key={l.text}>\n                  <img src={checked} alt=\"checked\" />\n                  <p>{l.text}</p>\n                </li>\n              ))}\n            </Fragment>\n          )}\n        </ul>\n        <img src={this.logo} width={200} alt=\"hemfixarna\" />\n        <a class=\"hemfixarna_product--link\" target=\"_blank\" href={state.options.link.url}>\n          {state.options.link.title}\n        </a>\n      </div>\n    );\n  }\n}\n"]}

package/dist/collection/components/hemfixarna-invoice/hemfixarna-invoice.css

@@ -1,76 +0,0 @@
-:host .invoice {
-  gap: 16px;
-  display: grid;
-}
-:host .invoice form > span {
-  text-align: center;
-  padding: 16px 0;
-}
-:host .invoice img {
-  right: unset;
-  left: unset;
-  position: initial;
-  transform: none;
-}
-:host .invoice label {
-  cursor: pointer;
-  font-size: 14px;
-  display: flex;
-  align-items: flex-start;
-  padding: 16px 0;
-}
-:host .invoice label input {
-  margin: 0 5px 0 0;
-  accent-color: #ea662c;
-}
-:host .invoice-preview {
-  display: flex;
-  gap: 4px;
-}
-:host .invoice-preview div {
-  position: relative;
-}
-:host .invoice-preview div button {
-  position: absolute;
-  top: 0;
-  right: 0;
-  padding: 0;
-}
-:host .invoice-preview div button img {
-  width: 24px;
-  height: 24px;
-}
-:host .invoice-preview div > img {
-  width: 100px;
-  height: 80px;
-  object-fit: cover;
-}
-:host .invoice input[type=email],
-:host .invoice input[type=tel],
-:host .invoice textarea {
-  padding: 16px;
-  border: 1px solid #fcd9c9;
-  font-size: 16px;
-}
-:host .invoice textarea {
-  resize: none;
-  height: 200px;
-  font-family: "Inter", sans-serif;
-}
-:host .invoice div:has(> input[type=file]) {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  cursor: pointer;
-  background: #fff;
-  border: 1px solid #fcd9c9;
-  padding: 32px 16px;
-  gap: 16px;
-}
-:host .invoice div:has(> input[type=file]) span {
-  color: #000;
-  font-size: 12px;
-}
-:host .invoice input[type=file] {
-  display: none;
-}

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

@@ -1 +0,0 @@
-{"version":3,"file":"hemfixarna-invoice.js","sourceRoot":"","sources":["../../../src/components/hemfixarna-invoice/hemfixarna-invoice.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Element, State, getAssetPath, h } from '@stencil/core';\nimport state from '../../store';\n\nconst base = process.env.API_URL ? `${process.env.API_URL}/wp-json/headless` : 'https://hemfixarna.se/wp-json/headless';\n\ninterface FormElements extends HTMLCollection {\n  descriptionInput: {\n    value: string;\n  };\n  emailInput: {\n    value: string;\n  };\n  telInput: {\n    value: string;\n  };\n  termsInput: {\n    checked: boolean;\n  };\n}\n\n@Component({\n  tag: 'hemfixarna-invoice',\n  styleUrl: 'hemfixarna-invoice.scss',\n  shadow: false,\n})\nexport class HemfixarnaInvoice {\n  @State() formError: string | null = null;\n  @Element() private el: HTMLElement;\n  @State() displayImages: Array<string | ArrayBuffer> = [];\n  @State() formImages: Array<File> = [];\n  @State() formState: 'initial' | 'loading' = 'initial';\n\n  isValidEmail(email: string) {\n    const emailRegex = /^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$/;\n    return emailRegex.test(email);\n  }\n\n  componentDidRender() {\n    const form = this.el.querySelector('form') as HTMLFormElement;\n    if (form) {\n      form.addEventListener('input', () => {\n        this.formError = null;\n      });\n    }\n  }\n\n  disconnectedCallback() {\n    const form = this.el.querySelector('form') as HTMLFormElement;\n    if (form) {\n      form.removeEventListener('input', () => {\n        this.formError = null;\n      });\n    }\n  }\n\n  async submit(e: Event) {\n    e.preventDefault();\n    this.formState = 'loading';\n    this.formError = null;\n    const form = (e.currentTarget as HTMLFormElement).elements as FormElements;\n    const values = {\n      description: form.descriptionInput.value.length ? form.descriptionInput.value : null,\n      email: form.emailInput.value.length ? form.emailInput.value : null,\n      tel: form.telInput.value.length ? form.telInput.value : null,\n      terms: form.termsInput?.checked,\n    };\n\n    if (!values.description) {\n      this.formError = 'Vänligen fyll i formulärtexten';\n      this.formState = 'initial';\n      return;\n    }\n    if (!values.email || !this.isValidEmail(values.email)) {\n      this.formError = 'Vänligen ange en giltig e-postadress';\n      this.formState = 'initial';\n      return;\n    }\n    if (!values.tel) {\n      this.formError = 'Vänligen ange ditt telefonnummer';\n      this.formState = 'initial';\n      return;\n    }\n    if (state.selectedProduct.terms_show_checkbox && !values.terms) {\n      this.formError = 'Vänligen acceptera villkoren';\n      this.formState = 'initial';\n      return;\n    }\n\n    const formData = new FormData();\n    formData.append('text', values.description);\n    formData.append('email', values.email);\n    formData.append('phone', values.tel);\n    formData.append('customer', state.business);\n\n    this.formImages.forEach(file => {\n      formData.append('images[]', file);\n    });\n\n    formData.append(\n      'product',\n      JSON.stringify({\n        title: state.selectedProduct.title,\n        amount: 1,\n        has_rut: state.selectedProduct.rut,\n        has_rot: state.selectedProduct.rot,\n        has_green: state.selectedProduct.green,\n        ID: state.selectedProduct.ID,\n        parts: [],\n      }),\n    );\n\n    try {\n      const res = await fetch(`${base}/saveinvoiceproduct`, {\n        method: 'POST',\n        body: formData,\n      });\n      const { response } = await res.json();\n      if (response.code === 200) {\n        state.checkoutInvoice = true;\n        state.step = 6;\n      } else {\n        this.formError = 'Vi kan inte ta emot din beställning just nu';\n        this.formState = 'initial';\n      }\n    } catch (error) {\n      this.formError = 'Vi kan inte ta emot din beställning just nu';\n      this.formState = 'initial';\n    }\n  }\n\n  handleImageDrop(e: DragEvent) {\n    e.preventDefault();\n    const files = e.dataTransfer.files;\n    for (let i = 0; i < files.length; i++) {\n      const file = files[i];\n\n      if (file.type.startsWith('image/')) {\n        const reader = new FileReader();\n\n        reader.onload = () => {\n          this.displayImages = [...this.displayImages, reader.result];\n          this.formImages = [...this.formImages, file];\n        };\n\n        reader.readAsDataURL(file);\n      }\n    }\n  }\n\n  handleFileInputChange(e: Event) {\n    e.preventDefault();\n    const files = (e.target as HTMLInputElement).files;\n\n    for (let i = 0; i < files.length; i++) {\n      const file = files[i];\n      if (file.type.startsWith('image/')) {\n        const reader = new FileReader();\n        reader.onload = () => {\n          this.displayImages = [...this.displayImages, reader.result];\n          this.formImages = [...this.formImages, file];\n        };\n\n        reader.readAsDataURL(file);\n      }\n    }\n  }\n\n  handleImageClick() {\n    (this.el.querySelector('.hemfixarna-file-upload') as HTMLInputElement).click();\n  }\n\n  preventDragOver(e: DragEvent) {\n    e.preventDefault();\n  }\n\n  removeImage(index: number) {\n    this.displayImages = this.displayImages.filter((_, i) => i !== index);\n    this.formImages = this.formImages.filter((_, i) => i !== index);\n  }\n\n  render() {\n    const upload = getAssetPath(`./assets/drag-drop.svg`);\n    return (\n      <div class=\"invoice\">\n        <p>{state.selectedProduct.invoice_description}</p>\n        <form onSubmit={e => this.submit(e)}>\n          <textarea name=\"descriptionInput\" placeholder=\"Beskriv ditt ärende\" />\n          <div role=\"button\" aria-label=\"upload image\" onDragOver={e => this.preventDragOver(e)} onDrop={e => this.handleImageDrop(e)} onClick={() => this.handleImageClick()}>\n            <img src={upload} alt=\"hemfixarna_logo\" width={24} />\n            <div>\n              <p>Bifoga ev bilder</p>\n              <span>(dra bilder hit)</span>\n            </div>\n            <input onChange={e => this.handleFileInputChange(e)} class=\"hemfixarna-file-upload\" accept=\"image/*\" type=\"file\" multiple name=\"fileInput\" />\n          </div>\n          <div class=\"invoice-preview\">\n            {this.displayImages.map((img, i) => (\n              <div key={i}>\n                <img src={img as string} alt=\"uploaded image\" />\n                <button onClick={() => this.removeImage(i)}>\n                  <img src={getAssetPath(`./assets/close.svg`)} alt=\"close\" />\n                </button>\n              </div>\n            ))}\n          </div>\n          <input placeholder=\"E-post\" type=\"email\" name=\"emailInput\" />\n          <input placeholder=\"Telefonnummer\" type=\"tel\" name=\"telInput\" />\n          {state.selectedProduct.terms_show_checkbox ? (\n            <label>\n              <input type=\"checkbox\" name=\"termsInput\" />\n              {state.selectedProduct.terms}\n            </label>\n          ) : null}\n          {this.formError ? <span>{this.formError}</span> : null}\n          <input type=\"submit\" value={this.formState === 'loading' ? 'Skickar' : 'Kontakta mig'} />\n        </form>\n      </div>\n    );\n  }\n}\n"]}

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

@@ -1 +0,0 @@
-{"version":3,"file":"hemfixarna-order.js","sourceRoot":"","sources":["../../../src/components/hemfixarna-order/hemfixarna-order.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AACnD,OAAO,KAAK,MAAM,aAAa,CAAC;AAOhC,MAAM,OAAO,eAAe;;IAiB1B,WAAM,GAAG,GAAG,EAAE;MACZ,OAAO,CACL,WAAK,KAAK,EAAE,EAAE,UAAU,EAAE,OAAO,KAAK,CAAC,OAAO,CAAC,eAAe,GAAG,EAAE,EAAE,KAAK,EAAC,kBAAkB;QAC3F,cAAW;QACX;UACE,cAAK,KAAK,CAAC,eAAe,CAAC,CAAC,CAAC,wBAAwB,CAAC,CAAC,CAAC,sBAAsB,CAAM;UACnF,KAAK,CAAC,eAAe,CAAC,CAAC,CAAC,+FAA4E,CAAC,CAAC,CAAC,IAAI;UAC3G,KAAK,CAAC,eAAe,CAAC,CAAC,CAAC,cAAW,CAAC,CAAC,CAAC,4BAAsB,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,IAAI,EAAE,KAAK,GAAyB;UAClH,YAAM,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,SAAS,EAAE;YACnC,2CAAkC,CAC7B;UACP,0BAAmB,CACf,CACF,CACP,CAAC;IACJ,CAAC,CAAC;;;EA7BF,SAAS;IACP,KAAK,CAAC,IAAI,GAAG,CAAC,CAAC;IACf,KAAK,CAAC,IAAI,GAAG,EAAE,CAAC;IAChB,KAAK,CAAC,gBAAgB,GAAG,IAAI,CAAC;IAC9B,KAAK,CAAC,eAAe,GAAG,IAAI,CAAC;IAC7B,KAAK,CAAC,eAAe,GAAG,IAAI,CAAC;IAC7B,KAAK,CAAC,MAAM,GAAG,IAAI,CAAC;IACpB,KAAK,CAAC,YAAY,GAAG,CAAC,CAAC;EACzB,CAAC;EAED,oBAAoB;IAClB,IAAI,CAAC,SAAS,EAAE,CAAC;EACnB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;CAkBF","sourcesContent":["import { Component, Prop, h } from '@stencil/core';\nimport state from '../../store';\nimport { Category } from '../../types';\n\n@Component({\n  tag: 'hemfixarna-order',\n  shadow: false,\n})\nexport class HemfixarnaOrder {\n  @Prop() tree: Category;\n\n  resetShop() {\n    state.step = 1;\n    state.cart = [];\n    state.selectedCategory = null;\n    state.selectedService = null;\n    state.selectedProduct = null;\n    state.maleri = null;\n    state.checkoutStep = 1;\n  }\n\n  disconnectedCallback() {\n    this.resetShop();\n  }\n\n  render = () => {\n    return (\n      <div style={{ background: `url(${state.options.thank_you_image})` }} class=\"hemfixarna_order\">\n        <div></div>\n        <div>\n          <h2>{state.checkoutInvoice ? 'Tack för din förfrågan' : 'Tack för din bokning'}</h2>\n          {state.checkoutInvoice ? <p>Vi återkommer inom kort till dig på angivet telefonnummer eller epost</p> : null}\n          {state.checkoutInvoice ? <div></div> : <hemfixarna-orderrows tree={this.tree} cart={false}></hemfixarna-orderrows>}\n          <span onClick={() => this.resetShop()}>\n            <button>Gör en ny bokning</button>\n          </span>\n          <hemfixarna-info />\n        </div>\n      </div>\n    );\n  };\n}\n"]}

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

@@ -1 +0,0 @@
-{"version":3,"file":"hemfixarna-orderrows.js","sourceRoot":"","sources":["../../../src/components/hemfixarna-orderrows/hemfixarna-orderrows.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Fragment, Prop, getAssetPath, h } from '@stencil/core';\nimport state from '../../store';\nimport { CartItem, Category, Icon } from '../../types';\nimport { calculateGreenDiscount, calculateRot, calculateRut, getPartPrice, getProductPrice, getStartFee, getTotalPrice } from '../../utils/calc';\n\n@Component({\n  tag: 'hemfixarna-orderrows',\n  shadow: false,\n})\nexport class HemfixarnaOrderrows {\n  @Prop() cart: boolean = true;\n  @Prop() tree: Category;\n\n  goToProduct(id: number) {\n    if (state.customer) {\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 === id);\n      if (product) {\n        state.selectedProduct = product.fields;\n        state.step = 4;\n      }\n    } else {\n      const services = this.tree.sub_cats.map((c: Category) => c.services).flat();\n      const products = services.map((s: any) => s.products).flat();\n      const product = products.find((p: any) => p.ID === id);\n      const service = services.find((s: any) => s.products.find((p: any) => p.ID === id));\n      const category = this.tree.sub_cats.find((c: any) => c.services.find((s: any) => s.products.find((p: any) => p.ID === id)));\n      state.selectedCategory = category;\n      state.selectedService = service;\n      state.selectedProduct = product;\n      state.step = 4;\n    }\n  }\n\n  openRot() {\n    state.modal = {\n      title: state.rotOptions.rot_start_fee_heading,\n      text: [state.rotOptions.rot_start_fee_text, state.rotOptions.rot_start_fee_text_secondary],\n    };\n  }\n\n  openRut() {\n    state.modal = {\n      title: state.rutOptions.rut_start_fee_heading,\n      text: [state.rutOptions.rut_start_fee_text, state.rutOptions.rut_start_fee_text_secondary],\n    };\n  }\n\n  openGreen() {\n    state.modal = {\n      title: state.greenOptions.green_start_fee_heading,\n      text: [state.greenOptions.green_start_fee_text, state.greenOptions.green_start_fee_text_secondary],\n    };\n  }\n\n  getDiscountedInfo(item: CartItem) {\n    if (item.rut && state.rut) {\n      return ' (efter RUT-avdrag)';\n    } else if (item.rot && state.rot) {\n      return ' (efter ROT-avdrag)';\n    } else if (item.green && state.green) {\n      return ' (efter Grön teknik avdrag)';\n    } else {\n      return '';\n    }\n  }\n\n  render() {\n    const info = getAssetPath(`./assets/info.svg`);\n\n    return (\n      <Fragment>\n        <ul class=\"hemfixarna_cart--items\">\n          {state.cart.map(item => (\n            <li class=\"hemfixarna_cart--item\">\n              <div>\n                <div>\n                  {item.icon && <img width={30} src={(item.icon as Icon).url ?? (item.icon as string)} alt={item.name} />}\n                  <p>\n                    <strong>{item.amount}x </strong>\n                    {item.name}\n                  </p>\n                </div>\n                {this.cart && <button onClick={() => this.goToProduct(item.id)}>Ändra</button>}\n              </div>\n              <p>\n                <strong>{getProductPrice(item, item.price, item.amount)}kr</strong>\n                <span>{this.getDiscountedInfo(item)}</span>\n              </p>\n              {item.parts.length > 0 && (\n                <ul>\n                  {item.parts.map(part => (\n                    <li>\n                      <p>\n                        <strong>{part.amount}x </strong>\n                        {part.name}\n                      </p>\n                      <p>\n                        <strong>{getPartPrice(part, item, part.amount)}kr</strong>\n                      </p>\n                    </li>\n                  ))}\n                </ul>\n              )}\n            </li>\n          ))}\n        </ul>\n        <div class=\"hemfixarna_cart--additional\">\n          <div>\n            {getStartFee().rot > 0 && (\n              <div class=\"hemfixarna_cart--startfee\">\n                <p>\n                  <strong onClick={() => this.openRot()}>\n                    {state.rotOptions.rot_start_fee_heading}\n                    <img height={16} src={info} alt=\"info monteringsavgift\" />\n                  </strong>\n                </p>\n                <p>{getStartFee().rot}kr</p>\n              </div>\n            )}\n            {getStartFee().rut > 0 && (\n              <div class=\"hemfixarna_cart--startfee\">\n                <p>\n                  <strong onClick={() => this.openRut()}>\n                    {state.rutOptions.rut_start_fee_heading}\n                    <img height={16} src={info} alt=\"info monteringsavgift\" />\n                  </strong>\n                </p>\n                <p>{getStartFee().rut}kr</p>\n              </div>\n            )}\n            {getStartFee().green > 0 && (\n              <div class=\"hemfixarna_cart--startfee\">\n                <p>\n                  <strong onClick={() => this.openGreen()}>\n                    {state.greenOptions.green_start_fee_heading}\n                    <img height={16} src={info} alt=\"info monteringsavgift\" />\n                  </strong>\n                </p>\n                <p>{getStartFee().green}kr</p>\n              </div>\n            )}\n          </div>\n          {state.cart.find((item: CartItem) => item.rot) && (\n            <div class=\"hemfixarna_cart--rutrot\">\n              <div>\n                {this.cart && (\n                  <label class=\"switch\">\n                    <input checked={state.rot} onChange={() => (state.rot = !state.rot)} type=\"checkbox\" />\n                    <span class=\"slider\"></span>\n                  </label>\n                )}\n                <p>ROT-avdrag</p>\n              </div>\n              <p>(-{state.rot ? calculateRot() : 0}kr)</p>\n            </div>\n          )}\n          {state.cart.find((item: CartItem) => item.rut) && (\n            <div class=\"hemfixarna_cart--rutrot\">\n              <div>\n                <label class=\"switch\">\n                  <input onChange={() => (state.rut = !state.rut)} checked={state.rut} type=\"checkbox\" />\n                  <span class=\"slider\"></span>\n                </label>\n                <p>RUT-avdrag</p>\n              </div>\n              <p>(-{state.rut ? calculateRut() : 0}kr)</p>\n            </div>\n          )}\n          {state.cart.find((item: CartItem) => item.green) && (\n            <div class=\"hemfixarna_cart--rutrot\">\n              <div>\n                <label class=\"switch\">\n                  <input onChange={() => (state.green = !state.green)} checked={state.green} type=\"checkbox\" />\n                  <span class=\"slider\"></span>\n                </label>\n                <p>Grön teknik avdrag</p>\n              </div>\n              <p>(-{state.green ? calculateGreenDiscount() : 0}kr)</p>\n            </div>\n          )}\n        </div>\n        <div class=\"hemfixarna_cart--price\">\n          <h2>Totalbelopp: </h2>\n          <h2>{getTotalPrice()}kr</h2>\n        </div>\n      </Fragment>\n    );\n  }\n}\n"]}

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

@@ -1 +0,0 @@
-{"version":3,"file":"hemfixarna-product.js","sourceRoot":"","sources":["../../../src/components/hemfixarna-product/hemfixarna-product.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Element, Fragment, State, getAssetPath, h } from '@stencil/core';\nimport state from '../../store';\nimport { Business, Icon, Part } from '../../types';\nimport { getPartPrice, getProductPrice } from '../../utils/calc';\nimport { scrollToTop } from '../../utils/scroll';\n\n@Component({\n  tag: 'hemfixarna-product',\n  styleUrl: 'hemfixarna-product.scss',\n  shadow: false,\n})\nexport class HemfixarnaProduct {\n  @State() amount: number = 0;\n  @State() hideDescription: boolean = true;\n  @Element() private el: HTMLElement;\n\n  addProduct() {\n    const productInCart = state.cart.find(p => p.id === state.selectedProduct.ID);\n    if (productInCart) {\n      productInCart.amount++;\n      state.cart = [...state.cart];\n    } else {\n      state.cart = [\n        ...state.cart,\n        {\n          id: state.selectedProduct.ID,\n          rut: state.selectedProduct.rut,\n          rot: state.selectedProduct.rot,\n          green: state.selectedProduct.green,\n          amount: 1,\n          parts: [],\n          price: state.selectedProduct.price,\n          name: state.selectedProduct.title,\n          start_fee: !state.selectedProduct.hide_start_fee,\n          terms_checkout: state.selectedProduct.terms_checkout,\n          icon: state.selectedProduct.icon,\n        },\n      ];\n    }\n  }\n\n  removeProduct() {\n    const productInCart = state.cart.find(p => p.id === state.selectedProduct.ID);\n    if (productInCart && productInCart.amount > 1) {\n      productInCart.amount--;\n      state.cart = [...state.cart];\n    } else {\n      state.cart = state.cart.filter(p => p.id !== state.selectedProduct.ID);\n    }\n  }\n\n  //Handle cart and parts\n  addPart(part: Part) {\n    const productInCart = state.cart.find(p => p.id === state.selectedProduct.ID);\n    if (productInCart) {\n      const partInCart = productInCart.parts.find(sp => sp.id === part.ID);\n      if (partInCart) {\n        partInCart.amount++;\n        productInCart.parts = [...productInCart.parts];\n      } else {\n        productInCart.parts = [...productInCart.parts, { id: part.ID, amount: 1, price: part.price, name: part.title ?? part.title }];\n      }\n      state.cart = [...state.cart.filter(p => p.id !== productInCart.id), productInCart];\n    }\n  }\n\n  removePart(part: Part) {\n    const productInCart = state.cart.find(p => p.id === state.selectedProduct.ID);\n    if (productInCart) {\n      const partInCart = productInCart.parts.find(sp => sp.id === part.ID);\n      if (partInCart && partInCart.amount > 1) {\n        partInCart.amount--;\n        productInCart.parts = [...productInCart.parts];\n      } else {\n        productInCart.parts = productInCart.parts.filter(sp => sp.id !== part.ID);\n      }\n      state.cart = [...state.cart.filter(p => p.id !== productInCart.id), productInCart];\n    }\n  }\n\n  goToCart() {\n    const productInCart = state.cart.find(p => p.id === state.selectedProduct.ID);\n    if (productInCart) {\n      state.step = 5;\n      const el = this.el.closest('.hemfixarna_content');\n      scrollToTop(el);\n    }\n  }\n\n  getAmount() {\n    return state.cart.find(p => p.id === state.selectedProduct.ID)?.amount || 0;\n  }\n\n  getPartAmount(partId: number) {\n    const productInCart = state.cart.find(p => p.id === state.selectedProduct.ID);\n    return productInCart?.parts.find(sp => sp.id === partId)?.amount || 0;\n  }\n\n  getTotalPrice() {\n    let price = 0;\n    const productInCart = state.cart.find(p => p.id === state.selectedProduct.ID);\n    if (productInCart) {\n      const partsPrice = productInCart.parts.reduce((acc, curr) => {\n        const part = state.selectedProduct.parts.find(p => p.ID === curr.id);\n        if (part) {\n          return acc + part.price * curr.amount;\n        }\n        return acc;\n      }, 0);\n      price = state.selectedProduct.price * productInCart.amount + partsPrice;\n    } else {\n      price = state.selectedProduct.price;\n    }\n    return getProductPrice(state.selectedProduct, price);\n  }\n\n  componentDidRender() {\n    const linkElem = document.createElement('link');\n    linkElem.setAttribute('rel', 'stylesheet');\n    linkElem.setAttribute('href', 'https://painting-frontend.vercel.app/static/css/main.css');\n    const fonts = document.createElement('link');\n    fonts.setAttribute('rel', 'stylesheet');\n    fonts.setAttribute('href', 'https://painting-frontend.vercel.app/fonts.css');\n\n    const checkAndInjectCSS = () => {\n      const parents = this.el.getElementsByTagName('hemfixare-calculator');\n      if (parents.length > 0 && parents[0].shadowRoot !== null) {\n        parents[0].shadowRoot.appendChild(linkElem);\n        parents[0].shadowRoot.appendChild(fonts);\n      } else {\n        setTimeout(checkAndInjectCSS, 1);\n      }\n    };\n\n    checkAndInjectCSS();\n  }\n\n  render() {\n    const checked = getAssetPath(`./assets/checked.svg`);\n    const plus = getAssetPath(`./assets/plus.svg`);\n    const minus = getAssetPath(`./assets/minus.svg`);\n\n    if (state.maleri) {\n      return (\n        <div class=\"hemfixarna_painting\">\n          <script\n            type=\"text/javascript\"\n            src={\n              ['localhost', 'vercel'].some(v => window.location.href.includes(v))\n                ? 'https://painting-dev.vercel.app/static/js/main.js'\n                : 'https://painting-frontend.vercel.app/static/js/main.js'\n            }\n            defer\n            async\n          ></script>\n          <hemfixare-calculator\n            title={state.options.maleri_title}\n            subtitle={state.options.maleri_text}\n            modal=\"true\"\n            customer={state.business === Business.string ? 'string' : state.business}\n          ></hemfixare-calculator>\n        </div>\n      );\n    }\n\n    return state.selectedProduct ? (\n      <div class=\"hemfixarna_product\">\n        <div class=\"hemfixarna_product--top\">\n          {state.selectedProduct.icon && (\n            <img width={80} src={(state.selectedProduct.icon as Icon).url ?? (state.selectedProduct.icon as string)} alt={state.selectedProduct.title} />\n          )}\n          <div>\n            <h1>{state.selectedProduct.title}</h1>\n            {!state.selectedProduct.invoice ? <h2>{getProductPrice(state.selectedProduct)} kr/st</h2> : <h2>{state.selectedProduct.invoice_price}</h2>}\n          </div>\n        </div>\n\n        <div class=\"hemfixarna_product--grid\">\n          <div class=\"hemfixarna_product--left\">\n            {state.selectedProduct.list?.length && (\n              <ul class=\"hemfixarna_features\">\n                {state.selectedProduct.list.map(l => (\n                  <li key={l.bullet}>\n                    <img src={checked} alt=\"checked\" />\n                    <p>{l.bullet}</p>\n                  </li>\n                ))}\n              </ul>\n            )}\n            {state.selectedProduct.description && (\n              <p\n                onClick={() => (this.hideDescription = false)}\n                class={`hemfixarna_description ${this.hideDescription ? 'hemfixarna_description--hidden' : ''}`}\n                innerHTML={state.selectedProduct.description}\n              ></p>\n            )}\n          </div>\n          <div class=\"hemfixarna_product--right\">\n            {state.selectedProduct.invoice ? (\n              <hemfixarna-invoice />\n            ) : (\n              <Fragment>\n                <ul>\n                  <li class=\"hemfixarna_product--item\">\n                    <div>\n                      <p>{state.selectedProduct.title}</p>\n                      <p class=\"hemfixarna_product--price\">{getProductPrice(state.selectedProduct)}kr/st</p>\n                    </div>\n                    <div class=\"hemfixarna_counter\">\n                      <img class={`${this.getAmount() === 0 ? 'disabled' : ''}`} src={minus} onClick={() => this.removeProduct()} />\n                      <span>{this.getAmount()}</span>\n                      <img src={plus} onClick={() => this.addProduct()} />\n                    </div>\n                  </li>\n                  {state.selectedProduct.parts?.length &&\n                    state.selectedProduct.parts.map(p => (\n                      <li class=\"hemfixarna_part\">\n                        <div>\n                          <p>{p.title ?? p.title}</p>\n                          <p class=\"hemfixarna_product--price\">{getPartPrice(p, state.selectedProduct)}kr/st</p>\n                        </div>\n                        <div class=\"hemfixarna_counter\">\n                          <img class={`${this.getPartAmount(p.ID) === 0 ? 'disabled' : ''}`} src={minus} onClick={() => this.removePart(p)} />\n                          <span>{this.getPartAmount(p.ID)}</span>\n                          <img class={`${this.getAmount() === 0 ? 'disabled' : ''}`} src={plus} onClick={() => this.addPart(p)} />\n                        </div>\n                      </li>\n                    ))}\n                </ul>\n                <h4 class=\"hemfixarna_product--total\">Totalt {this.getTotalPrice()} kr</h4>\n                <button onClick={() => this.goToCart()} class={`hemfixarna_buy ${this.getAmount() === 0 ? 'disabled' : ''}`}>\n                  Fortsätt\n                </button>\n              </Fragment>\n            )}\n            {!state.selectedProduct.hide_start_fee && (state.selectedProduct.rot || state.selectedProduct.rut) && state.rutOptions && state.rotOptions && (\n              <p class=\"hemfixarna_terms\">\n                <strong>{state.selectedProduct.rot ? state.rotOptions.rot_start_fee_heading : state.rutOptions.rut_start_fee_heading}</strong>\n                <br />\n                <span innerHTML={state.selectedProduct.rot ? state.rotOptions.rot_start_fee_text : state.rutOptions.rut_start_fee_text}></span>\n              </p>\n            )}\n            {state.options && <hemfixarna-info />}\n          </div>\n        </div>\n      </div>\n    ) : null;\n  }\n}\n"]}

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

@@ -1 +0,0 @@
-{"version":3,"file":"hemfixarna-service.js","sourceRoot":"","sources":["../../../src/components/hemfixarna-service/hemfixarna-service.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAC7C,OAAO,KAAK,MAAM,aAAa,CAAC;AAOhC,MAAM,OAAO,iBAAiB;EAC5B,MAAM;IACJ,OAAO,CACL;MACE,cAAK,KAAK,CAAC,eAAe,CAAC,UAAU,CAAM;MAC3C,WAAK,KAAK,EAAC,gCAAgC;QACzC;UACE,UAAI,KAAK,EAAC,uBAAuB,IAC9B,KAAK,CAAC,eAAe,CAAC,QAAQ;aAC5B,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,KAAK,GAAmB,CACjH,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 } from '../../types';\n\n@Component({\n  tag: 'hemfixarna-service',\n  shadow: false,\n})\nexport class HemfixarnaService {\n  render() {\n    return (\n      <div>\n        <h2>{state.selectedService.post_title}</h2>\n        <div class=\"hemfixarna_categories--wrapper\">\n          <div>\n            <ul class=\"hemfixarna_categories\">\n              {state.selectedService.products\n                .sort((a, b) => (a.post_title < b.post_title ? -1 : 1))\n                .map(p => (\n                  <hemfixarna-box post={p} icon={(p.icon as Icon).url ?? (p.icon as string)} postTitle={p.title}></hemfixarna-box>\n                ))}\n            </ul>\n          </div>\n          <hemfixarna-info />\n        </div>\n      </div>\n    );\n  }\n}\n"]}

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

@@ -1 +0,0 @@
-{"version":3,"file":"hemfixarna-start.js","sourceRoot":"","sources":["../../../src/components/hemfixarna-start/hemfixarna-start.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;;;;;EAIzB,cAAc,CAAC,QAAgD;IAC7D,OAAQ,QAA6B,CAAC,aAAa,KAAK,SAAS,CAAC;EACpE,CAAC;EAED,iBAAiB;IACf,KAAK,CAAC,IAAI,GAAG,CAAC,CAAC;IACf,KAAK,CAAC,MAAM,GAAG,IAAI,CAAC;EACtB,CAAC;EAED,MAAM;;IACJ,MAAM,UAAU,GAAG,YAAY,CAAC,2BAA2B,CAAC,CAAC;IAC7D,OAAO,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CACtB;MACE,cAAK,KAAK,CAAC,wBAAwB,CAAC,CAAC,CAAC,KAAK,CAAC,wBAAwB,CAAC,IAAI,CAAC,CAAC,CAAC,eAAe,CAAM;MACjG,WAAK,KAAK,EAAC,gCAAgC;QACzC,UAAI,KAAK,EAAC,uBAAuB;UAC9B,CAAA,MAAA,KAAK,CAAC,wBAAwB,0CAAE,YAAY,EAAC,CAAC,CAAC,CAC9C,cAAQ,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,iBAAiB,EAAE,EAAE,KAAK,EAAC,sBAAsB;YAC3E,WAAK,MAAM,EAAE,EAAE,EAAE,GAAG,EAAE,UAAU,EAAE,GAAG,EAAC,qBAAgB,GAAG;YACzD,iFAAoD,CAC7C,CACV,CAAC,CAAC,CAAC,IAAI;UACP,KAAK,CAAC,wBAAwB;YAC7B,CAAC,CAAC,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC,wBAAwB,CAAC,IAAI,KAAK,CAAC,wBAAwB,CAAC,cAAc,IAAI,CAAC,KAAK,CAAC,wBAAwB,CAAC,aAAa;cACrJ,CAAC,CAAC,KAAK,CAAC,wBAAwB,CAAC,cAAc,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,sBAAgB,QAAQ,EAAE,CAAC,GAAmB,CAAC;cACxG,CAAC,CAAC,KAAK,CAAC,wBAAwB,CAAC,QAAQ;gBACvC,CAAC,CAAC,KAAK,CAAC,wBAAwB,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,sBAAgB,QAAQ,EAAE,CAAC,CAAC,MAAM,GAAmB,CAAC;gBACzG,CAAC,CAAC,IAAI;YACV,CAAC,CAAC,KAAK,CAAC,QAAQ,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,sBAAgB,QAAQ,EAAE,CAAC,GAAmB,CAAC,CACnF;QACL,0BAAmB,CACf,CACF,CACP,CAAC,CAAC,CAAC,CACF;MACE,mCAAsB;MACtB,WAAK,KAAK,EAAC,gCAAgC;QACzC,UAAI,KAAK,EAAC,uBAAuB,IAC9B,IAAI,CAAC,IAAI,CAAC,QAAQ;WAChB,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,IAAI,GAAG,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;WAC1C,GAAG,CAAC,CAAC,CAAC,EAAE;;UAAC,OAAA,CACR,sBAAgB,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,MAAC,CAAC,CAAC,IAAa,CAAC,GAAG,mCAAK,CAAC,CAAC,IAAe,EAAE,SAAS,EAAE,CAAC,CAAC,IAAI,GAAmB,CAChH,CAAA;SAAA,CAAC,CACD;QACL,0BAAmB,CACf,CACF,CACP,CAAC;EACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Prop, getAssetPath, h } from '@stencil/core';\nimport state from '../../store';\nimport { Category, CustomerCategory, CustomerSubCategory, Icon } from '../../types';\n\n@Component({\n  tag: 'hemfixarna-start',\n  shadow: false,\n})\nexport class HemfixarnaGrid {\n  @Prop() tree?: Category;\n  @Prop() slug?: string;\n\n  isMainCategory(category: CustomerCategory | CustomerSubCategory): category is CustomerCategory {\n    return (category as CustomerCategory).show_products !== undefined;\n  }\n\n  handleMaleriClick() {\n    state.step = 4;\n    state.maleri = true;\n  }\n\n  render() {\n    const maleriLogo = getAssetPath('./assets/gubbe-pensel.svg');\n    return state.customer ? (\n      <div>\n        <h2>{state.selectedCustomerCategory ? state.selectedCustomerCategory.name : 'Alla tjänster'}</h2>\n        <div class=\"hemfixarna_categories--wrapper\">\n          <ul class=\"hemfixarna_categories\">\n            {state.selectedCustomerCategory?.add_painting ? (\n              <button onClick={() => this.handleMaleriClick()} class=\"hemfixarna_maleribox\">\n                <img height={64} src={maleriLogo} alt=\"Måleri Logotyp\" />\n                <p>Beräkna fast pris på måleri & tapetsering här</p>\n              </button>\n            ) : null}\n            {state.selectedCustomerCategory\n              ? this.isMainCategory(state.selectedCustomerCategory) && state.selectedCustomerCategory.sub_categories && !state.selectedCustomerCategory.show_products\n                ? state.selectedCustomerCategory.sub_categories.map(c => <hemfixarna-box category={c}></hemfixarna-box>)\n                : state.selectedCustomerCategory.products\n                  ? state.selectedCustomerCategory.products.map(c => <hemfixarna-box category={c.fields}></hemfixarna-box>)\n                  : null\n              : state.customer.categories.map(c => <hemfixarna-box category={c}></hemfixarna-box>)}\n          </ul>\n          <hemfixarna-info />\n        </div>\n      </div>\n    ) : (\n      <div>\n        <h2>Alla tjänster</h2>\n        <div class=\"hemfixarna_categories--wrapper\">\n          <ul class=\"hemfixarna_categories\">\n            {this.tree.sub_cats\n              .sort((a, b) => (a.name < b.name ? -1 : 1))\n              .map(c => (\n                <hemfixarna-box post={c} icon={(c.icon as Icon).url ?? (c.icon as string)} postTitle={c.name}></hemfixarna-box>\n              ))}\n          </ul>\n          <hemfixarna-info />\n        </div>\n      </div>\n    );\n  }\n}\n"]}

package/dist/collection/index.js

@@ -1,2 +0,0 @@
-export * from './components';
-//# sourceMappingURL=index.js.map

package/dist/collection/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC","sourcesContent":["export * from './components';\n"]}