@useinsider/guido 3.12.0-beta.d2745e7 → 3.12.0-beta.d77b0d2

package/dist/components/organisms/extensions/recommendation/strategy-detail/FilterHumanizer.vue2.js

@@ -0,0 +1,18 @@
+import { defineComponent as a } from "vue";
+import { useStrategyFilters as p } from "../../../../../composables/useStrategyFilters.js";
+import { useTranslations as f } from "../../../../../composables/useTranslations.js";
+import { InButtonV2 as l } from "@useinsider/design-system-vue";
+import u from "./HumanizerGroup.vue.js";
+const F = /* @__PURE__ */ a({
+  __name: "FilterHumanizer",
+  props: {
+    filters: { default: "{}" }
+  },
+  setup(t) {
+    const r = t, e = f(), { filterQuery: o, hasAnyFilter: s, canToggle: n, isCollapsed: i, toggleMore: m } = p(() => r.filters);
+    return { __sfc: !0, trans: e, props: r, filterQuery: o, hasAnyFilter: s, canToggle: n, isCollapsed: i, toggleMore: m, InButtonV2: l, HumanizerGroup: u };
+  }
+});
+export {
+  F as default
+};

package/dist/components/organisms/extensions/recommendation/strategy-detail/HumanizerCondition.vue.js

@@ -0,0 +1,20 @@
+import a from "./HumanizerCondition.vue2.js";
+/* empty css                        */
+import e from "../../../../../_virtual/_plugin-vue2_normalizer.js";
+var o = function() {
+  var t = this, s = t._self._c, i = t._self._setupProxy;
+  return s("div", { class: { "pb-0 pt-1": t.isLast, "py-1": !t.isLast } }, [s("div", { staticClass: "d-f a-i-b j-c-s-b" }, [s("div", { staticClass: "attribute-type" }, [t._v(" " + t._s(i.headingText) + " ")]), s("div", { staticClass: "spaced-dot-sep f-g-1 h-1-s mx-2 w-7-s" }), s(i.InTooltipV2, { attrs: { id: `strategy-condition-${i.conditionId}-${t.index}`, "static-position": "top right", "dynamic-position": !1, text: i.tooltipText }, scopedSlots: t._u([{ key: "triggerElement", fn: function() {
+    return [s("div", { staticClass: "d-f condition-data" }, [s("div", { staticClass: "attribute" }, [t._v(" " + t._s(i.capitalizeFirstLetter(i.attributeText)) + " ")]), s("div", { staticClass: "operator f-w-600" }, [t._v(" " + t._s(i.displayOperator) + " ")]), i.totalValueLength < i.MAX_CHARACTER_SIZE ? s("div", { staticClass: "value f-w-600" }, [t._v(" " + t._s(i.suitableValue) + " ")]) : t._e()])];
+  }, proxy: !0 }]) })], 1), t.isLast ? t._e() : s("div", { staticClass: "pt-2" }, [s(i.InStatusText, { attrs: { id: `strategy-condition-logic-${i.conditionId}-${t.index}`, size: "small", status: "draft", text: t.condition.conditionLogic || "" } })], 1)]);
+}, n = [], r = /* @__PURE__ */ e(
+  a,
+  o,
+  n,
+  !1,
+  null,
+  "2685bc55"
+);
+const p = r.exports;
+export {
+  p as default
+};

package/dist/components/organisms/extensions/recommendation/strategy-detail/HumanizerCondition.vue2.js

