import { r as registerInstance, j as createEvent, h, g as getElement } from './index-07845439.js';
import { E as Error } from './index-38089f62.js';
import { d as dist$2 } from './index-046ba252.js';
import { d as dist$1 } from './index-837ba18a.js';
import { I as Identifier } from './index-265fba1f.js';
import './index-cd3eb450.js';
import { c as Schedule, C as Connection, I as Item } from './index-e20749b7.js';
import { d as dist } from './index-63517df5.js';
import { N as Notice } from './index-f068b00b.js';
import './_commonjsHelpers-8fe71198.js';
import './App-15d9fce3.js';
import './index-b6cf748e.js';

const sv = {
  "Subscription number": "Prenumerationsnummer",
  Advanced: "Avancerat",
  "Create subscription": "Skapa prenumeration",
  "Start date": "Startdatum",
  "End date": "Slutdatum",
  Qty: "Antal",
  Name: "Namn",
  Price: "Pris",
  VAT: "Moms",
  daily: "Daglig",
  weekly: "Veckovis",
  monthly: "Månadsvis",
  quarterly: "Kvartalsvis",
  yearly: "Årlig",
  Day: "Dag",
  "Add item": "Lägg till artikel",
  "Creating subscription...": "Skapar prenumeration...",
  "$0 of $1 subscriptions were created.": "$0 av $1 prenumerationer skapades.",
  "Subscription was created.": "Prenumeration skapades.",
  "Failed to create $0 of $1 subscriptions.": "Kunde inte skapa $0 av $1 prenumerationer.",
  "Failed to create subscription.": "Kunde inte skapa prenumeration.",
};

function create(language) {
  return dist.create({
    sv,
  }, language);
}

const styleCss = ".sc-ig-subscription-create-h{display:block;max-width:63em}[hidden].sc-ig-subscription-create-h{display:none}smoothly-submit.sc-ig-subscription-create{max-width:-webkit-min-content;max-width:-moz-min-content;max-width:min-content}.sc-ig-subscription-create-h>form.sc-ig-subscription-create{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-direction:column;flex-direction:column}.sc-ig-subscription-create-h>form.sc-ig-subscription-create section.sc-ig-subscription-create{display:-ms-flexbox;display:flex}smoothly-trigger.sc-ig-subscription-create{border:none;position:absolute;right:4em;top:1.4em}.sc-ig-subscription-create-h>form.sc-ig-subscription-create>main.sc-ig-subscription-create>content.sc-ig-subscription-create>*.sc-ig-subscription-create:not(.last):not(span),.sc-ig-subscription-create-h>form.sc-ig-subscription-create>section.sc-ig-subscription-create>*.sc-ig-subscription-create:not(smoothly-trigger):not(smoothly-icon){margin-bottom:.7em;margin-left:-1px;-ms-flex-positive:1;flex-grow:1}.sc-ig-subscription-create-h>form.sc-ig-subscription-create ig-select-offset.sc-ig-subscription-create,.sc-ig-subscription-create-h>form.sc-ig-subscription-create ig-total-amount.sc-ig-subscription-create,.sc-ig-subscription-create-h>form.sc-ig-subscription-create smoothly-select.sc-ig-subscription-create,.sc-ig-subscription-create-h>form.sc-ig-subscription-create smoothly-input.sc-ig-subscription-create{border:1px solid rgb(var(--smoothly-medium-color));border-collapse:collapse}smoothly-select.sc-ig-subscription-create{display:grid}.sc-ig-subscription-create-h>form.sc-ig-subscription-create>section.sc-ig-subscription-create>*.sc-ig-subscription-create:not(smoothly-select),.sc-ig-subscription-create-h>form.sc-ig-subscription-create ig-total-amount.sc-ig-subscription-create{-ms-flex-negative:2;flex-shrink:2}.sc-ig-subscription-create-h>form.sc-ig-subscription-create>section.sc-ig-subscription-create>*.sc-ig-subscription-create:first-child{-ms-flex-positive:1;flex-grow:1}.sc-ig-subscription-create-h>form.sc-ig-subscription-create>main.sc-ig-subscription-create{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row}.sc-ig-subscription-create-h>form.sc-ig-subscription-create>main.sc-ig-subscription-create>content.sc-ig-subscription-create{min-width:37em}.sc-ig-subscription-create-h>form.sc-ig-subscription-create>main.sc-ig-subscription-create>content.sc-ig-subscription-create>section.sc-ig-subscription-create>smoothly-input.sc-ig-subscription-create:last-of-type{border-left:none}.sc-ig-subscription-create-h>form.sc-ig-subscription-create>main.sc-ig-subscription-create>content.sc-ig-subscription-create>section.sc-ig-subscription-create:first-of-type>*.sc-ig-subscription-create{display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-ms-flex-positive:1;flex-grow:1}smoothly-icon.opened.sc-ig-subscription-create{-webkit-transform:rotate(90deg);transform:rotate(90deg);-webkit-animation-duration:.5s;animation-duration:.5s}ig-future-due-dates.sc-ig-subscription-create{margin-left:.5em;min-width:13em}";

