@inploi/plugin-job-alerts 5.2.1 → 5.3.0

package/dist/job-alerts.d.ts

@@ -11,6 +11,11 @@ export type JobAlertsConfig = {
     headerText: string;
     /** Linked under the form, before the candidate confirms, so they can read how their personal data is used. */
     privacyPolicyUrl?: string;
+    /**
+     * Who sends the alert emails, named in the notice above the submit button. Pass the company's display name, the
+     * same name the emails come from. Without it the notice still says what arrives and how to unsubscribe.
+     */
+    employerName?: string;
 };
 export type JobAlertsPluginParams = {
     theme: {

package/dist/job-alerts.terms.d.ts

@@ -13,6 +13,8 @@ export declare const defaultTerms: {
     readonly create_alert: "Create Alert";
     readonly create_alert_error: "Failed to create alert. Please try again later.";
     readonly privacy_policy_link: "How we use your personal data";
+    readonly alert_notice_sender: "{{company}} will email you new jobs matching this search, as often as you choose. Every email has an unsubscribe link.";
+    readonly alert_notice: "You'll get new jobs matching this search by email, as often as you choose. Every email has an unsubscribe link.";
 };
 /** Host overrides for any job alerts term. */
 export type JobAlertsTranslationTerms = Partial<Record<keyof typeof defaultTerms, string>>;

package/dist/plugin-job-alerts.cjs

@@ -10255,7 +10255,9 @@ const defaultTerms = {
   frequency: "Frequency",
   create_alert: "Create Alert",
   create_alert_error: "Failed to create alert. Please try again later.",
-  privacy_policy_link: "How we use your personal data"
+  privacy_policy_link: "How we use your personal data",
+  alert_notice_sender: "{{company}} will email you new jobs matching this search, as often as you choose. Every email has an unsubscribe link.",
+  alert_notice: "You'll get new jobs matching this search by email, as often as you choose. Every email has an unsubscribe link."
 };
 const { TranslationProvider, useTranslation, createTFunction } = createTranslation(defaultTerms);
 var i = Symbol.for("preact-signals");
@@ -11000,6 +11002,14 @@ const InputError = ({ error: error2 }) => {
     /* @__PURE__ */ u$2("p", { class: "pr-1 text-sm", children: error2 })
   ] });
 };
+const signupNoticeText = (t2, employerName) => {
+  const sender = employerName == null ? void 0 : employerName.trim();
+  return sender ? t2("alert_notice_sender", { company: sender }) : t2("alert_notice");
+};
+const SignupNotice = ({ employerName }) => {
+  const { t: t2 } = useTranslation();
+  return /* @__PURE__ */ u$2("p", { class: "text-neutral-11 px-2 text-xs leading-snug", children: signupNoticeText(t2, employerName) });
+};
 const inputClass = "rounded-field-input bg-neutral-1 text-accent-11 autofill:shadow-[inset_0_0_0_1000px_var(--i-color-a-2)] autofill:focus:shadow-[inset_0_0_0_1000px_var(--i-color-a-1)] autofill:[-webkit-text-fill-color:var(--i-color-a-11)] px-3 py-2 ring ring-[1px] transition-all ease-expo-out duration-snappy ring-neutral-4 fr inline-flex w-full items-center justify-center px-2.5 text-base shadow-[0_0_0_1px] outline-none focus:shadow-[0_0_0_2px]";
 const JobAlertsButton = D(
   ({ class: className, ...props }, ref) => /* @__PURE__ */ u$2(
@@ -11138,6 +11148,7 @@ const JobAlerts = ({ theme, rpcClient, logger, analytics }) => {
                 /* @__PURE__ */ u$2("div", { class: "text-neutral-10 absolute bottom-0 right-0 top-0 flex items-center p-1", "aria-hidden": true, children: /* @__PURE__ */ u$2(Icon, { name: "chevron-up-down" }) })
               ] })
             ] }),