@@ -0,0 +1,60 @@
+import { defineComponent as R, computed as e } from "vue";
+import { useTranslations as V } from "../../../../../composables/useTranslations.js";
+import { TimeAbbreviations as m } from "../../../../../enums/extensions/filteringV2.js";
+import { FilterTypeNames as L, Operators as D, DataTypes as _, MultiSelectDataTypes as $, OperatorNames as u, OperatorAbbreviations as N } from "../../../../../enums/extensions/strategyDetail.js";
+import { capitalizeFirstLetter as s, getSuitableValue as F } from "../../../../../extensions/Blocks/Recommendation/utils/strategyHumanizer.js";
+import { InTooltipV2 as M, InStatusText as U } from "@useinsider/design-system-vue";
+const j = /* @__PURE__ */ R({
+  __name: "HumanizerCondition",
+  props: {
+    condition: null,
+    index: null,
+    isLast: { type: Boolean, default: !1 }
+  },
+  setup(b) {
+    const n = b, c = 40, d = "_dynamic", i = V(), l = e(() => n.condition.type || ""), p = e(() => {
+      var t;
+      return ((t = n.condition.attribute) == null ? void 0 : t.text) || "";
+    }), r = e(() => {
+      var t;
+      return ((t = n.condition.attribute) == null ? void 0 : t.attributeType) || "";
+    }), o = e(() => n.condition.selectedOperator || ""), g = e(() => n.condition.id ?? n.index), f = e(() => {
+      const { value: t } = n.condition;
+      return Array.isArray(t) ? t.join(",") : t || "";
+    }), O = e(() => [
+      { text: s(i("journey-builder.weeks")), value: m.WEEK },
+      { text: s(i("settings.day-s")), value: m.DAY },
+      { text: s(i("settings.hour-s")), value: m.HOUR }
+    ]), a = e(() => {
+      let t = o.value;
+      l.value === L.DYNAMIC_FILTER && !t.includes(d) && (t = `${t}${d}`);
+      const T = (D[r.value] || []).find((h) => h.value === t);
+      return T ? i(T.text) : "";
+    }), y = () => r.value === _.DATE, A = () => {
+      if (!$.includes(r.value) || [u.CONTAINS, u.NOT_CONTAINS].includes(o.value))
+        return !1;
+      const t = [u.IS_EXACTLY, u.IS_NOT_EXACTLY].includes(o.value);
+      return !((n.condition.isHierarchyCategory || r.value === _.STRING) && t);
+    }, I = () => [
+      N.OPERATOR.IN,
+      N.OPERATOR.NOT_IN
+    ].includes(o.value), v = e(() => F({
+      condition: n.condition,
+      selectedOperator: o.value,
+      filterValue: f.value,
+      timeUnit: n.condition.timeUnit ?? "",
+      inBetweenValues: n.condition.inBetweenValues ?? [],
+      timeUnitOptions: O.value,
+      isDateAttribute: y,
+      isMultiSelect: A,
+      isInOrNotInOperator: I,
+      trans: i
+    })), x = e(() => v.value.length + a.value.length), S = e(() => a.value.length > c ? `${a.value.substring(0, c)}...` : a.value), C = e(
+      () => `${s(p.value)} ${a.value} ${v.value}`
+    ), E = e(() => l.value ? i(`discovery-strategy.${l.value.toLowerCase()}-humanized`) : s(p.value));
+    return { __sfc: !0, MAX_CHARACTER_SIZE: c, DYNAMIC_FILTER_SUFFIX: d, trans: i, props: n, filterType: l, attributeText: p, attributeType: r, selectedOperator: o, conditionId: g, filterValue: f, timeUnitOptions: O, operatorTranslated: a, isDateAttribute: y, isMultiSelect: A, isInOrNotInOperator: I, suitableValue: v, totalValueLength: x, displayOperator: S, tooltipText: C, headingText: E, capitalizeFirstLetter: s, InStatusText: U, InTooltipV2: M };
+  }
+});
+export {
+  j as default
+};

package/dist/components/organisms/extensions/recommendation/strategy-detail/HumanizerGroup.vue.js

