@inploi/plugin-feedback 6.2.0 → 6.3.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@inploi/plugin-feedback",
-  "version": "6.2.0",
+  "version": "6.3.0",
   "type": "module",
   "main": "dist/plugin-feedback.js",
   "types": "dist/index.d.ts",
@@ -10,9 +10,14 @@
   ],
   "exports": {
     ".": {
-      "require": "./dist/plugin-feedback.cjs",
-      "import": "./dist/plugin-feedback.js",
-      "types": "./dist/index.d.ts"
+      "import": {
+        "types": "./dist/index.d.ts",
+        "default": "./dist/plugin-feedback.js"
+      },
+      "require": {
+        "types": "./dist/index.d.cts",
+        "default": "./dist/plugin-feedback.cjs"
+      }
     }
   },
   "peerDependencies": {
@@ -21,7 +26,7 @@
   "devDependencies": {
     "@faker-js/faker": "^8.4.0",
     "@happy-dom/global-registrator": "14.3.6",
-    "@preact/preset-vite": "^2.7.0",
+    "@preact/preset-vite": "2.10.2",
     "@preact/signals": "^1.2.2",
     "@total-typescript/ts-reset": "^0.5.1",
     "@types/bun": "^1.2.5",
@@ -43,22 +48,22 @@
     "preact-render-to-string": "^6.3.1",
     "react": "npm:@preact/compat",
     "react-dom": "npm:@preact/compat",
-    "rollup-plugin-visualizer": "^5.9.2",
+    "rollup-plugin-visualizer": "6.0.3",
     "swr": "^2.2.4",
     "tailwindcss": "^3.3.5",
     "tailwindcss-touch": "^1.0.1",
     "type-testing": "^0.2.0",
     "valibot": "1.1.0",
-    "vite": "^4.4.5",
-    "vite-plugin-dts": "^3.7.0",
-    "vite-tsconfig-paths": "^4.2.1",
+    "vite": "7.1.4",
+    "vite-plugin-dts": "4.5.4",
+    "vite-tsconfig-paths": "5.1.4",
     "@radix-ui/react-popover": "1.0.7",
     "clsx": "^2.0.0",
     "zustand": "^4.5.2",
     "zustand-context": "^1.0.0",
-    "@inploi/core": "1.22.0",
+    "@inploi/core": "1.23.0",
     "@inploi/design-tokens": "0.2.1",
-    "@inploi/sdk": "2.7.0",
+    "@inploi/sdk": "2.8.0",
     "eslint-config-custom": "0.1.0",
     "@inploi/i18n": "0.1.5"
   },

package/dist/components/feedback-widget.d.ts

@@ -1,13 +0,0 @@
-import { AnalyticsService, ApiClient, Logger } from '@inploi/sdk';
-import { KeyboardEventHandler } from 'preact/compat';
-import { FeedbackPluginRenderParams } from '../feedback';
-
-interface FeedbackWidgetProps {
-    apiClient: ApiClient;
-    logger: Logger;
-    analytics: AnalyticsService;
-    params: FeedbackPluginRenderParams;
-}
-export declare const submitWithMetaEnter: KeyboardEventHandler<HTMLTextAreaElement | HTMLInputElement>;
-export declare const FeedbackWidget: ({ analytics, params, logger }: FeedbackWidgetProps) => import("preact").JSX.Element;
-export {};

package/dist/components/feedback-widget.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/components/icon.d.ts

@@ -1,19 +0,0 @@
-import { ComponentProps } from 'preact';
-import { FeedbackPluginParams } from '..';
-
-declare const icons: {
-    warning: import("preact").JSX.Element;
-    x: import("preact").JSX.Element;
-    'chevron-up-down': import("preact").JSX.Element;
-    happy: import("preact").JSX.Element;
-    neutral: import("preact").JSX.Element;
-    sad: import("preact").JSX.Element;
-};
-export type IconName = keyof typeof icons;
-export declare const IconSpritesheet: ({ theme }: {
-    theme: FeedbackPluginParams["theme"];
-}) => import("preact").JSX.Element;
-export declare const Icon: ({ name, ...props }: {
-    name: IconName;
-} & ComponentProps<"svg">) => import("preact").JSX.Element;
-export {};

package/dist/feedback.constants.d.ts

@@ -1 +0,0 @@
-export declare const FEEDBACK_WIDGET_ID = "inploi-feedback";

package/dist/feedback.d.ts

@@ -1,82 +0,0 @@
-import { Logger } from '@inploi/sdk';
-import { FeedbackTranslationTerms } from './i18n';
-
-type PaletteParams = {
-    /** Number between 0 and 360. Number above or below range will loop. */
-    hue: number;
-    /** Float between 0 and 2. Acts as a multiplier to the original generated palette. */
-    chroma: number;
-};
-export type FeedbackPluginParams = {
-    /**
-     *  A unique identifier for this feedback widget.
-     *  It’s up to you to ensure there is a valid feedback widget element with the property data-key="[key]"
-     */
-    key: string;
-    theme: {
-        mode: 'light' | 'dark';
-        corners: 'rounded' | 'soft' | 'sharp';
-        highlights: 'stroke' | 'fill';
-        accent: PaletteParams;
-        /**
-         * Paint the solid accent fill (the submit button) in this exact CSS colour, with `text` on it, instead of the
-         * palette shade generated from `accent`. Text and focus rings keep the palette's shades; `accent` still tints the
-         * neutrals. Both values must each be a single CSS colour (as `getComputedStyle` returns for a custom property).
-         */
-        exactAccent?: {
-            color: string;
-            text: string;
-        };
-        positive: PaletteParams;
-        negative: PaletteParams;
-    };
-    terms: Partial<FeedbackTranslationTerms>;
-    locale?: string;
-    size: 'sm' | 'md' | 'lg';
-    /**
-     * The rating to show, for a host that draws the same key's ratings in more than one place: each follows the one
-     * rating (pass back what `onScore` reports). Absent, the widget keeps its own.
-     */
-    score?: 0 | 1 | -1;
-    onLeaveComment?: () => void;
-    /** A rating, once it has been logged. */
-    onRate?: (rate: 0 | 1 | -1) => void;
-    /** The rating as it's pressed (1 or -1), or cleared (0: pressed again, which logs nothing, or its log failed). */
-    onScore?: (score: 0 | 1 | -1) => void;
-};
-export interface FeedbackPluginRenderParams extends FeedbackPluginParams {
-    host?: HTMLElement;
-    /** Explicit render target for widgets that share the same analytics key. */
-    target?: HTMLElement;
-}
-export declare const createFeedbackDomManager: (logger: Logger) => {
-    getRenderTargetElement: (key: string) => Element;
-};
-export type FeedbackDomManager = ReturnType<typeof createFeedbackDomManager>;
-/** Visual theme for the Feedback widget. */
-export type FeedbackTheme = FeedbackPluginParams['theme'];
-export declare const feedbackPlugin: () => ({ apiClient, logger, analytics }: {
-    apiClient: import('@inploi/sdk').ApiClient;
-    rpcClient: import('@inploi/sdk').InploiRpcClient;
-    logger: Logger;
-    analytics: import('@inploi/sdk').AnalyticsService;
-    publishableKey?: string;
-    env?: import('@inploi/sdk').InploiSdkEnvironment;
-}) => {
-    /** Returns a string with the initial rendering state of the UI.
-     *  Useful when server-side rendering to avoid CLS.
-     */
-    prerender: (params: FeedbackPluginParams) => Promise<{
-        html: string;
-    }>;
-    /** Renders the Job Alerts Plugin inside the container element. */
-    render: (params: FeedbackPluginRenderParams) => Promise<void>;
-    /** Release one target's widget (and its portals), leaving any other target's. */
-    unmount: (target: HTMLElement) => void;
-    /** Release components, portals and document listeners when an owning widget unmounts. */
-    destroy: () => void;
-    '~brand': "@inploi/plugin-feedback";
-};
-export type FeedbackPlugin = ReturnType<typeof feedbackPlugin>;
-export type Feedback = ReturnType<FeedbackPlugin>;
-export {};

package/dist/feedback.dev.d.ts

@@ -1 +0,0 @@
-

package/dist/i18n.d.ts

@@ -1,97 +0,0 @@
-export declare const TranslationProvider: (props: {
-    terms?: Partial<import('@inploi/i18n/translation').TranslationDict<{
-        readonly a11y_label: "How was your experience?";
-        readonly positive_label: "Good";
-        readonly negative_label: "Bad";
-        readonly positive_heading: "Thanks!";
-        readonly negative_heading: "We’re sorry to hear that";
-        readonly positive_text: "Would you like to tell us more about your experience?";
-        readonly negative_text: "Would you like to tell us more about your experience?";
-        readonly submit: "Send feedback";
-        readonly submitting: "Sending feedback...";
-        readonly skip: "No, thanks";
-        readonly submitted_heading: "Thank you!";
-        readonly submitted_text: "Your feedback has been sent and will be used to improve our products.";
-        readonly comment_minimum: "Please type more characters in the comment box";
-    }>> | undefined;
-    locale: string | undefined;
-    children?: import('preact').ComponentChildren;
-}) => import("preact").JSX.Element, createTFunction: <T extends {
-    readonly a11y_label: "How was your experience?";
-    readonly positive_label: "Good";
-    readonly negative_label: "Bad";
-    readonly positive_heading: "Thanks!";
-    readonly negative_heading: "We’re sorry to hear that";
-    readonly positive_text: "Would you like to tell us more about your experience?";
-    readonly negative_text: "Would you like to tell us more about your experience?";
-    readonly submit: "Send feedback";
-    readonly submitting: "Sending feedback...";
-    readonly skip: "No, thanks";
-    readonly submitted_heading: "Thank you!";
-    readonly submitted_text: "Your feedback has been sent and will be used to improve our products.";
-    readonly comment_minimum: "Please type more characters in the comment box";
-} = {
-    readonly a11y_label: "How was your experience?";
-    readonly positive_label: "Good";
-    readonly negative_label: "Bad";
-    readonly positive_heading: "Thanks!";
-    readonly negative_heading: "We’re sorry to hear that";
-    readonly positive_text: "Would you like to tell us more about your experience?";
-    readonly negative_text: "Would you like to tell us more about your experience?";
-    readonly submit: "Send feedback";
-    readonly submitting: "Sending feedback...";
-    readonly skip: "No, thanks";
-    readonly submitted_heading: "Thank you!";
-    readonly submitted_text: "Your feedback has been sent and will be used to improve our products.";
-    readonly comment_minimum: "Please type more characters in the comment box";
-}>(options: {
-    overrides: Partial<import('@inploi/i18n/translation').TranslationDict<{
-        readonly a11y_label: "How was your experience?";
-        readonly positive_label: "Good";
-        readonly negative_label: "Bad";
-        readonly positive_heading: "Thanks!";
-        readonly negative_heading: "We’re sorry to hear that";
-        readonly positive_text: "Would you like to tell us more about your experience?";
-        readonly negative_text: "Would you like to tell us more about your experience?";
-        readonly submit: "Send feedback";
-        readonly submitting: "Sending feedback...";
-        readonly skip: "No, thanks";
-        readonly submitted_heading: "Thank you!";
-        readonly submitted_text: "Your feedback has been sent and will be used to improve our products.";
-        readonly comment_minimum: "Please type more characters in the comment box";
-    }>>;
-    locale: string | undefined;
-}) => import('@inploi/i18n/translation').TFn<T>, useTranslation: <T extends {
-    readonly a11y_label: "How was your experience?";
-    readonly positive_label: "Good";
-    readonly negative_label: "Bad";
-    readonly positive_heading: "Thanks!";
-    readonly negative_heading: "We’re sorry to hear that";
-    readonly positive_text: "Would you like to tell us more about your experience?";
-    readonly negative_text: "Would you like to tell us more about your experience?";
-    readonly submit: "Send feedback";
-    readonly submitting: "Sending feedback...";
-    readonly skip: "No, thanks";
-    readonly submitted_heading: "Thank you!";
-    readonly submitted_text: "Your feedback has been sent and will be used to improve our products.";
-    readonly comment_minimum: "Please type more characters in the comment box";
-} = {
-    readonly a11y_label: "How was your experience?";
-    readonly positive_label: "Good";
-    readonly negative_label: "Bad";
-    readonly positive_heading: "Thanks!";
-    readonly negative_heading: "We’re sorry to hear that";
-    readonly positive_text: "Would you like to tell us more about your experience?";
-    readonly negative_text: "Would you like to tell us more about your experience?";
-    readonly submit: "Send feedback";
-    readonly submitting: "Sending feedback...";
-    readonly skip: "No, thanks";
-    readonly submitted_heading: "Thank you!";
-    readonly submitted_text: "Your feedback has been sent and will be used to improve our products.";
-    readonly comment_minimum: "Please type more characters in the comment box";
-}>() => {
-    t: import('@inploi/i18n/translation').TFn<T>;
-    locale: string | undefined;
-};
-export type TFunction = ReturnType<typeof useTranslation>['t'];
-export type FeedbackTranslationTerms = Parameters<typeof TranslationProvider>[0]['terms'];

package/dist/index.cdn.d.ts

@@ -1,9 +0,0 @@
-import { feedbackPlugin } from './feedback';
-
-declare global {
-    interface Window {
-        inploi?: {
-            feedbackPlugin?: typeof feedbackPlugin;
-        };
-    }
-}

package/dist/mocks/browser.d.ts

@@ -1 +0,0 @@
-export declare const worker: import('msw/browser').SetupWorker;

package/dist/mocks/handlers.d.ts

@@ -1 +0,0 @@
-export declare const browserHandlers: never[];

package/dist/style/theme.d.ts

@@ -1,7 +0,0 @@
-import { FeedbackPluginParams } from '..';
-
-export declare const generateColorThemeCss: (params: FeedbackPluginParams) => string;
-type CustomMediaProperties = Pick<FeedbackPluginParams['theme'], 'corners' | 'highlights' | 'mode'>;
-export type ThemeVariantMedia = CustomMediaProperties[keyof CustomMediaProperties];
-export declare const getThemeVariants: (theme: FeedbackPluginParams["theme"]) => ThemeVariantMedia[];
-export {};

package/dist/style/tokens.d.ts

@@ -1,102 +0,0 @@
-export declare const tokens: {
-    from: <TGetToken extends import('@inploi/design-tokens/tokens').GetTokenFn>(config: {
-        theme: {
-            mode: "light" | "dark";
-            corners: "rounded" | "soft" | "sharp";
-            highlights: "stroke" | "fill";
-            accent: {
-                hue: number;
-                chroma: number;
-            };
-            exactAccent?: {
-                color: string;
-                text: string;
-            };
-            positive: {
-                hue: number;
-                chroma: number;
-            };
-            negative: {
-                hue: number;
-                chroma: number;
-            };
-        };
-        getToken: TGetToken;
-    }) => {
-        values: {
-            "color.transparent": unknown;
-            "color.black": unknown;
-            "color.white": unknown;
-            "color.lowest": unknown;
-            "color.highest": unknown;
-            "color.a-1": unknown;
-            "color.a-2": unknown;
-            "color.a-3": unknown;
-            "color.a-4": unknown;
-            "color.a-5": unknown;
-            "color.a-6": unknown;
-            "color.a-7": unknown;
-            "color.a-8": unknown;
-            "color.a-9": unknown;
-            "color.a-10": unknown;
-            "color.a-11": unknown;
-            "color.a-12": unknown;
-            "color.a-solid": unknown;
-            "color.a-solid-pressed": unknown;
-            "color.on-a": unknown;
-            "color.n-1": unknown;
-            "color.n-2": unknown;
-            "color.n-3": unknown;
-            "color.n-4": unknown;
-            "color.n-5": unknown;
-            "color.n-6": unknown;
-            "color.n-7": unknown;
-            "color.n-8": unknown;
-            "color.n-9": unknown;
-            "color.n-10": unknown;
-            "color.n-11": unknown;
-            "color.n-12": unknown;
-            "color.p-1": unknown;
-            "color.p-2": unknown;
-            "color.p-3": unknown;
-            "color.p-4": unknown;
-            "color.p-5": unknown;
-            "color.p-6": unknown;
-            "color.p-7": unknown;
-            "color.p-8": unknown;
-            "color.p-9": unknown;
-            "color.p-10": unknown;
-            "color.p-11": unknown;
-            "color.p-12": unknown;
-            "color.e-1": unknown;
-            "color.e-2": unknown;
-            "color.e-3": unknown;
-            "color.e-4": unknown;
-            "color.e-5": unknown;
-            "color.e-6": unknown;
-            "color.e-7": unknown;
-            "color.e-8": unknown;
-            "color.e-9": unknown;
-            "color.e-10": unknown;
-            "color.e-11": unknown;
-            "color.e-12": unknown;
-            "radius.base": unknown;
-            "radius.multiplier": unknown;
-            "radius.sm": unknown;
-            "radius.md": unknown;
-            "radius.lg": unknown;
-            "radius.xl": unknown;
-            "duration.snappy": unknown;
-            "duration.medium": unknown;
-            "duration.slow": unknown;
-        };
-        declarations: {
-            [k: string]: string;
-        };
-        ref: (path: "color.transparent" | "color.black" | "color.white" | "color.lowest" | "color.highest" | "color.a-1" | "color.a-2" | "color.a-3" | "color.a-4" | "color.a-5" | "color.a-6" | "color.a-7" | "color.a-8" | "color.a-9" | "color.a-10" | "color.a-11" | "color.a-12" | "color.a-solid" | "color.a-solid-pressed" | "color.on-a" | "color.n-1" | "color.n-2" | "color.n-3" | "color.n-4" | "color.n-5" | "color.n-6" | "color.n-7" | "color.n-8" | "color.n-9" | "color.n-10" | "color.n-11" | "color.n-12" | "color.p-1" | "color.p-2" | "color.p-3" | "color.p-4" | "color.p-5" | "color.p-6" | "color.p-7" | "color.p-8" | "color.p-9" | "color.p-10" | "color.p-11" | "color.p-12" | "color.e-1" | "color.e-2" | "color.e-3" | "color.e-4" | "color.e-5" | "color.e-6" | "color.e-7" | "color.e-8" | "color.e-9" | "color.e-10" | "color.e-11" | "color.e-12" | "radius.base" | "radius.multiplier" | "duration.snappy" | "duration.medium" | "duration.slow" | "radius.sm" | "radius.md" | "radius.lg" | "radius.xl") => string;
-    };
-};
-export declare const asInploiVar: {
-    <const TPath extends PropertyKey>(target: "declaration", path: TPath): `--i-${TPath & string extends infer T ? T extends TPath & string ? T extends `${infer Before}.${infer After}` ? `${Before}-${After extends `${infer Before}.${infer After}` ? `${Before}-${After extends `${infer Before}.${infer After}` ? `${Before}-${After extends `${infer Before}.${infer After}` ? `${Before}-${After extends `${infer Before}.${infer After}` ? `${Before}-${After extends `${infer Before}.${infer After}` ? `${Before}-${After extends `${infer Before}.${infer After}` ? `${Before}-${After extends `${infer Before}.${infer After}` ? `${Before}-${After extends `${infer Before}.${infer After}` ? `${Before}-${After extends `${infer Before}.${infer After}` ? `${Before}-${After extends `${infer Before}.${infer After}` ? `${Before}-${/*elided*/ any}` : After}` : After}` : After}` : After}` : After}` : After}` : After}` : After}` : After}` : After}` : T : never : never}`;
-    <const TPath extends PropertyKey>(target: "reference", path: TPath): `var(--i-${TPath & string extends infer T ? T extends TPath & string ? T extends `${infer Before}.${infer After}` ? `${Before}-${After extends `${infer Before}.${infer After}` ? `${Before}-${After extends `${infer Before}.${infer After}` ? `${Before}-${After extends `${infer Before}.${infer After}` ? `${Before}-${After extends `${infer Before}.${infer After}` ? `${Before}-${After extends `${infer Before}.${infer After}` ? `${Before}-${After extends `${infer Before}.${infer After}` ? `${Before}-${After extends `${infer Before}.${infer After}` ? `${Before}-${After extends `${infer Before}.${infer After}` ? `${Before}-${After extends `${infer Before}.${infer After}` ? `${Before}-${After extends `${infer Before}.${infer After}` ? `${Before}-${/*elided*/ any}` : After}` : After}` : After}` : After}` : After}` : After}` : After}` : After}` : After}` : After}` : T : never : never})`;
-};

package/dist/style/tokens.test.d.ts

@@ -1 +0,0 @@
-export {};