+            /* @__PURE__ */ u$2(SignupNotice, { employerName: store.config$.value.employerName }),
             /* @__PURE__ */ u$2(PrivacyPolicyLink, { label: t2("privacy_policy_link") }),
             /* @__PURE__ */ u$2(
               "button",
@@ -11806,6 +11817,10 @@ const tailwind = `#ija {
 	font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
 }
 
+	#ija .leading-snug {
+	line-height: 1.375;
+}
+
 	#ija .text-\\[\\#E5484D\\] {
 	--tw-text-opacity: 1;
 	color: rgb(229 72 77 / var(--tw-text-opacity, 1));

package/dist/plugin-job-alerts.js

@@ -10253,7 +10253,9 @@ const defaultTerms = {
   frequency: "Frequency",
   create_alert: "Create Alert",
   create_alert_error: "Failed to create alert. Please try again later.",
-  privacy_policy_link: "How we use your personal data"
+  privacy_policy_link: "How we use your personal data",
+  alert_notice_sender: "{{company}} will email you new jobs matching this search, as often as you choose. Every email has an unsubscribe link.",
+  alert_notice: "You'll get new jobs matching this search by email, as often as you choose. Every email has an unsubscribe link."
 };
 const { TranslationProvider, useTranslation, createTFunction } = createTranslation(defaultTerms);
 var i = Symbol.for("preact-signals");
@@ -10998,6 +11000,14 @@ const InputError = ({ error: error2 }) => {
     /* @__PURE__ */ u$2("p", { class: "pr-1 text-sm", children: error2 })
   ] });
 };
+const signupNoticeText = (t2, employerName) => {
+  const sender = employerName == null ? void 0 : employerName.trim();
+  return sender ? t2("alert_notice_sender", { company: sender }) : t2("alert_notice");
+};
+const SignupNotice = ({ employerName }) => {
+  const { t: t2 } = useTranslation();
+  return /* @__PURE__ */ u$2("p", { class: "text-neutral-11 px-2 text-xs leading-snug", children: signupNoticeText(t2, employerName) });
+};
 const inputClass = "rounded-field-input bg-neutral-1 text-accent-11 autofill:shadow-[inset_0_0_0_1000px_var(--i-color-a-2)] autofill:focus:shadow-[inset_0_0_0_1000px_var(--i-color-a-1)] autofill:[-webkit-text-fill-color:var(--i-color-a-11)] px-3 py-2 ring ring-[1px] transition-all ease-expo-out duration-snappy ring-neutral-4 fr inline-flex w-full items-center justify-center px-2.5 text-base shadow-[0_0_0_1px] outline-none focus:shadow-[0_0_0_2px]";
 const JobAlertsButton = D(
   ({ class: className, ...props }, ref) => /* @__PURE__ */ u$2(
@@ -11136,6 +11146,7 @@ const JobAlerts = ({ theme, rpcClient, logger, analytics }) => {
                 /* @__PURE__ */ u$2("div", { class: "text-neutral-10 absolute bottom-0 right-0 top-0 flex items-center p-1", "aria-hidden": true, children: /* @__PURE__ */ u$2(Icon, { name: "chevron-up-down" }) })
               ] })
             ] }),
+            /* @__PURE__ */ u$2(SignupNotice, { employerName: store.config$.value.employerName }),
             /* @__PURE__ */ u$2(PrivacyPolicyLink, { label: t2("privacy_policy_link") }),
             /* @__PURE__ */ u$2(
               "button",
@@ -11804,6 +11815,10 @@ const tailwind = `#ija {
 	font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
 }
 
+	#ija .leading-snug {
+	line-height: 1.375;
+}
+
 	#ija .text-\\[\\#E5484D\\] {
 	--tw-text-opacity: 1;
 	color: rgb(229 72 77 / var(--tw-text-opacity, 1));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@inploi/plugin-job-alerts",
-  "version": "5.2.1",
+  "version": "5.3.0",
   "type": "module",
   "main": "dist/plugin-job-alerts.js",
   "types": "dist/index.d.ts",
@@ -51,7 +51,7 @@
     "zustand-context": "^1.0.0",
     "@inploi/core": "1.21.0",
     "@inploi/design-tokens": "0.2.1",
-    "@inploi/sdk": "2.4.0",
+    "@inploi/sdk": "2.5.0",
     "eslint-config-custom": "0.1.0",
     "@inploi/i18n": "0.1.5"
   },
@@ -65,7 +65,8 @@
     "build:npm": "VITE_MOCKS=false vite build --mode=production",
     "build:cdn": "VITE_MOCKS=false vite build --mode=cdn",
     "preview": "vite preview",
-    "_test": "bun test src/",
+    "test": "bun test src/",
+    "test:coverage": "bun test src/ --coverage --coverage-reporter=lcov",
     "_test:watch": "bun test src/ --watch",
     "_test:int": "playwright test",
     "_test:ui": "playwright test --ui",