@@ -0,0 +1,19 @@
+import e from "./HumanizerGroup.vue2.js";
+import o from "../../../../../_virtual/_plugin-vue2_normalizer.js";
+var a = function() {
+  var t = this, s = t._self._c, r = t._self._setupProxy;
+  return s("div", [s("div", { staticClass: "py-3 b-c-5 px-5" }, t._l(t.conditionList, function(n, i) {
+    return s(r.HumanizerCondition, { key: `${n.id}-${t.groupIndex}-${i}`, staticClass: "condition", attrs: { condition: n, index: i, "is-last": t.conditionList.length - 1 === i } });
+  }), 1), r.isLastGroup ? t._e() : s("div", { staticClass: "my-3 d-f j-c-c" }, [s(r.InStatusText, { attrs: { id: `strategy-filter-group-${t.groupIndex}`, size: "small", status: "draft", text: t.groupLogic } })], 1)]);
+}, c = [], u = /* @__PURE__ */ o(
+  e,
+  a,
+  c,
+  !1,
+  null,
+  null
+);
+const p = u.exports;
+export {
+  p as default
+};

package/dist/components/organisms/extensions/recommendation/strategy-detail/HumanizerGroup.vue2.js

@@ -0,0 +1,19 @@
+import { defineComponent as n, computed as r } from "vue";
+import { InStatusText as u } from "@useinsider/design-system-vue";
+import i from "./HumanizerCondition.vue.js";
+const l = /* @__PURE__ */ n({
+  __name: "HumanizerGroup",
+  props: {
+    filters: null,
+    conditionList: null,
+    groupIndex: null,
+    groupLogic: { default: "" }
+  },
+  setup(t) {
+    const o = t, e = r(() => Object.keys(o.filters).length === Number(o.groupIndex));
+    return { __sfc: !0, props: o, isLastGroup: e, InStatusText: u, HumanizerCondition: i };
+  }
+});
+export {
+  l as default
+};

package/dist/components/organisms/extensions/recommendation/strategy-detail/InfoDisplayValue.vue.js

@@ -0,0 +1,22 @@
+import a from "./InfoDisplayValue.vue2.js";
+/* empty css                      */
+import e from "../../../../../_virtual/_plugin-vue2_normalizer.js";
+var n = function() {
+  var s = this, t = s._self._c, i = s._self._setupProxy;
+  return t("div", { staticClass: "d-f a-i-b l-h-2 mt-2" }, [t("div", { staticClass: "t-c-3 w-s-n-w" }, [s._v(" " + s._s(i.trans(s.title)) + " ")]), t("div", { staticClass: "spaced-dot-sep f-g-1 h-1-s mx-2 w-7-s" }), t("div", { staticClass: "d-f a-i-c" }, [t("div", [s._v(s._s(i.displayValues))]), i.showMore ? t("div", { staticClass: "d-f a-i-c" }, [t("div", { staticClass: "mx-1" }, [s._v(" ... ")]), t(i.InTooltipV2, { attrs: { id: `strategy-detail-show-more-${s.index}`, "static-position": "top right", "dynamic-position": !1, text: i.hiddenDisplayValues, "with-icon": !1 }, scopedSlots: s._u([{ key: "triggerElement", fn: function() {
+    return [t("span", { staticClass: "f-w-600" }, [s._v("+" + s._s(i.hiddenValues.length))])];
+  }, proxy: !0 }], null, !1, 3725664940) })], 1) : s._e(), s.icon ? t("div", { staticClass: "ml-2" }, [t(i.InTooltipV2, { staticClass: "d-f a-i-c", attrs: { id: `strategy-detail-icon-action-${s.index}`, "static-position": "top right", "dynamic-position": !1, "icon-status": !1, status: !s.disabled, text: i.trans(i.iconTooltipText) }, scopedSlots: s._u([{ key: "triggerElement", fn: function() {
+    return [t(i.InIcons, { staticClass: "d-f a-i-c", class: { "i-c-7": !s.disabled, "i-c-2": s.disabled }, attrs: { size: "24", name: s.icon }, on: { click: i.clickOnIcon } })];
+  }, proxy: !0 }], null, !1, 4084358903) })], 1) : s._e()])]);
+}, o = [], l = /* @__PURE__ */ e(
+  a,
+  n,
+  o,
+  !1,
+  null,
+  "6e572ff5"
+);
+const p = l.exports;
+export {
+  p as default
+};

package/dist/components/organisms/extensions/recommendation/strategy-detail/InfoDisplayValue.vue2.js

