@cling-se/widget 0.9.1 → 0.9.3

package/dist/ClientModal-11341b1c.js

@@ -0,0 +1,547 @@
+import { v as p, H as h, I as v, n as u, b as c, g as d, J as y, t as C } from "./main-2d9b8259.js";
+import { m as f, b, a as _ } from "./vuex.esm-4a0fff7c.js";
+import { w as $ } from "./CDropdownItem-05d84f95.js";
+import { C as w } from "./ClientAutocomplete-421a2216.js";
+import { v as r } from "./index-805c56e4.js";
+import "./SearchApi-ffe5b697.js";
+function g(n) {
+  if (typeof n > "u")
+    throw Error("Missing param inputParam");
+  let e = n;
+  Number.isInteger(e) && (e = e.toString());
+  let t = 0;
+  const i = e.length, a = i % 2;
+  let o, s;
+  for (o = 0; o < i; o += 1)
+    s = parseInt(e.charAt(o), 10), o % 2 === a && (s *= 2), s > 9 && (s -= 9), t += s;
+  return t % 10 === 0;
+}
+function m(n) {
+  let e = n.replace(/ /g, "");
+  return e = e.replace(/-/g, ""), !g(e) || (e = [e.slice(0, 6), "-", e.slice(6)].join(""), !e.match(/^(\d{6})-(\d{4})$/)) ? !1 : e;
+}
+function l(n) {
+  if (typeof n > "u" || n === null || n === "")
+    return !1;
+  let e = n.trim().replace(/[^0-9]+/g, "");
+  if (e.length !== 10 && e.length !== 12)
+    return !1;
+  if (e.length === 10) {
+    const a = e.substring(0, 2), o = (/* @__PURE__ */ new Date()).getFullYear(), s = parseInt(o.toString().substring(2, 2), 10);
+    parseInt(a, 10) === 19 || parseInt(a, 10) === 20 || (parseInt(a, 10) >= 0 && parseInt(a, 10) <= s ? e = `20${e}` : e = `19${e}`);
+  }
+  return (/* @__PURE__ */ new Date()).getFullYear() - parseInt(e.substring(0, 4), 10) < 16 ? !1 : g(e.substring(2)) ? e : !1;
+}
+const x = {
+  sv: {
+    title: "Mottagare",
+    createButton: "Lägg till mottagare",
+    updateButton: "Spara mottagare",
+    individual: "Privatperson",
+    reference: "Referens",
+    workAddressSubLabel: "Där arbetet utförs",
+    showMore: "Visa fler fält",
+    seperateWorkAddress: {
+      false: "Arbetsadress som ovan",
+      true: "Annan"
+    },
+    placeholders: {
+      name: "Mottagarens namn",
+      companyName: "Företagets namn",
+      socialNo: "10 eller 12 siffror",
+      orgNo: "Företagets org-nr",
+      reference: "Er referens",
+      cellphone: "Mobilnummer",
+      address: "Gatuadress"
+    },
+    validations: {
+      name: {
+        required: "Vem är din kund?"
+      },
+      orgNo: {
+        personalNumber: "Personnumret är inte giltigt"
+      },
+      realOrgNo: {
+        realOrgNo: "Organisationsnumret är inte giltigt"
+      },
+      reference: {
+        required: "Vem är din referens?"
+      },
+      email: {
+        required: "E-post saknas",
+        email: "E-posten är ogiltig"
+      }
+    },
+    signMethod: {
+      button: {
+        title: "Standard - knapptryck",
+        content: "Bevisnivå: IP-adress, tidpunkt och enhet."
+      },
+      bankId: {
+        title: "BankId",
+        content: "Samma säkerhetsgrad som bankerna har."
+      },
+      signature: {
+        title: "Standard",
+        content: "Bevisnivå: IP-adress, tidpunkt och enhet."
+      },
+      inPerson: {
+        title: "Fysisk underskrift",
+        content: "Signatur på utskrivet dokument"
+      }
+    }
+  },
+  en: {
+    title: "Recipient",
+    createButton: "Add recipient",
+    updateButton: "Save recipient",
+    individual: "Individual",
+    reference: "Contact",
+    workAddressSubLabel: "Where work is going to be performed",
+    showMore: "Show additional fields",
+    seperateWorkAddress: {
+      false: "Work address same as above",
+      true: "Other"
+    },
+    placeholders: {
+      name: "Recipient name",
+      companyName: "Company name",
+      socialNo: "10 or 12 numbers",
+      orgNo: "Company registration number",
+      reference: "Name",
+      cellphone: "Cellphone",
+      address: "Street"
+    },
+    validations: {
+      name: {
+        required: "Who's your contact person?"
+      },
+      orgNo: {
+        personalNumber: "Invalid social security number"
+      },
+      realOrgNo: {
+        realOrgNo: "Invalid organisation number"
+      },
+      reference: {
+        required: "Missing contact name"
+      },
+      email: {
+        required: "Email missing",
+        email: "Invalid email"
+      }
+    },
+    signMethod: {
+      button: {
+        title: "Standard - button",
+        content: "Level of proof: IP address, timestamp and device."
+      },
+      bankId: {
+        title: "BankID",
+        content: "Same level of proof as the banks use."
+      },
+      signature: {
+        title: "Signature",
+        content: "Level of proof: IP address, timestamp and device."
+      },
+      inPerson: {
+        title: "In person",
+        content: "Signature on print document"
+      }
+    }
+  }
+};
+const { mapFields: k } = p({
+  getterType: "forms/getField",
+  mutationType: "forms/updateField"
+}), S = {
+  name: "FormClient",
+  i18nOptions: {
+    namespaces: "formClient",
+    messages: x
+  },
+  components: {
+    ClientAutocomplete: w,
+    Animation: h
+  },
+  mixins: [$],
+  props: {
+    requireReference: {
+      type: Boolean,
+      default: !0
+    },
+    searchEnabled: {
+      type: Boolean,
+      default: !1
+    },
+    validateOrgNo: {
+      type: Boolean,
+      default: !1
+    },
+    simpleForm: {
+      type: Boolean,
+      default: !1
+    },
+    inputFocusOnMount: {
+      type: String,
+      default: ""
+    },
+    // Optional field with prop sync, if within the context of documents
+    documentRole: {
+      type: String,
+      default: ""
+    },
+    // Optional field with prop sync, if within the context of documents
+    answerMethod: {
+      type: Object,
+      default: null
+    },
+    isPublicForm: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  validations() {
+    return [this.name, this.orgNo, this.reference, this.email, this.cellphone].some((e) => !!e) ? {
+      orgNo: {
+        personalNumber(e) {
+          return !this.validateOrgNo || !e ? !0 : this.isIndivid ? l(e) : m(e) || l(e);
+        }
+      },
+      reference: {
+        required: r.requiredIf((e) => e.requireReference && !e.isIndivid)
+      },
+      email: {
+        email: r.email
+      }
+    } : {
+      name: {
+        required: r.required
+      },
+      orgNo: {
+        required: r.requiredIf((e) => e.type === "company")
+      },
+      cellphone: {
+        required: r.requiredIf((e) => !e.isIndivid)
+      },
+      reference: {
+        required: r.requiredIf((e) => !e.isIndivid)
+      },
+      email: {
+        required: r.requiredIf((e) => !e.isIndivid)
+      }
+    };
+  },
+  watch: {
+    type(n) {
+      v.setItem("defaultClientType", n);
+    }
+  },
+  computed: {
+    ...k({
+      id: "endCustomer.id",
+      type: "endCustomer.customerType",
+      name: "endCustomer.name",
+      realOrgNo: "endCustomer.org_no",
+      reference: "endCustomer.reference",
+      email: "endCustomer.email",
+      street: "endCustomer.street",
+      zip: "endCustomer.zip",
+      city: "endCustomer.city",
+      cellphone: "endCustomer.cellphone",
+      cellphoneRegion: "endCustomer.cellphoneRegion",
+      separateWorkAddress: "endCustomer.separateWorkAddress",
+      workStreet: "endCustomer.workStreet",
+      workZip: "endCustomer.workZip",
+      workCity: "endCustomer.workCity",
+      reverseVat: "endCustomer.reverseVat",
+      doUpdateEndCustomer: "endCustomer.doUpdateEndCustomer"
+    }),
+    ...f({
+      isPosting: "endCustomers/isPosting",
+      companyRegion: "application/companyRegion",
+      feature: "application/feature"
+    }),
+    messages() {
+      return {
+        name: {
+          required: this.$t("validations.name.required")
+        },
+        orgNo: {
+          personalNumber: this.$t("validations.orgNo.personalNumber")
+        },
+        realOrgNo: {
+          personalNumber: this.$t("validations.realOrgNo.realOrgNo")
+        },
+        reference: {
+          required: this.$t("validations.reference.required")
+        },
+        email: {
+          required: this.$t("validations.email.required"),
+          email: this.$t("validations.email.email")
+        }
+      };
+    },
+    orgNo: {
+      get() {
+        return this.realOrgNo;
+      },
+      set(n) {
+        const e = this.isIndivid ? l(n) : m(n) || l(n);
+        return this.validateOrgNo && e ? (this.realOrgNo = e, !0) : (this.realOrgNo = n, !0);
+      }
+    },
+    isIndivid() {
+      return this.type === "individual";
+    }
+  },
+  mounted() {
+    this.$refs[this.inputFocusOnMount] ? this.$refs[this.inputFocusOnMount].$el.querySelector("input").focus() : this.$refs.name.$el.querySelector("input").focus();
+  },
+  methods: {
+    validateForm() {
+      return this.$v.$touch(), this.$v.$invalid ? !1 : (this.$emit("submit", !0), !0);
+    }
+  }
+};
+var N = function() {
+  var e = this, t = e._self._c;
+  return t("div", { staticClass: "form-client" }, [e.simpleForm ? t("form", { on: { submit: function(i) {
+    return i.preventDefault(), e.validateForm.apply(null, arguments);
+  } } }, [t("div", { staticClass: "flex flex-wrap items-center pb-6 space-between" }, [t("div", { staticClass: "flex-grow", staticStyle: { "font-weight": "600", "font-size": "20px" } }, [e._v(" " + e._s(e.$t("_common:recipient").capitalize()) + " ")]), t("div", { staticClass: "type-toggle" }, [t("div", { staticClass: "type-toggle-button", class: { active: e.type === "individual" }, on: { click: function(i) {
+    e.type = "individual";
+  } } }, [e._v(" " + e._s(e.$t("individual")) + " ")]), t("div", { staticClass: "type-toggle-button", class: { active: e.type === "company" }, on: { click: function(i) {
+    e.type = "company";
+  } } }, [e._v(" " + e._s(e.$t("_common:company").capitalize()) + " ")])])]), t("CField", { staticStyle: { "margin-bottom": "1.5rem" }, attrs: { label: e.isIndivid ? e.$t("_common:name").capitalize() : e.$t("_common:company").capitalize(), validator: e.$v.name, messages: e.messages.name, "label-position": "inside" } }, [t("ClientAutocomplete", { ref: "name", attrs: { placeholder: e.isIndivid ? e.$t("placeholders.name") : e.$t("placeholders.companyName"), "search-enabled": e.searchEnabled, "show-loading": !0 }, on: { setClient: function(i) {
+    return e.$emit("setClient", i);
+  } }, model: { value: e.name, callback: function(i) {
+    e.name = i;
+  }, expression: "name" } })], 1), t("Animation", [e.isIndivid ? e._e() : t("CField", { staticClass: "pb-4", attrs: { validator: e.$v.reference, messages: e.messages.reference, label: e.$t("reference").capitalize(), "label-position": "inside" } }, [t("CInput", { ref: "reference", attrs: { placeholder: e.$t("placeholders.reference") }, model: { value: e.reference, callback: function(i) {
+    e.reference = i;
+  }, expression: "reference" } })], 1)], 1), t("CField", { staticStyle: { "margin-bottom": "1.5rem" }, attrs: { validator: e.$v.email, messages: e.messages.email, label: e.$t("_common:email").capitalize(), "label-position": "inside" } }, [t("CInput", { ref: "email", attrs: { placeholder: e.$t("_common:email").capitalize() }, model: { value: e.email, callback: function(i) {
+    e.email = typeof i == "string" ? i.trim() : i;
+  }, expression: "email" } })], 1), t("CPhoneInput", { ref: "cellphone", staticStyle: { "margin-bottom": "1.5rem" }, attrs: { label: e.$t("_common:cellphone").capitalize(), placeholder: e.$t("placeholders.cellphone"), region: e.cellphoneRegion, "default-region": e.companyRegion, "label-position": "inside" }, on: { "update:region": function(i) {
+    e.cellphoneRegion = i;
+  } }, model: { value: e.cellphone, callback: function(i) {
+    e.cellphone = i;
+  }, expression: "cellphone" } }), e.documentRole ? t("CDropdown", { staticStyle: { "margin-bottom": "1rem" }, attrs: { expanded: "" } }, [t("CButton", { staticClass: "is-left", staticStyle: { width: "100%" }, attrs: { slot: "trigger", "dropdown-icon": !0, "icon-props": {
+    stroke: "hsl(0, 0%, 50%)"
+  }, "icon-left": e.documentRole === "signee" ? "pen-tool" : "eye", type: "none", pattern: "secondary" }, slot: "trigger" }, [t("div", { staticStyle: { "line-height": "1.25", padding: "4px 0" } }, [t("div", [e._v(e._s(e.$t(`_common:documentRole.${e.documentRole}.description`)))]), t("div", { staticStyle: { "font-size": "12px", opacity: "0.7" } }, [e._v(" " + e._s(e.$t(`_common:documentRole.${e.documentRole}.label`)) + " ")])])]), e._l(["signee", "recipient", "approver"], function(i) {
+    return t("CDropdownItem", { key: i, attrs: { "icon-left": i === "signee" ? "pen-tool" : "eye", "icon-props": {
+      stroke: "hsl(0, 0%, 50%)"
+    } }, on: { click: function(a) {
+      return e.$emit("update:document-role", i);
+    } } }, [t("div", { staticStyle: { "line-height": "1.25", padding: "4px 0" } }, [t("div", [e._v(e._s(e.$t(`_common:documentRole.${i}.description`)))]), t("div", { staticStyle: { "font-size": "12px", opacity: "0.7" } }, [e._v(" " + e._s(e.$t(`_common:documentRole.${i}.label`)) + " ")])])]);
+  })], 2) : e._e(), t("CButton", { attrs: { type: "secondary", pattern: "tertiary", size: "small", "icon-left": "arrow-right" }, on: { click: function(i) {
+    return e.$emit("show-more");
+  } } }, [e._v(" " + e._s(e.$t("showMore").capitalize()) + " ")]), t("CButton", { staticClass: "mt-4", staticStyle: { padding: "16px", "border-radius": "8px", height: "100%", "font-size": "14px", "font-weight": "600", "box-shadow": "0 2px 4px -1px rgba(0,0,0,0.1)" }, attrs: { loading: e.isPosting, "native-type": "submit", type: "secondary", wide: "", size: "medium" } }, [e._v(" " + e._s(e.$t(`${e.id ? "update" : "create"}Button`)) + " ")])], 1) : t("div", { class: { "column-only": e.windowWidth <= 600 } }, [t("div", { staticClass: "flex items-center justify-center", staticStyle: { "margin-bottom": "2.5rem" } }, [t("div", { staticClass: "type-toggle" }, [t("div", { staticClass: "type-toggle-button", class: { active: e.type === "individual" }, on: { click: function(i) {
+    e.type = "individual";
+  } } }, [e._v(" " + e._s(e.$t("individual")) + " ")]), t("div", { staticClass: "type-toggle-button", class: { active: e.type === "company" }, on: { click: function(i) {
+    e.type = "company";
+  } } }, [e._v(" " + e._s(e.$t("_common:company").capitalize()) + " ")])])]), t("CField", { staticClass: "flex", attrs: { grouped: "" } }, [t("CField", { attrs: { label: e.isIndivid ? e.$t("_common:name").capitalize() : e.$t("_common:company").capitalize(), validator: e.$v.name, messages: e.messages.name, "label-position": "inside", expanded: "" } }, [t("ClientAutocomplete", { ref: "name", attrs: { placeholder: e.isIndivid ? e.$t("placeholders.name") : e.$t("placeholders.companyName"), "show-loading": !0, "search-enabled": e.searchEnabled }, on: { setClient: function(i) {
+    return e.$emit("setClient", i);
+  } }, model: { value: e.name, callback: function(i) {
+    e.name = i;
+  }, expression: "name" } })], 1), t("CField", { attrs: { label: e.isIndivid ? e.$t("_common:socialNo").capitalize() : e.$t("_common:orgNoShort").capitalize(), validator: e.$v.orgNo, messages: e.isIndivid ? e.messages.orgNo : e.messages.realOrgNo, "label-position": "inside", expanded: "" } }, [t("CInput", { ref: "orgNo", attrs: { placeholder: e.isIndivid ? e.$t("placeholders.socialNo") : e.$t("placeholders.orgNo") }, model: { value: e.orgNo, callback: function(i) {
+    e.orgNo = i;
+  }, expression: "orgNo" } })], 1)], 1), t("Animation", [e.type && !e.isIndivid ? t("CField", { staticClass: "pb-4", attrs: { validator: e.$v.reference, messages: e.messages.reference, label: e.$t("_common:reference").capitalize(), "label-position": "inside" } }, [t("CInput", { ref: "reference", attrs: { placeholder: e.$t("placeholders.reference") }, model: { value: e.reference, callback: function(i) {
+    e.reference = i;
+  }, expression: "reference" } })], 1) : e._e(), e.type && !e.isIndivid && e.feature("reverseVat") && e.feature("regionSE") ? t("CField", { staticStyle: { "padding-left": "0.5em", "margin-bottom": "2rem" } }, [t("CCheckbox", { attrs: { size: "normal" }, model: { value: e.reverseVat, callback: function(i) {
+    e.reverseVat = i;
+  }, expression: "reverseVat" } }, [e._v(" " + e._s(e.$t("_common:vat.reverseVat")) + " ")])], 1) : e._e()], 1), t("CField", { staticClass: "flex", attrs: { grouped: "" } }, [t("CField", { attrs: { validator: e.$v.email, messages: e.messages.email, label: e.$t("_common:email").capitalize(), "label-position": "inside", expanded: "" } }, [t("CInput", { ref: "email", attrs: { placeholder: e.$t("_common:email").capitalize() }, model: { value: e.email, callback: function(i) {
+    e.email = typeof i == "string" ? i.trim() : i;
+  }, expression: "email" } })], 1), t("CPhoneInput", { staticStyle: { "margin-bottom": "1.5rem" }, attrs: { label: e.$t("_common:cellphone").capitalize(), placeholder: e.$t("placeholders.cellphone"), region: e.cellphoneRegion, "default-region": e.companyRegion, "label-position": "inside" }, on: { "update:region": function(i) {
+    e.cellphoneRegion = i;
+  } }, model: { value: e.cellphone, callback: function(i) {
+    e.cellphone = i;
+  }, expression: "cellphone" } })], 1), t("CField", { attrs: { label: e.$t("_common:address").capitalize(), "label-position": "inside" } }, [t("CInput", { ref: "street", attrs: { placeholder: e.$t("placeholders.address") }, model: { value: e.street, callback: function(i) {
+    e.street = i;
+  }, expression: "street" } })], 1), t("CField", { staticClass: "flex force-two", attrs: { grouped: "" } }, [t("CField", { attrs: { expanded: "" } }, [t("CInput", { ref: "zip", attrs: { placeholder: e.$t("_common:zip").capitalize() }, model: { value: e.zip, callback: function(i) {
+    e.zip = i;
+  }, expression: "zip" } })], 1), t("CField", { attrs: { expanded: "" } }, [t("CInput", { ref: "city", attrs: { placeholder: e.$t("_common:city").capitalize() }, model: { value: e.city, callback: function(i) {
+    e.city = i;
+  }, expression: "city" } })], 1)], 1), t("CField", { staticClass: "flex" }, [t("CRadio", { staticStyle: { "margin-bottom": "0.5em" }, attrs: { "native-value": !1, type: "secondary", size: "small" }, model: { value: e.separateWorkAddress, callback: function(i) {
+    e.separateWorkAddress = i;
+  }, expression: "separateWorkAddress" } }, [e._v(" " + e._s(e.$t("seperateWorkAddress.false")) + " ")]), t("CRadio", { staticStyle: { "margin-bottom": "0.5em" }, attrs: { "native-value": !0, type: "secondary", size: "small" }, model: { value: e.separateWorkAddress, callback: function(i) {
+    e.separateWorkAddress = i;
+  }, expression: "separateWorkAddress" } }, [e._v(" " + e._s(e.$t("seperateWorkAddress.true")) + " ")])], 1), t("Animation", [e.type && e.separateWorkAddress ? t("div", [t("CField", { attrs: { label: e.$t("_common:addressWork").capitalize() + ` ( ${e.$t("workAddressSubLabel")} )` } }, [t("CInput", { ref: "workStreet", attrs: { placeholder: e.$t("placeholders.address") }, model: { value: e.workStreet, callback: function(i) {
+    e.workStreet = i;
+  }, expression: "workStreet" } })], 1), t("CField", { staticClass: "flex force-two", attrs: { grouped: "" } }, [t("CField", { attrs: { expanded: "" } }, [t("CInput", { ref: "workZip", attrs: { placeholder: e.$t("_common:zip").capitalize(), expanded: "" }, model: { value: e.workZip, callback: function(i) {
+    e.workZip = i;
+  }, expression: "workZip" } })], 1), t("CField", { attrs: { expanded: "" } }, [t("CInput", { ref: "workCity", attrs: { placeholder: e.$t("_common:city").capitalize(), expanded: "" }, model: { value: e.workCity, callback: function(i) {
+    e.workCity = i;
+  }, expression: "workCity" } })], 1)], 1)], 1) : e._e()]), e.documentRole || e.answerMethod ? t("CField", { staticClass: "flex pt-4", attrs: { grouped: "" } }, [e.documentRole ? t("div", { staticClass: "dropdown-field-wrapper" }, [t("div", { staticClass: "my-1 text-sm text-gray-600" }, [e._v(" " + e._s(e.$t("_common:documentRole.title")) + " ")]), t("CDropdown", { staticStyle: { "margin-bottom": "1rem" }, attrs: { expanded: "" } }, [t("CButton", { staticClass: "is-left", staticStyle: { width: "100%" }, attrs: { slot: "trigger", "dropdown-icon": !0, "icon-props": {
+    stroke: "hsl(0, 0%, 50%)"
+  }, "icon-left": e.documentRole === "signee" ? "pen-tool" : "eye", type: "none", pattern: "secondary" }, slot: "trigger" }, [t("div", { staticStyle: { "line-height": "1.25", padding: "4px 0" } }, [t("div", [e._v(e._s(e.$t(`_common:documentRole.${e.documentRole}.description`)))]), t("div", { staticStyle: { "font-size": "12px", opacity: "0.7" } }, [e._v(" " + e._s(e.$t(`_common:documentRole.${e.documentRole}.label`)) + " ")])])]), e._l(["signee", "recipient", "approver"], function(i) {
+    return t("CDropdownItem", { key: i, attrs: { "icon-left": i === "signee" ? "pen-tool" : "eye", "icon-props": {
+      stroke: "hsl(0, 0%, 50%)"
+    } }, on: { click: function(a) {
+      return e.$emit("update:document-role", i);
+    } } }, [t("div", { staticStyle: { "line-height": "1.25", padding: "4px 0" } }, [t("div", [e._v(e._s(e.$t(`_common:documentRole.${i}.description`)))]), t("div", { staticStyle: { "font-size": "12px", opacity: "0.7" } }, [e._v(" " + e._s(e.$t(`_common:documentRole.${i}.label`)) + " ")])])]);
+  })], 2)], 1) : e._e(), e.answerMethod ? t("div", { staticClass: "dropdown-field-wrapper" }, [t("div", { staticClass: "my-1 text-sm text-gray-600" }, [e._v(" " + e._s(e.$t("_common:signMethod.title")) + " ")]), t("CDropdown", { staticStyle: { "margin-bottom": "1rem" }, attrs: { expanded: "" } }, [t("CButton", { staticClass: "is-left", attrs: { slot: "trigger", "dropdown-icon": !0, type: "none", pattern: "secondary", wide: "" }, slot: "trigger" }, [t("div", { staticStyle: { "line-height": "1.25", padding: "4px 0" } }, [t("div", [e._v(e._s(e.$t(`signMethod.${e.answerMethod.accept}.title`)))]), t("div", { staticClass: "truncate", staticStyle: { "font-size": "12px", opacity: "0.7" } }, [e._v(" " + e._s(e.$t(`signMethod.${e.answerMethod.accept}.content`)) + " ")])])]), e._l([
+    ...!e.isPublicForm && e.feature("bankId") ? ["bankId"] : [],
+    "signature",
+    "inPerson"
+  ], function(i) {
+    return t("CDropdownItem", { key: i, on: { click: function(a) {
+      return e.$emit("update:answer-method", { ...e.answerMethod, accept: i });
+    } } }, [t("div", { staticStyle: { "line-height": "1.25", padding: "4px 0" } }, [t("div", [e._v(e._s(e.$t(`signMethod.${i}.title`)))]), t("div", { staticClass: "max-w-[12rem] truncate", staticStyle: { "font-size": "12px", opacity: "0.7", "text-wrap": "wrap" } }, [e._v(" " + e._s(e.$t(`signMethod.${i}.content`)) + " ")])])]);
+  })], 2)], 1) : e._e()]) : e._e(), t("div", { staticStyle: { "margin-top": "3rem" } }, [t("CButton", { staticStyle: { padding: "16px", "border-radius": "8px", height: "100%", "font-size": "14px", "font-weight": "600", "box-shadow": "0 2px 4px -1px rgba(0,0,0,0.1)" }, attrs: { loading: e.isPosting, type: "secondary", wide: "" }, on: { click: e.validateForm } }, [e._v(e._s(e.$t(`${e.id ? "update" : "create"}Button`)))])], 1)], 1)]);
+}, I = [], F = /* @__PURE__ */ u(
+  S,
+  N,
+  I,
+  !1,
+  null,
+  "0a4c270d",
+  null,
+  null
+);
+const z = F.exports, { mapFields: M } = p({
+  getterType: "forms/getField",
+  mutationType: "forms/updateField"
+}), R = {
+  name: "ClientModal",
+  i18nOptions: {
+    namespaces: "components",
+    keyPrefix: "account.documentForm.clients"
+  },
+  components: {
+    FormClient: z
+  },
+  props: {
+    documentClientIndex: {
+      type: Number,
+      default: 0
+    },
+    signOrder: {
+      type: Number,
+      default: 0
+    },
+    inputFocusOnMount: {
+      type: String,
+      default: ""
+    },
+    forceExpand: {
+      type: Boolean,
+      default: !1
+    },
+    // Optional prop if this modal is mounted from public form
+    isPublicForm: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  data() {
+    return {
+      storedNewClient: {
+        documentRole: "signee",
+        answerMethod: {
+          accept: "signature",
+          deny: "button"
+        }
+      },
+      isLoading: !1,
+      hasChanged: !1,
+      showMore: !1
+    };
+  },
+  computed: {
+    ...M({
+      endCustomer: "endCustomer"
+    }),
+    ...b("forms", {
+      formData: (n) => n.document2
+    }),
+    ...f({
+      can: "application/can",
+      defaultClientType: "endCustomers/defaultClientType"
+    })
+  },
+  created() {
+    this.forceExpand && (this.showMore = !0);
+    const n = c(this.formData, `clients[${this.documentClientIndex}]`, {});
+    this.loadForm(n), ["endCustomer", "storedNewClient"].forEach((e) => this.$watch(e, {
+      deep: !0,
+      handler() {
+        this.hasChanged = !0;
+      }
+    }));
+  },
+  methods: {
+    ..._({
+      saveClient: d.FORM_SUBMIT_ENDCUSTOMER,
+      setFormValue: d.SET_FORM_VALUE,
+      showMessage: d.SHOW_MESSAGE
+    }),
+    loadForm(n = {}) {
+      this.storedNewClient = Object.assign(this.storedNewClient, n), this.endCustomer = y({
+        type: this.defaultClientType(),
+        ...n
+      });
+    },
+    async onSave() {
+      this.isLoading = !0;
+      let n = c(this.endCustomer, "id");
+      if (!this.isPublicForm) {
+        let e = !1;
+        this.endCustomer && (this.endCustomer.id ? this.can("endCustomers", "modify", this.endCustomer.id) && (e = !0) : this.can("endCustomers", "create") && (e = !0)), e && (n = await this.saveClient());
+      }
+      this.setFormValue({
+        key: `document2.clients[${this.documentClientIndex}]`,
+        value: C(
+          { ...this.endCustomer, ...n && { id: n } },
+          { ...this.storedNewClient, signOrder: this.signOrder }
+        )
+      }), this.$emit("close"), this.isLoading = !1;
+    },
+    close() {
+      return !this.hasChanged || !this.showMore ? this.$emit("close") : this.showMessage({
+        displayType: "dialog",
+        type: "danger",
+        title: this.$t("unsavedDialog.title"),
+        message: this.$t("unsavedDialog.message"),
+        actions: {
+          cancel: {
+            text: this.$t("unsavedDialog.cancel"),
+            callback: "cancel"
+          },
+          submit: {
+            text: this.$t("unsavedDialog.submit"),
+            callback: () => this.$emit("close")
+          }
+        }
+      });
+    }
+  }
+};
+var O = function() {
+  var e = this, t = e._self._c;
+  return t("div", { staticClass: "font-primary bg-black bg-opacity-10 fixed inset-0 sm:py-4 z-[1000] grid place-items-center overflow-auto max-sm:w-full max-sm:min-h-full max-sm:block max-sm:overflow-auto", on: { "&click": function(i) {
+    return i.target !== i.currentTarget ? null : e.close.apply(null, arguments);
+  } } }, [t("div", { staticClass: "relative flex flex-col items-center p-10 mx-auto text-lg bg-white rounded-xl max-sm:w-full max-sm:h-initial max-sm:min-h-full max-sm:rounded-none" }, [t("CButton", { staticClass: "absolute z-2 top-4 right-4", class: e.showMore ? "" : "sm:!hidden", attrs: { pattern: "tertiary", type: "none", circle: "", icon: "x" }, on: { click: e.close } }), t("FormClient", { staticClass: "max-w-full p-0", class: [e.showMore ? "w-[520px]" : "w-[360px]"], attrs: { "search-enabled": !0, "require-reference": !1, "simple-form": !e.showMore, "input-focus-on-mount": e.inputFocusOnMount, "document-role": e.storedNewClient.documentRole, "answer-method": e.storedNewClient.answerMethod, "is-public-form": e.isPublicForm }, on: { "update:documentRole": function(i) {
+    return e.$set(e.storedNewClient, "documentRole", i);
+  }, "update:document-role": function(i) {
+    return e.$set(e.storedNewClient, "documentRole", i);
+  }, "update:answerMethod": function(i) {
+    return e.$set(e.storedNewClient, "answerMethod", i);
+  }, "update:answer-method": function(i) {
+    return e.$set(e.storedNewClient, "answerMethod", i);
+  }, setClient: function(i) {
+    return e.loadForm(i);
+  }, submit: e.onSave, "show-more": function(i) {
+    e.showMore = !0;
+  } } })], 1)]);
+}, A = [], q = /* @__PURE__ */ u(
+  R,
+  O,
+  A,
+  !1,
+  null,
+  null,
+  null,
+  null
+);
+const T = q.exports;
+export {
+  T as default
+};