@inploi/plugin-job-alerts 0.3.1 → 1.0.0

package/dist/plugin-job-alerts.js

@@ -1,4 +1,4 @@
-import { createPlugin } from "@inploi/sdk";
+import { endpoint, typed, createPlugin } from "@inploi/sdk";
 function invariant(condition, message) {
   if (condition) {
     return;
@@ -1814,9 +1814,9 @@ function $d3863c46a17e8a28$var$createFocusScopesStack() {
     }
   };
 }
-function $d3863c46a17e8a28$var$arrayRemove(array, item) {
+function $d3863c46a17e8a28$var$arrayRemove(array2, item) {
   const updatedArray = [
-    ...array
+    ...array2
   ];
   const index2 = updatedArray.indexOf(item);
   if (index2 !== -1)
@@ -4117,21 +4117,25 @@ var applyAttributeToOthers = function(originalTarget, parentNode, markerName, co
       if (elementsToKeep.has(node)) {
         deep(node);
       } else {
-        var attr = node.getAttribute(controlAttribute);
-        var alreadyHidden = attr !== null && attr !== "false";
-        var counterValue = (counterMap.get(node) || 0) + 1;
-        var markerValue = (markerCounter.get(node) || 0) + 1;
-        counterMap.set(node, counterValue);
-        markerCounter.set(node, markerValue);
-        hiddenNodes.push(node);
-        if (counterValue === 1 && alreadyHidden) {
-          uncontrolledNodes.set(node, true);
-        }
-        if (markerValue === 1) {
-          node.setAttribute(markerName, "true");
-        }
-        if (!alreadyHidden) {
-          node.setAttribute(controlAttribute, "true");
+        try {
+          var attr = node.getAttribute(controlAttribute);
+          var alreadyHidden = attr !== null && attr !== "false";
+          var counterValue = (counterMap.get(node) || 0) + 1;
+          var markerValue = (markerCounter.get(node) || 0) + 1;
+          counterMap.set(node, counterValue);
+          markerCounter.set(node, markerValue);
+          hiddenNodes.push(node);
+          if (counterValue === 1 && alreadyHidden) {
+            uncontrolledNodes.set(node, true);
+          }
+          if (markerValue === 1) {
+            node.setAttribute(markerName, "true");
+          }
+          if (!alreadyHidden) {
+            node.setAttribute(controlAttribute, "true");
+          }
+        } catch (e2) {
+          console.error("aria-hidden: cannot operate on ", node, e2);
         }
       }
     });
@@ -4175,7 +4179,7 @@ var hideOthers = function(originalTarget, parentNode, markerName) {
       return null;
     };
   }
-  targets.push.apply(targets, Array.from(activeParentNode.querySelectorAll("[aria-live]")));
+  targets.push.apply(targets, Array.from(activeParentNode.querySelectorAll("[aria-live], script")));
   return applyAttributeToOthers(targets, activeParentNode, markerName, "aria-hidden");
 };
 var __assign = function() {
@@ -4254,12 +4258,34 @@ function useCallbackRef(initialValue, callback) {
   ref.callback = callback;
   return ref.facade;
 }
+var useIsomorphicLayoutEffect = typeof window !== "undefined" ? y$1 : p$2;
+var currentValues = /* @__PURE__ */ new WeakMap();
 function useMergeRefs(refs, defaultValue) {
-  return useCallbackRef(defaultValue || null, function(newValue) {
+  var callbackRef = useCallbackRef(defaultValue || null, function(newValue) {
     return refs.forEach(function(ref) {
       return assignRef(ref, newValue);
     });
   });
+  useIsomorphicLayoutEffect(function() {
+    var oldValue = currentValues.get(callbackRef);
+    if (oldValue) {
+      var prevRefs_1 = new Set(oldValue);
+      var nextRefs_1 = new Set(refs);
+      var current_1 = callbackRef.current;
+      prevRefs_1.forEach(function(ref) {
+        if (!nextRefs_1.has(ref)) {
+          assignRef(ref, null);
+        }
+      });
+      nextRefs_1.forEach(function(ref) {
+        if (!prevRefs_1.has(ref)) {
+          assignRef(ref, current_1);
+        }
+      });
+    }
+    currentValues.set(callbackRef, refs);
+  }, [refs]);
+  return callbackRef;
 }
 function ItoI(a2) {
   return a2;
@@ -4500,19 +4526,38 @@ var getGapWidth = function(gapMode) {
   };
 };
 var Style = styleSingleton();
+var lockAttribute = "data-scroll-locked";
 var getStyles = function(_a, allowRelative, gapMode, important) {
   var left = _a.left, top = _a.top, right = _a.right, gap = _a.gap;
   if (gapMode === void 0) {
     gapMode = "margin";
   }
-  return "\n  .".concat(noScrollbarsClassName, " {\n   overflow: hidden ").concat(important, ";\n   padding-right: ").concat(gap, "px ").concat(important, ";\n  }\n  body {\n    overflow: hidden ").concat(important, ";\n    overscroll-behavior: contain;\n    ").concat([
+  return "\n  .".concat(noScrollbarsClassName, " {\n   overflow: hidden ").concat(important, ";\n   padding-right: ").concat(gap, "px ").concat(important, ";\n  }\n  body[").concat(lockAttribute, "] {\n    overflow: hidden ").concat(important, ";\n    overscroll-behavior: contain;\n    ").concat([
     allowRelative && "position: relative ".concat(important, ";"),
     gapMode === "margin" && "\n    padding-left: ".concat(left, "px;\n    padding-top: ").concat(top, "px;\n    padding-right: ").concat(right, "px;\n    margin-left:0;\n    margin-top:0;\n    margin-right: ").concat(gap, "px ").concat(important, ";\n    "),
     gapMode === "padding" && "padding-right: ".concat(gap, "px ").concat(important, ";")
-  ].filter(Boolean).join(""), "\n  }\n  \n  .").concat(zeroRightClassName, " {\n    right: ").concat(gap, "px ").concat(important, ";\n  }\n  \n  .").concat(fullWidthClassName, " {\n    margin-right: ").concat(gap, "px ").concat(important, ";\n  }\n  \n  .").concat(zeroRightClassName, " .").concat(zeroRightClassName, " {\n    right: 0 ").concat(important, ";\n  }\n  \n  .").concat(fullWidthClassName, " .").concat(fullWidthClassName, " {\n    margin-right: 0 ").concat(important, ";\n  }\n  \n  body {\n    ").concat(removedBarSizeVariable, ": ").concat(gap, "px;\n  }\n");
+  ].filter(Boolean).join(""), "\n  }\n  \n  .").concat(zeroRightClassName, " {\n    right: ").concat(gap, "px ").concat(important, ";\n  }\n  \n  .").concat(fullWidthClassName, " {\n    margin-right: ").concat(gap, "px ").concat(important, ";\n  }\n  \n  .").concat(zeroRightClassName, " .").concat(zeroRightClassName, " {\n    right: 0 ").concat(important, ";\n  }\n  \n  .").concat(fullWidthClassName, " .").concat(fullWidthClassName, " {\n    margin-right: 0 ").concat(important, ";\n  }\n  \n  body[").concat(lockAttribute, "] {\n    ").concat(removedBarSizeVariable, ": ").concat(gap, "px;\n  }\n");
 };
-var RemoveScrollBar = function(props) {
-  var noRelative = props.noRelative, noImportant = props.noImportant, _a = props.gapMode, gapMode = _a === void 0 ? "margin" : _a;
+var getCurrentUseCounter = function() {
+  var counter = parseInt(document.body.getAttribute(lockAttribute) || "0", 10);
+  return isFinite(counter) ? counter : 0;
+};
+var useLockAttribute = function() {
+  p$2(function() {
+    document.body.setAttribute(lockAttribute, (getCurrentUseCounter() + 1).toString());
+    return function() {
+      var newCounter = getCurrentUseCounter() - 1;
+      if (newCounter <= 0) {
+        document.body.removeAttribute(lockAttribute);
+      } else {
+        document.body.setAttribute(lockAttribute, newCounter.toString());
+      }
+    };
+  }, []);
+};
+var RemoveScrollBar = function(_a) {
+  var noRelative = _a.noRelative, noImportant = _a.noImportant, _b = _a.gapMode, gapMode = _b === void 0 ? "margin" : _b;
+  useLockAttribute();
   var gap = F$1(function() {
     return getGapWidth(gapMode);
   }, [gapMode]);
@@ -5014,6 +5059,80 @@ function clsx() {
     (e2 = arguments[f2]) && (t2 = r$1(e2)) && (n2 && (n2 += " "), n2 += t2);
   return n2;
 }
+const JOB_ALERTS_ELEMENT_ID = "inploi-job-alerts";
+const JOB_ALERTS_SCOPE_ELEMENT_ID = "ija";
+const FREQUENCIES = ["INSTANTLY", "DAILY", "WEEKLY", "MONTHLY"];
+var FALLBACK_PLURAL_ORDER = ["other", "few", "many", "two", "one", "zero"];
+var createTranslateFunction = ({
+  terms,
+  overrides,
+  locale
+}) => {
+  const cardinalRules = new Intl.PluralRules(locale);
+  function t2(key, options) {
+    const term = (overrides == null ? void 0 : overrides[key]) ?? terms[key];
+    switch (typeof term) {
+      case "string":
+        return term.replace(/{{(\w+)}}/g, (_2, param) => {
+          var _a;
+          return ((_a = options == null ? void 0 : options[param]) == null ? void 0 : _a.toString()) ?? "";
+        });
+      case "object": {
+        if (typeof (options == null ? void 0 : options.count) !== "number")
+          throw new Error(`Missing count for translation key “${key.toString()}”`);
+        let pluralRule = cardinalRules.select(options.count);
+        if (pluralRule in term === false) {
+          const fallbackRule = FALLBACK_PLURAL_ORDER.find((rule) => rule in term);
+          if (!fallbackRule)
+            throw new Error(`Missing plural rule for translation key “${key.toString()}”`);
+          pluralRule = fallbackRule;
+        }
+        return term[pluralRule].replace(/{{(\w+)}}/g, (_2, param) => {
+          var _a;
+          return ((_a = options == null ? void 0 : options[param]) == null ? void 0 : _a.toString()) ?? "";
+        });
+      }
+      default:
+        throw new Error(`Invalid translation value in dictionary for key “${key.toString()}”.`);
+    }
+  }
+  return t2;
+};
+var TranslationContext = G$1(null);
+var createTranslation = (defaultTerms) => {
+  return {
+    TranslationProvider: ({ terms, children, locale }) => {
+      const t2 = F$1(() => {
+        return createTranslateFunction({ locale, terms: defaultTerms, overrides: terms });
+      }, [terms, locale]);
+      return /* @__PURE__ */ o$2(TranslationContext.Provider, { value: { t: t2, locale }, children });
+    },
+    useTranslation: () => {
+      const context = q$1(TranslationContext);
+      if (context === null)
+        throw new Error("Please wrap useTranslation in a TranslationProvider");
+      return { t: context.t, locale: context.locale };
+    },
+    createTFunction: ({
+      overrides,
+      locale
+    }) => createTranslateFunction({ terms: defaultTerms, overrides, locale })
+  };
+};
+const { TranslationProvider, useTranslation, createTFunction } = createTranslation({
+  INSTANTLY: "Instantly",
+  DAILY: "Daily",
+  WEEKLY: "Weekly",
+  MONTHLY: "Monthly",
+  email: "Email",
+  email_placeholder: "jane.doe@example.com",
+  name: "Name",
+  name_placeholder: "Jane Doe",
+  save: "Save",
+  save_alert: "Save Alert",
+  frequency: "Frequency",
+  create_alert: "Create Alert"
+});
 function i() {
   throw new Error("Cycle detected");
 }
@@ -5560,12 +5679,566 @@ function useSignal(n2) {
     return a(n2);
   }, []);
 }
-const store = {
+const store$1 = {
   config$: a({ headerText: "", label: "" }),
   filters$: a({})
 };
-const JOB_ALERTS_ELEMENT_ID = "inploi-job-alerts";
-const JOB_ALERTS_SCOPE_ELEMENT_ID = "ija";
+var store;
+// @__NO_SIDE_EFFECTS__
+function getGlobalConfig(config2) {
+  return {
+    lang: (config2 == null ? void 0 : config2.lang) ?? (store == null ? void 0 : store.lang),
+    message: config2 == null ? void 0 : config2.message,
+    abortEarly: (config2 == null ? void 0 : config2.abortEarly) ?? (store == null ? void 0 : store.abortEarly),
+    abortPipeEarly: (config2 == null ? void 0 : config2.abortPipeEarly) ?? (store == null ? void 0 : store.abortPipeEarly)
+  };
+}
+var store2;
+// @__NO_SIDE_EFFECTS__
+function getGlobalMessage(lang) {
+  return store2 == null ? void 0 : store2.get(lang);
+}
+var store3;
+// @__NO_SIDE_EFFECTS__
+function getSchemaMessage(lang) {
+  return store3 == null ? void 0 : store3.get(lang);
+}
+var store4;
+// @__NO_SIDE_EFFECTS__
+function getSpecificMessage(reference, lang) {
+  var _a;
+  return (_a = store4 == null ? void 0 : store4.get(reference)) == null ? void 0 : _a.get(lang);
+}
+// @__NO_SIDE_EFFECTS__
+function _stringify(input) {
+  var _a, _b;
+  const type = typeof input;
+  if (type === "string") {
+    return `"${input}"`;
+  }
+  if (type === "number" || type === "bigint" || type === "boolean") {
+    return `${input}`;
+  }
+  if (type === "object" || type === "function") {
+    return (input && ((_b = (_a = Object.getPrototypeOf(input)) == null ? void 0 : _a.constructor) == null ? void 0 : _b.name)) ?? "null";
+  }
+  return type;
+}
+function _addIssue(context, label, dataset, config2, other) {
+  const input = other && "input" in other ? other.input : dataset.value;
+  const expected = (other == null ? void 0 : other.expected) ?? context.expects ?? null;
+  const received = (other == null ? void 0 : other.received) ?? /* @__PURE__ */ _stringify(input);
+  const issue = {
+    kind: context.kind,
+    type: context.type,
+    input,
+    expected,
+    received,
+    message: `Invalid ${label}: ${expected ? `Expected ${expected} but r` : "R"}eceived ${received}`,
+    requirement: context.requirement,
+    path: other == null ? void 0 : other.path,
+    issues: other == null ? void 0 : other.issues,
+    lang: config2.lang,
+    abortEarly: config2.abortEarly,
+    abortPipeEarly: config2.abortPipeEarly
+  };
+  const isSchema = context.kind === "schema";
+  const message2 = (other == null ? void 0 : other.message) ?? context.message ?? /* @__PURE__ */ getSpecificMessage(context.reference, issue.lang) ?? (isSchema ? /* @__PURE__ */ getSchemaMessage(issue.lang) : null) ?? config2.message ?? /* @__PURE__ */ getGlobalMessage(issue.lang);
+  if (message2 !== void 0) {
+    issue.message = typeof message2 === "function" ? (
+      // @ts-expect-error
+      message2(issue)
+    ) : message2;
+  }
+  if (isSchema) {
+    dataset.typed = false;
+  }
+  if (dataset.issues) {
+    dataset.issues.push(issue);
+  } else {
+    dataset.issues = [issue];
+  }
+}
+// @__NO_SIDE_EFFECTS__
+function _getStandardProps(context) {
+  return {
+    version: 1,
+    vendor: "valibot",
+    validate(value2) {
+      return context["~run"]({ value: value2 }, /* @__PURE__ */ getGlobalConfig());
+    }
+  };
+}
+// @__NO_SIDE_EFFECTS__
+function _isValidObjectKey(object2, key) {
+  return Object.hasOwn(object2, key) && key !== "__proto__" && key !== "prototype" && key !== "constructor";
+}
+// @__NO_SIDE_EFFECTS__
+function _joinExpects(values2, separator) {
+  const list = [...new Set(values2)];
+  if (list.length > 1) {
+    return `(${list.join(` ${separator} `)})`;
+  }
+  return list[0] ?? "never";
+}
+var EMAIL_REGEX = /^[\w+-]+(?:\.[\w+-]+)*@[\da-z]+(?:[.-][\da-z]+)*\.[a-z]{2,}$/iu;
+// @__NO_SIDE_EFFECTS__
+function email(message2) {
+  return {
+    kind: "validation",
+    type: "email",
+    reference: email,
+    expects: null,
+    async: false,
+    requirement: EMAIL_REGEX,
+    message: message2,
+    "~run"(dataset, config2) {
+      if (dataset.typed && !this.requirement.test(dataset.value)) {
+        _addIssue(this, "email", dataset, config2);
+      }
+      return dataset;
+    }
+  };
+}
+// @__NO_SIDE_EFFECTS__
+function getFallback(schema, dataset, config2) {
+  return typeof schema.fallback === "function" ? (
+    // @ts-expect-error
+    schema.fallback(dataset, config2)
+  ) : (
+    // @ts-expect-error
+    schema.fallback
+  );
+}
+// @__NO_SIDE_EFFECTS__
+function getDefault(schema, dataset, config2) {
+  return typeof schema.default === "function" ? (
+    // @ts-expect-error
+    schema.default(dataset, config2)
+  ) : (
+    // @ts-expect-error
+    schema.default
+  );
+}
+// @__NO_SIDE_EFFECTS__
+function array(item, message2) {
+  return {
+    kind: "schema",
+    type: "array",
+    reference: array,
+    expects: "Array",
+    async: false,
+    item,
+    message: message2,
+    get "~standard"() {
+      return /* @__PURE__ */ _getStandardProps(this);
+    },
+    "~run"(dataset, config2) {
+      var _a;
+      const input = dataset.value;
+      if (Array.isArray(input)) {
+        dataset.typed = true;
+        dataset.value = [];
+        for (let key = 0; key < input.length; key++) {
+          const value2 = input[key];
+          const itemDataset = this.item["~run"]({ value: value2 }, config2);
+          if (itemDataset.issues) {
+            const pathItem = {
+              type: "array",
+              origin: "value",
+              input,
+              key,
+              value: value2
+            };
+            for (const issue of itemDataset.issues) {
+              if (issue.path) {
+                issue.path.unshift(pathItem);
+              } else {
+                issue.path = [pathItem];
+              }
+              (_a = dataset.issues) == null ? void 0 : _a.push(issue);
+            }
+            if (!dataset.issues) {
+              dataset.issues = itemDataset.issues;
+            }
+            if (config2.abortEarly) {
+              dataset.typed = false;
+              break;
+            }
+          }
+          if (!itemDataset.typed) {
+            dataset.typed = false;
+          }
+          dataset.value.push(itemDataset.value);
+        }
+      } else {
+        _addIssue(this, "type", dataset, config2);
+      }
+      return dataset;
+    }
+  };
+}
+// @__NO_SIDE_EFFECTS__
+function object(entries2, message2) {
+  return {
+    kind: "schema",
+    type: "object",
+    reference: object,
+    expects: "Object",
+    async: false,
+    entries: entries2,
+    message: message2,
+    get "~standard"() {
+      return /* @__PURE__ */ _getStandardProps(this);
+    },
+    "~run"(dataset, config2) {
+      var _a;
+      const input = dataset.value;
+      if (input && typeof input === "object") {
+        dataset.typed = true;
+        dataset.value = {};
+        for (const key in this.entries) {
+          const valueSchema = this.entries[key];
+          if (key in input || (valueSchema.type === "exact_optional" || valueSchema.type === "optional" || valueSchema.type === "nullish") && // @ts-expect-error
+          valueSchema.default !== void 0) {
+            const value2 = key in input ? (
+              // @ts-expect-error
+              input[key]
+            ) : /* @__PURE__ */ getDefault(valueSchema);
+            const valueDataset = valueSchema["~run"]({ value: value2 }, config2);
+            if (valueDataset.issues) {
+              const pathItem = {
+                type: "object",
+                origin: "value",
+                input,
+                key,
+                value: value2
+              };
+              for (const issue of valueDataset.issues) {
+                if (issue.path) {
+                  issue.path.unshift(pathItem);
+                } else {
+                  issue.path = [pathItem];
+                }
+                (_a = dataset.issues) == null ? void 0 : _a.push(issue);
+              }
+              if (!dataset.issues) {
+                dataset.issues = valueDataset.issues;
+              }
+              if (config2.abortEarly) {
+                dataset.typed = false;
+                break;
+              }
+            }
+            if (!valueDataset.typed) {
+              dataset.typed = false;
+            }
+            dataset.value[key] = valueDataset.value;
+          } else if (valueSchema.fallback !== void 0) {
+            dataset.value[key] = /* @__PURE__ */ getFallback(valueSchema);
+          } else if (valueSchema.type !== "exact_optional" && valueSchema.type !== "optional" && valueSchema.type !== "nullish") {
+            _addIssue(this, "key", dataset, config2, {
+              input: void 0,
+              expected: `"${key}"`,
+              path: [
+                {
+                  type: "object",
+                  origin: "key",
+                  input,
+                  key,
+                  // @ts-expect-error
+                  value: input[key]
+                }
+              ]
+            });
+            if (config2.abortEarly) {
+              break;
+            }
+          }
+        }
+      } else {
+        _addIssue(this, "type", dataset, config2);
+      }
+      return dataset;
+    }
+  };
+}
+// @__NO_SIDE_EFFECTS__
+function optional(wrapped, default_) {
+  return {
+    kind: "schema",
+    type: "optional",
+    reference: optional,
+    expects: `(${wrapped.expects} | undefined)`,
+    async: false,
+    wrapped,
+    default: default_,
+    get "~standard"() {
+      return /* @__PURE__ */ _getStandardProps(this);
+    },
+    "~run"(dataset, config2) {
+      if (dataset.value === void 0) {
+        if (this.default !== void 0) {
+          dataset.value = /* @__PURE__ */ getDefault(this, dataset, config2);
+        }
+        if (dataset.value === void 0) {
+          dataset.typed = true;
+          return dataset;
+        }
+      }
+      return this.wrapped["~run"](dataset, config2);
+    }
+  };
+}
+// @__NO_SIDE_EFFECTS__
+function picklist(options, message2) {
+  return {
+    kind: "schema",
+    type: "picklist",
+    reference: picklist,
+    expects: /* @__PURE__ */ _joinExpects(options.map(_stringify), "|"),
+    async: false,
+    options,
+    message: message2,
+    get "~standard"() {
+      return /* @__PURE__ */ _getStandardProps(this);
+    },
+    "~run"(dataset, config2) {
+      if (this.options.includes(dataset.value)) {
+        dataset.typed = true;
+      } else {
+        _addIssue(this, "type", dataset, config2);
+      }
+      return dataset;
+    }
+  };
+}
+// @__NO_SIDE_EFFECTS__
+function record(key, value2, message2) {
+  return {
+    kind: "schema",
+    type: "record",
+    reference: record,
+    expects: "Object",
+    async: false,
+    key,
+    value: value2,
+    message: message2,
+    get "~standard"() {
+      return /* @__PURE__ */ _getStandardProps(this);
+    },
+    "~run"(dataset, config2) {
+      var _a, _b;
+      const input = dataset.value;
+      if (input && typeof input === "object") {
+        dataset.typed = true;
+        dataset.value = {};
+        for (const entryKey in input) {
+          if (/* @__PURE__ */ _isValidObjectKey(input, entryKey)) {
+            const entryValue = input[entryKey];
+            const keyDataset = this.key["~run"]({ value: entryKey }, config2);
+            if (keyDataset.issues) {
+              const pathItem = {
+                type: "object",
+                origin: "key",
+                input,
+                key: entryKey,
+                value: entryValue
+              };
+              for (const issue of keyDataset.issues) {
+                issue.path = [pathItem];
+                (_a = dataset.issues) == null ? void 0 : _a.push(issue);
+              }
+              if (!dataset.issues) {
+                dataset.issues = keyDataset.issues;
+              }
+              if (config2.abortEarly) {
+                dataset.typed = false;
+                break;
+              }
+            }
+            const valueDataset = this.value["~run"](
+              { value: entryValue },
+              config2
+            );
+            if (valueDataset.issues) {
+              const pathItem = {
+                type: "object",
+                origin: "value",
+                input,
+                key: entryKey,
+                value: entryValue
+              };
+              for (const issue of valueDataset.issues) {
+                if (issue.path) {
+                  issue.path.unshift(pathItem);
+                } else {
+                  issue.path = [pathItem];
+                }
+                (_b = dataset.issues) == null ? void 0 : _b.push(issue);
+              }
+              if (!dataset.issues) {
+                dataset.issues = valueDataset.issues;
+              }
+              if (config2.abortEarly) {
+                dataset.typed = false;
+                break;
+              }
+            }
+            if (!keyDataset.typed || !valueDataset.typed) {
+              dataset.typed = false;
+            }
+            if (keyDataset.typed) {
+              dataset.value[keyDataset.value] = valueDataset.value;
+            }
+          }
+        }
+      } else {
+        _addIssue(this, "type", dataset, config2);
+      }
+      return dataset;
+    }
+  };
+}
+// @__NO_SIDE_EFFECTS__
+function string(message2) {
+  return {
+    kind: "schema",
+    type: "string",
+    reference: string,
+    expects: "string",
+    async: false,
+    message: message2,
+    get "~standard"() {
+      return /* @__PURE__ */ _getStandardProps(this);
+    },
+    "~run"(dataset, config2) {
+      if (typeof dataset.value === "string") {
+        dataset.typed = true;
+      } else {
+        _addIssue(this, "type", dataset, config2);
+      }
+      return dataset;
+    }
+  };
+}
+// @__NO_SIDE_EFFECTS__
+function _subIssues(datasets) {
+  let issues;
+  if (datasets) {
+    for (const dataset of datasets) {
+      if (issues) {
+        issues.push(...dataset.issues);
+      } else {
+        issues = dataset.issues;
+      }
+    }
+  }
+  return issues;
+}
+// @__NO_SIDE_EFFECTS__
+function union(options, message2) {
+  return {
+    kind: "schema",
+    type: "union",
+    reference: union,
+    expects: /* @__PURE__ */ _joinExpects(
+      options.map((option) => option.expects),
+      "|"
+    ),
+    async: false,
+    options,
+    message: message2,
+    get "~standard"() {
+      return /* @__PURE__ */ _getStandardProps(this);
+    },
+    "~run"(dataset, config2) {
+      let validDataset;
+      let typedDatasets;
+      let untypedDatasets;
+      for (const schema of this.options) {
+        const optionDataset = schema["~run"]({ value: dataset.value }, config2);
+        if (optionDataset.typed) {
+          if (optionDataset.issues) {
+            if (typedDatasets) {
+              typedDatasets.push(optionDataset);
+            } else {
+              typedDatasets = [optionDataset];
+            }
+          } else {
+            validDataset = optionDataset;
+            break;
+          }
+        } else {
+          if (untypedDatasets) {
+            untypedDatasets.push(optionDataset);
+          } else {
+            untypedDatasets = [optionDataset];
+          }
+        }
+      }
+      if (validDataset) {
+        return validDataset;
+      }
+      if (typedDatasets) {
+        if (typedDatasets.length === 1) {
+          return typedDatasets[0];
+        }
+        _addIssue(this, "type", dataset, config2, {
+          issues: /* @__PURE__ */ _subIssues(typedDatasets)
+        });
+        dataset.typed = true;
+      } else if ((untypedDatasets == null ? void 0 : untypedDatasets.length) === 1) {
+        return untypedDatasets[0];
+      } else {
+        _addIssue(this, "type", dataset, config2, {
+          issues: /* @__PURE__ */ _subIssues(untypedDatasets)
+        });
+      }
+      return dataset;
+    }
+  };
+}
+// @__NO_SIDE_EFFECTS__
+function pipe(...pipe2) {
+  return {
+    ...pipe2[0],
+    pipe: pipe2,
+    get "~standard"() {
+      return /* @__PURE__ */ _getStandardProps(this);
+    },
+    "~run"(dataset, config2) {
+      for (const item of pipe2) {
+        if (item.kind !== "metadata") {
+          if (dataset.issues && (item.kind === "schema" || item.kind === "transformation")) {
+            dataset.typed = false;
+            break;
+          }
+          if (!dataset.issues || !config2.abortEarly && !config2.abortPipeEarly) {
+            dataset = item["~run"](dataset, config2);
+          }
+        }
+      }
+      return dataset;
+    }
+  };
+}
+const saveSearchEndpoint = endpoint({
+  pathname: "/search/save",
+  method: "POST",
+  schema: {
+    response: typed(),
+    body: /* @__PURE__ */ object({
+      contact: /* @__PURE__ */ object({
+        email: /* @__PURE__ */ pipe(/* @__PURE__ */ optional(/* @__PURE__ */ string()), /* @__PURE__ */ string(), /* @__PURE__ */ email()),
+        first_name: /* @__PURE__ */ optional(/* @__PURE__ */ string()),
+        last_name: /* @__PURE__ */ optional(/* @__PURE__ */ string())
+      }),
+      alerts: /* @__PURE__ */ pipe(/* @__PURE__ */ optional(/* @__PURE__ */ string()), /* @__PURE__ */ string(), /* @__PURE__ */ picklist(FREQUENCIES)),
+      filters: /* @__PURE__ */ record(/* @__PURE__ */ string(), /* @__PURE__ */ union([/* @__PURE__ */ string(), /* @__PURE__ */ array(/* @__PURE__ */ string())]))
+    })
+  }
+});
 var COLOR_SHADES = ["1", "2", "3", "4", "5", "6", "7", "8", "9", "10", "11", "12"];
 var OKLCH_PRESETS = {
   light: {
@@ -5776,17 +6449,18 @@ const JobAlertsButton = k(
       children: [
         /* @__PURE__ */ o$2(Icon, { class: "flex-none", name: "bell" }),
         " ",
-        /* @__PURE__ */ o$2("span", { class: "min-w-0 truncate text-center", children: store.config$.value.label })
+        /* @__PURE__ */ o$2("span", { class: "min-w-0 truncate text-center", children: store$1.config$.value.label })
       ]
     }
   )
 );
-const PopoverHeader = () => /* @__PURE__ */ o$2("p", { class: "text-neutral-11 px-2 pb-4 pt-1 text-sm", children: store.config$.value.headerText });
+const PopoverHeader = () => /* @__PURE__ */ o$2("p", { class: "text-neutral-11 px-2 pb-4 pt-1 text-sm", children: store$1.config$.value.headerText });
 function noop() {
 }
-const JobAlerts = ({ theme, apiClient, logger }) => {
+const JobAlerts = ({ theme, rpcClient, logger }) => {
   const [formState, setFormState] = h("idle");
   const [error, setError] = h();
+  const { t: t2 } = useTranslation();
   return /* @__PURE__ */ o$2("div", { id: "ija", children: /* @__PURE__ */ o$2("div", { class: getThemeVariants(theme).join(" "), children: /* @__PURE__ */ o$2($cb5cc270b50c6fcd$export$be92b6f5f03c0fe9, { children: [
     /* @__PURE__ */ o$2($cb5cc270b50c6fcd$export$41fb9f06171c75f4, { asChild: true, children: /* @__PURE__ */ o$2(JobAlertsButton, {}) }),
     /* @__PURE__ */ o$2($cb5cc270b50c6fcd$export$602eac185826482c, { children: /* @__PURE__ */ o$2("div", { id: "ija", children: /* @__PURE__ */ o$2("div", { class: clsx("absolute isolate z-50", getThemeVariants(theme).join(" ")), children: /* @__PURE__ */ o$2(
@@ -5813,17 +6487,16 @@ const JobAlerts = ({ theme, apiClient, logger }) => {
                 await Promise.all([
                   // waits for at least 1 second
                   new Promise((resolve) => setTimeout(resolve, 1e3)),
-                  apiClient.fetch("/search/save", {
-                    method: "POST",
-                    body: JSON.stringify({
+                  rpcClient.request(saveSearchEndpoint, {
+                    body: {
                       contact: {
                         email: (_b = formData.get("email")) == null ? void 0 : _b.toString(),
                         first_name: firstName,
                         last_name: lastName
                       },
                       alerts: (_c = formData.get("frequency")) == null ? void 0 : _c.toString(),
-                      filters: store.filters$.peek()
-                    })
+                      filters: store$1.filters$.peek()
+                    }
                   })
                 ]).then(async () => {
                   setFormState("success");
@@ -5839,7 +6512,7 @@ const JobAlerts = ({ theme, apiClient, logger }) => {
               children: [
                 /* @__PURE__ */ o$2("div", { children: [
                   /* @__PURE__ */ o$2("fieldset", { class: "fieldset relative focus-within:z-10", children: [
-                    /* @__PURE__ */ o$2("label", { class: "sr-only", htmlFor: "ija-email", children: "Email" }),
+                    /* @__PURE__ */ o$2("label", { class: "sr-only", htmlFor: "ija-email", children: t2("email") }),
                     /* @__PURE__ */ o$2(
                       "input",
                       {
@@ -5848,14 +6521,14 @@ const JobAlerts = ({ theme, apiClient, logger }) => {
                         class: inputClass,
                         disabled: formState === "loading",
                         id: "ija-email",
-                        placeholder: "Email",
+                        placeholder: t2("email_placeholder"),
                         type: "email",
                         required: true
                       }
                     )
                   ] }),
                   /* @__PURE__ */ o$2("fieldset", { class: "fieldset relative focus-within:z-10", children: [
-                    /* @__PURE__ */ o$2("label", { class: "sr-only", htmlFor: "ija-name", children: "Name" }),
+                    /* @__PURE__ */ o$2("label", { class: "sr-only", htmlFor: "ija-name", children: t2("name") }),
                     /* @__PURE__ */ o$2(
                       "input",
                       {
@@ -5865,12 +6538,12 @@ const JobAlerts = ({ theme, apiClient, logger }) => {
                         autocomplete: "name",
                         class: inputClass,
                         id: "ija-name",
-                        placeholder: "Full Name"
+                        placeholder: t2("name_placeholder")
                       }
                     )
                   ] }),
                   /* @__PURE__ */ o$2("fieldset", { class: "fieldset relative focus-within:z-10", children: [
-                    /* @__PURE__ */ o$2("label", { class: "sr-only", htmlFor: "ija-frequency", children: "Frequency" }),
+                    /* @__PURE__ */ o$2("label", { class: "sr-only", htmlFor: "ija-frequency", children: t2("frequency") }),
                     /* @__PURE__ */ o$2(
                       "select",
                       {
@@ -5879,12 +6552,7 @@ const JobAlerts = ({ theme, apiClient, logger }) => {
                         id: "ija-frequency",
                         defaultValue: "WEEKLY",
                         name: "frequency",
-                        children: [
-                          /* @__PURE__ */ o$2("option", { value: "INSTANTLY", children: "Instantly" }),
-                          /* @__PURE__ */ o$2("option", { value: "DAILY", children: "Daily" }),
-                          /* @__PURE__ */ o$2("option", { value: "WEEKLY", children: "Weekly" }),
-                          /* @__PURE__ */ o$2("option", { value: "MONTHLY", children: "Monthly" })
-                        ]
+                        children: FREQUENCIES.map((frequency) => /* @__PURE__ */ o$2("option", { value: frequency, children: t2(frequency) }))
                       }
                     ),
                     /* @__PURE__ */ o$2("div", { class: "text-neutral-10 absolute bottom-0 right-0 top-0 flex items-center p-1", "aria-hidden": true, children: /* @__PURE__ */ o$2(Icon, { name: "chevron-up-down" }) })
@@ -5901,7 +6569,7 @@ const JobAlerts = ({ theme, apiClient, logger }) => {
                         {
                           "data-state": formState,
                           class: "ease-expo-out  duration-medium col-span-full row-span-full text-base opacity-0 transition-all data-[state=loading]:-translate-y-full data-[state=success]:translate-y-full data-[state=idle]:opacity-100",
-                          children: "Create Alert"
+                          children: t2("create_alert")
                         }
                       ),
                       /* @__PURE__ */ o$2(
@@ -5961,20 +6629,27 @@ const createJobAlertsDomManager = () => {
   };
 };
 const dom = createJobAlertsDomManager();
-const jobAlertsPlugin = () => createPlugin(({ apiClient, logger, analytics }) => {
+const jobAlertsPlugin = () => createPlugin(({ rpcClient, logger, analytics }) => {
   let prerendered = false;
   const App = ({ params }) => {
-    return y$3(k$3, {}, [
+    return y$3(
+      TranslationProvider,
+      {
+        terms: params.terms,
+        locale: void 0
+      },
       [
-        y$3("style", { id: "inploi-job-alerts-styles" }, tailwind),
-        y$3("style", { id: "inploi-job-search-theme" }, generateColorThemeCss(params.theme))
-      ],
-      y$3(IconSpritesheet, { theme: params.theme }),
-      y$3(JobAlerts, { theme: params.theme, apiClient, logger, analytics })
-    ]);
+        [
+          y$3("style", { id: "inploi-job-alerts-styles" }, tailwind),
+          y$3("style", { id: "inploi-job-search-theme" }, generateColorThemeCss(params.theme))
+        ],
+        y$3(IconSpritesheet, { theme: params.theme }),
+        y$3(JobAlerts, { theme: params.theme, rpcClient, logger, analytics })
+      ]
+    );
   };
-  const setFilters = (newFilters) => store.filters$.value = newFilters;
-  const setConfig = (newConfig) => store.config$.value = typeof newConfig === "function" ? newConfig(store.config$.peek()) : newConfig;
+  const setFilters = (newFilters) => store$1.filters$.value = newFilters;
+  const setConfig = (newConfig) => store$1.config$.value = typeof newConfig === "function" ? newConfig(store$1.config$.peek()) : newConfig;
   return {
     /** Returns a string with the initial rendering state of the UI.
      *  Useful when server-side rendering to avoid CLS.
@@ -5998,7 +6673,8 @@ const jobAlertsPlugin = () => createPlugin(({ apiClient, logger, analytics }) =>
       fn2(y$3(App, { params }), dom.getRenderTargetElement());
     },
     setFilters,
-    setConfig
+    setConfig,
+    "~brand": "@inploi/plugin-job-alerts"
   };
 });
 export {