@@ -0,0 +1,29 @@
+import { defineComponent as _, computed as o, ref as v } from "vue";
+import { useTranslations as I } from "../../../../../composables/useTranslations.js";
+import { InTooltipV2 as V, InIcons as k } from "@useinsider/design-system-vue";
+const h = /* @__PURE__ */ _({
+  __name: "InfoDisplayValue",
+  props: {
+    index: null,
+    title: null,
+    value: null,
+    translateValue: { type: Boolean, default: !1 },
+    icon: { default: "" },
+    iconTooltip: { default: "" },
+    iconTooltipAfterClicked: { default: "" },
+    disabled: { type: Boolean, default: !1 }
+  },
+  emits: ["iconClick"],
+  setup(d, { emit: c }) {
+    const e = d, l = 3, u = 2e3, r = I(), t = o(() => String(e.value ?? "").split(",").map((n) => n.trim())), i = (n) => e.translateValue ? r(n) : n, f = o(() => t.value.length > l), m = o(() => t.value.slice(0, l).map(i).join(", ")), p = o(() => t.value.slice(l).map(i)), T = o(() => p.value.join(", ")), a = v(e.iconTooltip);
+    let s;
+    return { __sfc: !0, MAX_INLINE_VALUES: l, TOOLTIP_REVERT_DELAY_MS: u, trans: r, props: e, emit: c, values: t, render: i, showMore: f, displayValues: m, hiddenValues: p, hiddenDisplayValues: T, iconTooltipText: a, revertTimer: s, clickOnIcon: () => {
+      e.iconTooltipAfterClicked && (a.value = e.iconTooltipAfterClicked, clearTimeout(s), s = setTimeout(() => {
+        a.value = e.iconTooltip;
+      }, u)), c("iconClick");
+    }, InIcons: k, InTooltipV2: V };
+  }
+});
+export {
+  h as default
+};

package/dist/composables/useHtmlValidator.js

@@ -2,7 +2,7 @@ import { useConfig as W } from "./useConfig.js";
 import { getIgnoredRecommendationBlockIds as G } from "../config/compiler/utils/recommendationIgnoreUtils.js";
 import { TemplateTypes as H } from "../enums/defaults.js";
 import { DISPLAY_CONDITIONS_REGEX as P, DISPLAY_CONDITIONS_EXCEPTIONS_REGEX as X, CampaignCouldNotBeSavedKey as $, CanNotMakeAnyChangesForRunningKey as Y, DATA_ATTRIBUTE_REGEX as U, DYNAMIC_CONTENT_TAG_REGEX as j, ALLOWED_DYNAMIC_SYSTEM_TOKENS as q, VALID_DYNAMIC_VARIABLE_REGEX as K } from "../enums/html-validator.js";
-import { ToasterTypeOptions as c } from "../enums/toaster.js";
+import { ToasterTypeOptions as l } from "../enums/toaster.js";
 import { itemsBlockDynamicVariables as z } from "../extensions/Blocks/Items/enums/productEnums.js";
 import { RECOMMENDATION_VARIABLE_BUILTIN_ATTRIBUTES as Z } from "../extensions/Blocks/Recommendation/constants/selectors.js";
 import { useRecommendationExtensionStore as J } from "../extensions/Blocks/Recommendation/store/recommendation.js";