const IntergiroSubscriptionCreate = class {
  constructor(hostRef) {
    registerInstance(this, hostRef);
    this.notice = createEvent(this, "notice", 7);
    this.frequency = "monthly";
    this.currency = "SEK";
    this.advanced = false;
    this.itemCount = 0;
    this.itemsVisible = false;
    this.items = [];
  }
  componentWillLoad() {
    this.t = create(this.element);
    this.subscriptionNumber = Identifier.generate(4);
    this.calculateSchedule();
  }
  componentDidRender() {
    const divisor = document.getElementById("divisor");
    const start = document.getElementById("start");
    const end = document.getElementById("end");
    const handle = (e) => {
      this.calculateSchedule();
      e.stopPropagation();
      e.preventDefault();
    };
    if (divisor)
      divisor.addEventListener("focusout", handle);
    if (start)
      start.addEventListener("focusout", handle);
    if (end)
      end.addEventListener("focusout", handle);
  }
  submitSubscription(e) {
    const subscription = {
      number: e.detail.number,
      items: this.items.length > 0 ? this.items : dist$1.parse(e.detail.price, "price", this.currency),
      currency: this.currency,
      schedule: {
        frequency: this.frequency,
        divisor: e.detail.divisor ? Schedule.extractDivisor(e.detail.divisor) : undefined,
        offset: this.offset ? Schedule.extractOffset(this.offset, this.frequency) : undefined,
      },
      start: dist$2.Date.is(e.detail.start) ? e.detail.start : undefined,
      end: dist$2.Date.is(e.detail.end) ? e.detail.end : undefined,
    };
    const idArray = Object.keys(this.customers);
    this.notice.emit(Notice.execute(this.t("Creating subscription..."), async () => {
      let result;
      const response = await Promise.all(idArray.map(id => Connection.post(`customer/${id}/subscription`, subscription)));
      const [succeeded, failed] = response.reduce(([s, f], e) => (Error.is(e) ? [s, ++f] : [++s, f]), [0, 0]);
      if (succeeded > 0)
        result = [
          true,
          idArray.length > 1
            ? this.t("$0 of $1 subscriptions were created.", succeeded, idArray.length)
            : this.t("Subscription was created."),
        ];
      else
        result = [
          false,
          idArray.length > 1
            ? this.t("Failed to create $0 of $1 subscriptions.", failed, idArray.length)
            : this.t("Failed to create subscription."),
        ];
      return result;
    }));
  }
  calculateSchedule() {
    let divisor, endDate, startDate;
    if (this.advanced) {
      const divisorInput = document.getElementById("divisor");
      divisor = hasValue(divisorInput) ? divisorInput.value : undefined;
    }
    if (document.getElementById("start") && document.getElementById("end")) {
      const start = document.getElementById("start");
      startDate = hasValue(start) && dist$2.DateTime.localize(start.value) ? start.value : dist$2.DateTime.now();
      const end = document.getElementById("end");
      endDate = hasValue(end) ? dist$2.DateTime.localize(end.value) : undefined;
    }
    this.schedule = {
      frequency: this.frequency,
      divisor: divisor ? Schedule.extractDivisor(divisor) : undefined,
      offset: this.offset ? Schedule.extractOffset(this.offset, this.frequency) : undefined,
    };
    this.dueDates = Schedule.calculateDueDates(this.schedule, 5, startDate, endDate);
  }
  onSelectionChanged(e) {
    if (e.detail.identifier == "frequency") {
      this.frequency = e.detail.value;
      this.calculateSchedule();
    }
    if (e.detail.identifier == "currency")
      this.currency = e.detail.value;
  }
  deleteItem(e) {
    const items = [];
    this.price = (Number(this.price) - Item.amount(this.items[e.detail.index])).toFixed(2);
    for (let i = 0; i < this.items.length; i++)
      if (i != e.detail.index)
        items.push(this.items[i]);
    this.items = items;
  }
  changeItem(e) {
    e.preventDefault();
    e.stopPropagation();
    this.items[this.items.length - 1] = e.detail;
    this.price = Item.amount(this.items).toFixed(2);
  }
  changeOffset(e) {
    e.preventDefault();
    e.stopPropagation();
    this.offset = e.detail;
    this.calculateSchedule();
  }
  addItem(e) {
    e.preventDefault();
    e.stopPropagation();
    this.items = [...this.items, {}];
    this.price = Item.amount(this.items).toFixed(2);
    this.itemCount++;
    this.itemsVisible = true;
  }
  render() {
    return [
      h("form", null, h("section", null, h("smoothly-input", { type: "text", name: "number", value: this.subscriptionNumber }, this.t("Subscription number")), h("ig-total-amount", { price: this.price, itemsvisible: this.itemCount > 1, onAddItem: e => this.addItem(e) }), h("smoothly-select", { identifier: "frequency", background: "transparent" }, Schedule.frequencies.map(option => (h("option", { value: option, selected: this.frequency == option }, this.t(option))))), h("smoothly-trigger", null, h("smoothly-icon", { toolTip: this.t("Advanced"), onClick: () => (this.advanced = !this.advanced), name: "arrow-forward-circle-outline", fill: "clear", size: "small", color: "medium", class: this.advanced ? "opened" : "" })), h("smoothly-submit", { color: "primary", fill: "clear", prevent: true, onSubmit: (e) => this.submitSubscription(e) }, h("smoothly-icon", { toolTip: this.t("Create subscription"), name: "add-circle", fill: "clear", size: "medium", color: "success" }))), this.advanced
        ? [
          h("section", null, h("ig-select-offset", { frequency: this.frequency, onOffsetChanged: e => this.changeOffset(e) }), h("smoothly-input", { type: "divisor", id: "divisor", name: "divisor", value: "0 / 1" }, this.t("Divisor"))),
        ]
        : [], h("main", null, h("content", null, h("section", null, h("smoothly-input", { type: "date", name: "start", id: "start", value: dist$2.DateTime.localize(dist$2.DateTime.parse(dist$2.DateTime.now())).slice(0, 10) }, this.t("Start date")), h("smoothly-input", { type: "date", name: "end", id: "end" }, this.t("End date"))), h("ig-item-list", { items: this.items.slice(0, this.items.length - 1), currency: this.currency }), this.itemsVisible ? h("ig-item-input", { key: this.itemCount, item: {} }) : []), h("ig-future-due-dates", { dates: this.dueDates }))),
    ];
  }
  get element() { return getElement(this); }
};
function hasValue(element) {
  return typeof element.value === "string";
}
IntergiroSubscriptionCreate.style = styleCss;

export { IntergiroSubscriptionCreate as ig_subscription_create };