@@ -57,8 +57,8 @@ function fe(t) {
   });
 }
 const xe = () => {
-  var b, S;
-  const { showToaster: t } = re(), { post: m } = se(), { config: f } = W(), o = oe(), d = te(), u = J(), p = ((S = (b = f.value) == null ? void 0 : b.partner) == null ? void 0 : S.messageType) === H.transactional, E = async (e) => {
+  var A, T;
+  const { showToaster: t } = re(), { post: m } = se(), { config: f } = W(), o = oe(), d = te(), u = J(), p = ((T = (A = f.value) == null ? void 0 : A.partner) == null ? void 0 : T.messageType) === H.transactional, E = async (e) => {
     if (e.size === 0)
       return /* @__PURE__ */ new Set();
     try {
@@ -68,136 +68,144 @@ const xe = () => {
     }
     return ue(u.filterList);
   }, h = async (e) => {
-    const n = await m(
+    const r = (await m(
       "/newsletter/template-library/check-template-html-body",
       { html: ne(e) }
-    ), { status: r, message: a } = n.data;
-    return r || t({
-      type: c.Error,
-      message: r === void 0 ? a : o("newsletter.invalid-url-link-for-toaster")
-    }), o($), a === o(Y) && t({
-      type: c.Error,
+    )).data ?? {}, { message: c } = r, i = r.status === !0;
+    if (!i) {
+      const a = o("newsletter.invalid-url-link-for-toaster");
+      t({
+        type: l.Error,
+        // `status: false` is a business rejection and keeps our own copy. Any
+        // other shape means the answer was unreadable — show what came back,
+        // and fall back to the same copy when nothing did, so the toast is
+        // never blank while the save is silently cancelled.
+        message: r.status === !1 ? a : c || a
+      });
+    }
+    return o($), c === o(Y) && t({
+      type: l.Error,
       message: o("newsletter.already-in-progress")
-    }), r;
-  }, g = (e) => !["if", "endif", "else", "elif", "now"].includes(e.toLowerCase()), y = (e) => ["if", "endif"].includes(e.toLowerCase()), T = (e, s) => {
+    }), i;
+  }, g = (e) => !["if", "endif", "else", "elif", "now"].includes(e.toLowerCase()), y = (e) => ["if", "endif"].includes(e.toLowerCase()), R = (e, s) => {
     const n = e.match(/({%(.*?)%})/g);
     let r = !0;
-    return n !== null && !p && n.forEach((a) => {
-      const i = a.slice(2, -2).trim().match(/(".*?"|[^"\s]+)(?=\s*|\s*$)/g);
+    return n !== null && !p && n.forEach((c) => {
+      const i = c.slice(2, -2).trim().match(/(".*?"|[^"\s]+)(?=\s*|\s*$)/g);
       if (i && i.length > 0) {
-        const [l] = i;
-        g(l) && !s.includes(l) && (t({
-          type: c.Warning,
+        const [a] = i;
+        g(a) && !s.includes(a) && (t({
+          type: l.Warning,
           message: o("custom-fields.invalid-custom-fields")
         }), r = !1);
       }
     }), r;
-  }, w = async (e, s, n) => {
+  }, _ = async (e, s, n) => {
     const r = n ? await h(e) : !0;
-    return T(e, s) && r;
-  }, R = (e) => e.length > 0 ? !0 : (t({
-    type: c.Warning,
+    return R(e, s) && r;
+  }, N = (e) => e.length > 0 ? !0 : (t({
+    type: l.Warning,
     message: o("newsletter.html-content-is-empty")
-  }), !1), _ = (e) => {
+  }), !1), x = (e) => {
     const s = (e.match(/{/gm) || []).length, n = (e.match(/}/gm) || []).length;
     return s > n && t({
-      type: c.Warning,
+      type: l.Warning,
       message: o("custom-fields.missing-closing-braces")
     }), s < n && t({
-      type: c.Warning,
+      type: l.Warning,
       message: o("custom-fields.missing-opening-braces")
     }), s === n;
-  }, N = (e) => {
+  }, k = (e) => {
     const s = fe(e).length === 0;
     return s || t({
-      type: c.Warning,
+      type: l.Warning,
       message: o("custom-fields.invalid-custom-fields")
     }), s;
-  }, x = (e, s, n, r) => {
+  }, O = (e, s, n, r) => {
     if (p)
       return !0;
-    const a = de(
+    const c = de(
       e,
       s,
       ae(e),
       n,
       r
     );
-    if (a.length > 0) {
+    if (c.length > 0) {
       const i = `
                 <ul>
-                    ${a.map((l) => `<li>${l}</li>`).join("")}
+                    ${c.map((a) => `<li>${a}</li>`).join("")}
                 </ul>
             `;
       return t({
-        type: c.Error,
+        type: l.Error,
         message: o("custom-fields.invalid-custom-fields") + i
       }), !1;
     }
     return !0;
-  }, O = (e) => {
+  }, B = (e) => {
     const s = e.match(/{%(.*?)%}/g), n = [];
     let r = !0;
-    if (s && s.forEach((a) => {
-      const i = a.match(P), l = a.match(X), v = (i == null ? void 0 : i.join("")) || "";
-      (!i || a !== v) && !l && (t({
-        type: c.Error,
+    if (s && s.forEach((c) => {
+      const i = c.match(P), a = c.match(X), v = (i == null ? void 0 : i.join("")) || "";
+      (!i || c !== v) && !a && (t({
+        type: l.Error,
         message: o("newsletter.display-conditions-invalid-syntax")
       }), r = !1), i && i.forEach((C) => {
         C.trim() === "=" && (t({
-          type: c.Error,
+          type: l.Error,
           message: o("custom-conditions.wrong-equality-operators")
         }), r = !1);
         const I = C.match(/^[a-zA-Z]*$/g);
-        I && I.forEach((A) => {
-          y(A) && n.push(A);
+        I && I.forEach((w) => {
+          y(w) && n.push(w);
         });
       });
     }), n.length) {
-      const a = n.filter((l) => l === "if"), i = n.filter((l) => l === "endif");
-      a.length !== i.length && (t({
-        type: c.Error,
+      const c = n.filter((a) => a === "if"), i = n.filter((a) => a === "endif");
+      c.length !== i.length && (t({
+        type: l.Error,
         message: o("custom-conditions.missing-if-endif-tag")
       }), r = !1);
     }
     return r;
-  }, k = (e) => {
+  }, D = (e) => {
     const s = (e.match(/{% /gm) || []).length, n = (e.match(/ %}/gm) || []).length, r = s === n;
     return r || t({
-      type: c.Warning,
+      type: l.Warning,
       message: o("custom-conditions.no-space-after-braces")
     }), r;
-  }, B = (e) => (e.match(/({%(.*?)%})/g) || []).filter((n) => n.includes("if")).map((n) => (n.match(/{{.*}}/gm) || []).length).reduce((n, r) => n + r, 0) > 0 ? (t({
-    type: c.Warning,
+  }, F = (e) => (e.match(/({%(.*?)%})/g) || []).filter((n) => n.includes("if")).map((n) => (n.match(/{{.*}}/gm) || []).length).reduce((n, r) => n + r, 0) > 0 ? (t({
+    type: l.Warning,
     message: o("custom-conditions.no-braces-inside-if-tag")
-  }), !1) : !0, D = () => u.hasInvalidBlock() ? (t({
-    type: c.Error,
+  }), !1) : !0, b = () => u.hasInvalidBlock() ? (t({
+    type: l.Error,
     message: o(ee)
-  }), !1) : !0, F = () => d.recommendationConfigs && Object.values(d.recommendationConfigs).find((s) => s.filters.find((n) => n.value === "")) !== void 0 ? (t({
-    type: c.Error,
+  }), !1) : !0, S = () => d.recommendationConfigs && Object.values(d.recommendationConfigs).find((s) => s.filters.find((n) => n.value === "")) !== void 0 ? (t({
+    type: l.Error,
     message: o("newsletter.fill-all-necessary-fields")
   }), !1) : !0, L = (e) => {
     const s = /src="[^"]*\.(svg|pst)"/gm;
     return e.match(s) === null ? !0 : (t({
-      type: c.Error,
+      type: l.Error,
       message: o("newsletter.invalid-image-type")
     }), !1);
   }, V = (e) => {
     const r = new DOMParser().parseFromString(e, "text/html").querySelectorAll(".checkbox-block-v2");
     return Array.from(r).find((i) => {
-      var l;
-      return !((l = i.id) != null && l.trim());
+      var a;
+      return !((a = i.id) != null && a.trim());
     }) ? (t({
-      type: c.Error,
+      type: l.Error,
       message: o("unsubscribe-templates.select-checkbox-groups")
     }), !1) : !0;
   }, M = (e) => {
     const r = new DOMParser().parseFromString(e, "text/html").querySelectorAll(".radio-button-v2");
     return Array.from(r).find((i) => {
-      var l;
-      return !((l = i.id) != null && l.trim());
+      var a;
+      return !((a = i.id) != null && a.trim());
     }) ? (t({
-      type: c.Error,
+      type: l.Error,
       message: o("unsubscribe-templates.select-radio-button-groups")
     }), !1) : !0;
   };
@@ -207,9 +215,9 @@ const xe = () => {
       ...s.map((I) => I.value),
       ...z,
       ...((C = (v = f.value) == null ? void 0 : v.template) == null ? void 0 : C.customFieldAttributes) ?? []
-    ], a = G(e), i = await E(a);
-    return await w(e, r, n) && R(e) && _(e) && N(e) && x(e, r, a, i) && O(e) && k(e) && B(e) && D() && F() && L(e) && V(e) && M(e);
-  } };
+    ], c = G(e), i = await E(c);
+    return await _(e, r, n) && N(e) && x(e) && k(e) && O(e, r, c, i) && B(e) && D(e) && F(e) && b() && S() && L(e) && V(e) && M(e);
+  }, validateRecommendationBlocks: b, validateRecommendationFilters: S };
 };
 export {
   ue as buildPartnerAttributeNameSet,

package/dist/composables/useHttp.js

@@ -1,84 +1,93 @@
-import { getCsrfToken as H } from "../utils/genericUtil.js";
-import { ref as p, computed as T } from "vue";
-const k = (b = {}) => {
-  const h = p(!1), a = p(null), u = p(null), g = T(() => h.value), y = T(() => a.value !== null), v = {
+import { getCsrfToken as S } from "../utils/genericUtil.js";
+import { ref as T, computed as v } from "vue";
+const H = (c) => {
+  const a = c.trim();
+  if (!a.startsWith("{") && !a.startsWith("["))
+    return c;
+  try {
+    return JSON.parse(a);
+  } catch {
+    return c;
+  }
+}, k = (c = {}) => {
+  const a = T(!1), n = T(null), f = T(null), b = v(() => a.value), g = v(() => n.value !== null), y = {
     baseURL: "",
     timeout: 1e4,
     retry: 0,
     retryDelay: 1e3,
     headers: {
       "Content-Type": "application/json",
-      "X-CSRF-TOKEN": H()
+      "X-CSRF-TOKEN": S()
     },
-    ...b
-  }, w = (e, s) => {
-    if (e.startsWith("http://") || e.startsWith("https://"))
-      return e;
-    const t = s || v.baseURL || "";
-    return t.endsWith("/") && e.startsWith("/") ? `${t}${e.slice(1)}` : t.endsWith("/") || e.startsWith("/") ? `${t}${e}` : `${t}/${e}`;
-  }, P = (e) => new Promise((s, t) => {
+    ...c
+  }, w = (t, s) => {
+    if (t.startsWith("http://") || t.startsWith("https://"))
+      return t;
+    const e = s || y.baseURL || "";
+    return e.endsWith("/") && t.startsWith("/") ? `${e}${t.slice(1)}` : e.endsWith("/") || t.startsWith("/") ? `${e}${t}` : `${e}/${t}`;
+  }, P = (t) => new Promise((s, e) => {
     setTimeout(() => {
-      t(new Error("Request timeout"));
-    }, e);
-  }), x = (e) => new Promise((s) => {
-    setTimeout(s, e);
-  }), i = async (e, s, t, D = {}) => {
-    a.value = null, h.value = !0, u.value = new AbortController();
-    const n = { ...v, ...D }, L = w(s, n.baseURL), c = {
-      method: e,
-      headers: { ...n.headers },
-      signal: u.value.signal,
-      ...n
+      e(new Error("Request timeout"));
+    }, t);
+  }), C = (t) => new Promise((s) => {
+    setTimeout(s, t);
+  }), l = async (t, s, e, q = {}) => {
+    n.value = null, a.value = !0, f.value = new AbortController();
+    const i = { ...y, ...q }, D = w(s, i.baseURL), d = {
+      method: t,
+      headers: { ...i.headers },
+      signal: f.value.signal,
+      ...i
     };
-    t && ["POST", "PUT", "PATCH"].includes(e) && (t instanceof FormData ? (delete c.headers["Content-Type"], c.body = t) : c.body = JSON.stringify(t));
-    const E = async (m = 0) => {
+    e && ["POST", "PUT", "PATCH"].includes(t) && (e instanceof FormData ? (delete d.headers["Content-Type"], d.body = e) : d.body = JSON.stringify(e));
+    const E = async (p = 0) => {
       try {
-        const o = [fetch(L, c)];
-        n.timeout && o.push(P(n.timeout));
+        const o = [fetch(D, d)];
+        i.timeout && o.push(P(i.timeout));
         const r = await Promise.race(o);
         if (!r.ok) {
-          const O = `HTTP Error: ${r.status} ${r.statusText}`, d = new Error(O);
-          throw d.status = r.status, d.statusText = r.statusText, d.response = r, d;
+          const L = `HTTP Error: ${r.status} ${r.statusText}`, m = new Error(L);
+          throw m.status = r.status, m.statusText = r.statusText, m.response = r, m;
         }
-        let f;
-        const l = r.headers.get("content-type");
-        return l != null && l.includes("application/json") ? f = await r.json() : l != null && l.includes("text/") ? f = await r.text() : f = await r.blob(), {
-          data: f,
+        let h;
+        const u = r.headers.get("content-type");
+        return u != null && u.includes("application/json") ? h = await r.json() : u != null && u.includes("text/") ? h = H(await r.text()) : h = await r.blob(), {
+          data: h,
           status: r.status,
           statusText: r.statusText,
           headers: r.headers
         };
       } catch (o) {
         const r = o instanceof Error && o.name === "AbortError";
-        if (m < (n.retry || 0) && !r)
-          return await x(n.retryDelay || 1e3), E(m + 1);
-        throw o instanceof Error ? o.name === "AbortError" ? a.value = { message: "Request was cancelled" } : a.value = { message: o.message } : a.value = o, o;
+        if (p < (i.retry || 0) && !r)
+          return await C(i.retryDelay || 1e3), E(p + 1);
+        throw o instanceof Error ? o.name === "AbortError" ? n.value = { message: "Request was cancelled" } : n.value = { message: o.message } : n.value = o, o;
       }
     };
     try {
       return await E();
     } finally {
-      h.value = !1, u.value = null;
+      a.value = !1, f.value = null;
     }
-  }, C = (e, s) => i("GET", e, void 0, s), $ = (e, s, t) => i("POST", e, s, t), R = (e, s, t) => i("PUT", e, s, t), U = (e, s, t) => i("PATCH", e, s, t), A = (e, s) => i("DELETE", e, void 0, s), W = (e) => {
-    u.value && u.value.abort(e);
-  }, q = () => {
-    a.value = null;
+  }, x = (t, s) => l("GET", t, void 0, s), W = (t, s, e) => l("POST", t, s, e), $ = (t, s, e) => l("PUT", t, s, e), R = (t, s, e) => l("PATCH", t, s, e), U = (t, s) => l("DELETE", t, void 0, s), A = (t) => {
+    f.value && f.value.abort(t);
+  }, O = () => {
+    n.value = null;
   };
   return {
     // State
-    loading: g,
-    error: T(() => a.value),
-    hasError: y,
+    loading: b,
+    error: v(() => n.value),
+    hasError: g,
     // Methods
-    request: i,
-    get: C,
-    post: $,
-    put: R,
-    patch: U,
-    delete: A,
-    cancel: W,
-    clearError: q
+    request: l,
+    get: x,
+    post: W,
+    put: $,
+    patch: R,
+    delete: U,
+    cancel: A,
+    clearError: O
   };
 };
 export {