@nuxt/scripts 1.0.0-beta.15 → 1.0.0-beta.18

package/dist/runtime/components/ScriptPayPalButtons.vue.d.ts

@@ -1,5 +1,5 @@
 import type { ElementScriptTrigger } from '#nuxt-scripts/types';
-import type { OnApproveActions, OnApproveData, OnCancelledActions, OnClickActions, OnInitActions, OnShippingAddressChangeActions, OnShippingAddressChangeData, OnShippingOptionsChangeActions, OnShippingOptionsChangeData, PayPalButtonsComponentOptions } from '@paypal/paypal-js';
+import type { Components, PageTypes, SdkInstance } from '@paypal/paypal-js/sdk-v6';
 import type { HTMLAttributes, ReservedProps } from 'vue';
 import type { PayPalInput } from '../registry/paypal.js';
 type __VLS_Props = {
@@ -12,55 +12,66 @@ type __VLS_Props = {
      */
     trigger?: ElementScriptTrigger;
     /**
-     * The client id for the paypal script.
+     * Client ID or client token for PayPal SDK v6 authentication.
      */
     clientId?: string;
     /**
-     * The options for the paypal buttons.
+     * Server-generated client token for SDK v6.
      */
-    buttonOptions?: PayPalButtonsComponentOptions;
+    clientToken?: string;
     /**
-     * The paypal script options.
+     * The v6 SDK components to load.
+     * @default ['paypal-payments']
      */
-    paypalScriptOptions?: Partial<PayPalInput>;
+    components?: Components[];
+    /**
+     * The page type context hint.
+     */
+    pageType?: PageTypes;
+    /**
+     * The locale for the SDK (BCP-47 code).
+     */
+    locale?: string;
     /**
-     * Disables the paypal buttons.
+     * The merchant ID(s).
      */
-    disabled?: boolean;
+    merchantId?: string | string[];
+    /**
+     * Partner attribution ID for revenue sharing.
+     */
+    partnerAttributionId?: string;
+    /**
+     * The paypal script options.
+     */
+    paypalScriptOptions?: Partial<PayPalInput>;
 };
-declare var __VLS_1: {}, __VLS_3: {}, __VLS_10: {}, __VLS_12: {}, __VLS_14: {};
+declare var __VLS_1: {
+    sdkInstance: SdkInstance<Components[]> | undefined;
+}, __VLS_3: {}, __VLS_5: {}, __VLS_12: {}, __VLS_14: {};
 type __VLS_Slots = {} & {
-    placeholder?: (props: typeof __VLS_1) => any;
+    default?: (props: typeof __VLS_1) => any;
 } & {
-    loading?: (props: typeof __VLS_3) => any;
+    placeholder?: (props: typeof __VLS_3) => any;
 } & {
-    awaitingLoad?: (props: typeof __VLS_10) => any;
+    loading?: (props: typeof __VLS_5) => any;
 } & {
-    error?: (props: typeof __VLS_12) => any;
+    awaitingLoad?: (props: typeof __VLS_12) => any;
 } & {
-    default?: (props: typeof __VLS_14) => any;
+    error?: (props: typeof __VLS_14) => any;
 };
-declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    error: (error: Record<string, unknown>) => any;
-    init: (data: Record<string, unknown>, actions: OnInitActions) => any;
-    cancel: (data: Record<string, unknown>, actions: OnCancelledActions) => any;
-    approve: (data: OnApproveData, actions: OnApproveActions) => any;
-    clickButtons: (data: Record<string, unknown>, actions: OnClickActions) => any;
-    shippingOptionsChange: (data: OnShippingOptionsChangeData, actions: OnShippingOptionsChangeActions) => any;
-    shippingAddressChange: (data: OnShippingAddressChangeData, actions: OnShippingAddressChangeActions) => any;
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {
+    /** The PayPal SDK v6 instance for creating payment sessions, checking eligibility, etc. */
+    sdkInstance: import("vue").ShallowRef<SdkInstance<Components[]> | undefined, SdkInstance<Components[]> | undefined>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    error: (error: unknown) => any;
+    ready: (instance: SdkInstance<Components[]>) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
-    onError?: ((error: Record<string, unknown>) => any) | undefined;
-    onInit?: ((data: Record<string, unknown>, actions: OnInitActions) => any) | undefined;
-    onCancel?: ((data: Record<string, unknown>, actions: OnCancelledActions) => any) | undefined;
-    onApprove?: ((data: OnApproveData, actions: OnApproveActions) => any) | undefined;
-    onClickButtons?: ((data: Record<string, unknown>, actions: OnClickActions) => any) | undefined;
-    onShippingOptionsChange?: ((data: OnShippingOptionsChangeData, actions: OnShippingOptionsChangeActions) => any) | undefined;
-    onShippingAddressChange?: ((data: OnShippingAddressChangeData, actions: OnShippingAddressChangeActions) => any) | undefined;
+    onError?: ((error: unknown) => any) | undefined;
+    onReady?: ((instance: SdkInstance<Components[]>) => any) | undefined;
 }>, {
     trigger: ElementScriptTrigger;
-    disabled: boolean;
     clientId: string;
-    buttonOptions: PayPalButtonsComponentOptions;
+    components: Components[];
     paypalScriptOptions: Partial<PayPalInput>;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/runtime/components/ScriptPayPalMessages.d.vue.ts

@@ -1,5 +1,5 @@
 import type { ElementScriptTrigger } from '#nuxt-scripts/types';
-import type { PayPalMessagesComponentOptions } from '@paypal/paypal-js';
+import type { PageTypes, PayPalMessagesOptions, PayPalMessagesSession } from '@paypal/paypal-js/sdk-v6';
 import type { HTMLAttributes, ReservedProps } from 'vue';
 import type { PayPalInput } from '../registry/paypal.js';
 type __VLS_Props = {
@@ -12,51 +12,65 @@ type __VLS_Props = {
      */
     trigger?: ElementScriptTrigger;
     /**
-     * The client id for the paypal script.
+     * Client ID or client token for PayPal SDK v6 authentication.
      */
     clientId?: string;
     /**
-     * The options for the paypal buttons.
+     * Server-generated client token for SDK v6.
      */
-    messagesOptions?: PayPalMessagesComponentOptions;
+    clientToken?: string;
     /**
-     * The merchant id for the paypal script.
+     * The merchant ID for the paypal script.
      */
-    merchantId?: string;
+    merchantId?: string | string[];
     /**
-     * The partner attribution id for the paypal script.
+     * The partner attribution ID.
      */
     partnerAttributionId?: string;
     /**
-     * The options for the paypal scipt.
+     * The page type context hint.
+     */
+    pageType?: PageTypes;
+    /**
+     * The locale for the SDK (BCP-47 code).
+     */
+    locale?: string;
+    /**
+     * Options for the PayPal Messages session.
+     */
+    messagesOptions?: PayPalMessagesOptions;
+    /**
+     * The paypal script options.
      */
     paypalScriptOptions?: Partial<PayPalInput>;
 };
-declare var __VLS_1: {}, __VLS_3: {}, __VLS_10: {}, __VLS_12: {}, __VLS_14: {};
+declare var __VLS_1: {
+    messagesSession: PayPalMessagesSession | undefined;
+}, __VLS_3: {}, __VLS_5: {}, __VLS_12: {}, __VLS_14: {};
 type __VLS_Slots = {} & {
-    placeholder?: (props: typeof __VLS_1) => any;
+    default?: (props: typeof __VLS_1) => any;
 } & {
-    loading?: (props: typeof __VLS_3) => any;
+    placeholder?: (props: typeof __VLS_3) => any;
 } & {
-    awaitingLoad?: (props: typeof __VLS_10) => any;
+    loading?: (props: typeof __VLS_5) => any;
 } & {
-    error?: (props: typeof __VLS_12) => any;
+    awaitingLoad?: (props: typeof __VLS_12) => any;
 } & {
-    default?: (props: typeof __VLS_14) => any;
+    error?: (props: typeof __VLS_14) => any;
 };
-declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    render: (data: Record<string, unknown>) => any;
-    apply: (data: Record<string, unknown>) => any;
-    clickMessages: (data: Record<string, unknown>) => any;
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {
+    messagesSession: import("vue").ShallowRef<PayPalMessagesSession | undefined, PayPalMessagesSession | undefined>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    error: (error: unknown) => any;
+    ready: (session: PayPalMessagesSession) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
-    onRender?: ((data: Record<string, unknown>) => any) | undefined;
-    onApply?: ((data: Record<string, unknown>) => any) | undefined;
-    onClickMessages?: ((data: Record<string, unknown>) => any) | undefined;
+    onError?: ((error: unknown) => any) | undefined;
+    onReady?: ((session: PayPalMessagesSession) => any) | undefined;
 }>, {
     trigger: ElementScriptTrigger;
     clientId: string;
     paypalScriptOptions: Partial<PayPalInput>;
-    messagesOptions: PayPalMessagesComponentOptions;
+    messagesOptions: PayPalMessagesOptions;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

package/dist/runtime/components/ScriptPayPalMessages.vue

@@ -1,74 +1,67 @@
 <script setup>
 import { defu } from "defu";
-import { computed, onBeforeUnmount, onMounted, ref, resolveComponent, shallowRef, watch } from "vue";
+import { computed, onBeforeUnmount, onMounted, ref, resolveComponent, shallowRef } from "vue";
 import { useScriptTriggerElement } from "../composables/useScriptTriggerElement";
 import { useScriptPayPal } from "../registry/paypal";
 const props = defineProps({
   rootAttrs: { type: Object, required: false },
   trigger: { type: [String, Array, Boolean], required: false, default: "visible" },
   clientId: { type: String, required: false, default: "test" },
-  messagesOptions: { type: Object, required: false, default: () => ({}) },
-  merchantId: { type: String, required: false },
+  clientToken: { type: String, required: false },
+  merchantId: { type: [String, Array], required: false },
   partnerAttributionId: { type: String, required: false },
+  pageType: { type: String, required: false },
+  locale: { type: String, required: false },
+  messagesOptions: { type: Object, required: false, default: () => ({}) },
   paypalScriptOptions: { type: Object, required: false, default: () => ({}) }
 });
-const emit = defineEmits(["apply", "clickMessages", "render"]);
+const emit = defineEmits(["ready", "error"]);
 const el = ref(null);
 const rootEl = ref(null);
 const ready = ref(false);
+const failed = ref(false);
+const messagesSession = shallowRef();
 const { onLoaded, status } = useScriptPayPal({
-  clientId: props.clientId,
-  merchantId: props.merchantId,
-  partnerAttributionId: props.partnerAttributionId,
+  ...props.clientToken ? { clientToken: props.clientToken } : { clientId: props.clientId },
   ...props.paypalScriptOptions
 });
-const options = computed(() => {
-  const _options = {
-    onApply: (data) => {
-      emit("apply", data);
-      return props.messagesOptions?.onApply?.(data);
-    },
-    onClick: (data) => {
-      emit("clickMessages", data);
-      return props.messagesOptions?.onClick?.(data);
-    },
-    onRender: (data) => {
-      emit("render", data);
-      return props.messagesOptions?.onRender?.(data);
-    }
-  };
-  return defu(_options, props.messagesOptions);
-});
-const messageInst = shallowRef();
 onMounted(() => {
   onLoaded(async ({ paypal }) => {
     if (!el.value)
       return;
-    messageInst.value = paypal?.Messages?.(options.value);
-    await messageInst.value?.render(el.value);
-    ready.value = true;
-    watch(() => options.value, async (_options) => {
-      if (!el.value)
-        return;
-      messageInst.value = paypal?.Messages?.(_options);
-      await messageInst.value?.render(el.value);
-    });
+    const components = ["paypal-messages"];
+    const instanceOptions = {
+      ...props.clientToken ? { clientToken: props.clientToken } : { clientId: props.clientId },
+      components,
+      ...props.pageType && { pageType: props.pageType },
+      ...props.locale && { locale: props.locale },
+      ...props.merchantId && { merchantId: props.merchantId },
+      ...props.partnerAttributionId && { partnerAttributionId: props.partnerAttributionId }
+    };
+    try {
+      const instance = await paypal.createInstance(instanceOptions);
+      messagesSession.value = instance.createPayPalMessages(props.messagesOptions);
+      ready.value = true;
+      emit("ready", messagesSession.value);
+    } catch (err) {
+      messagesSession.value = void 0;
+      failed.value = true;
+      emit("error", err);
+    }
   });
 });
-function destroy() {
-  if (!el.value)
-    return;
-  el.value?.replaceChildren();
-}
 onBeforeUnmount(() => {
-  destroy();
+  messagesSession.value = void 0;
+});
+defineExpose({
+  messagesSession
 });
 const ScriptLoadingIndicator = resolveComponent("ScriptLoadingIndicator");
 const trigger = useScriptTriggerElement({ trigger: props.trigger, el: rootEl });
 const rootAttrs = computed(() => {
   return defu(props.rootAttrs, {
     "aria-busy": status.value === "loading",
-    "aria-label": status.value === "awaitingLoad" ? "PayPal Script Placeholder" : status.value === "loading" ? "PayPal Buttons Loading" : "PayPal Buttons",
+    "aria-label": status.value === "awaitingLoad" ? "PayPal Script Placeholder" : status.value === "loading" ? "PayPal Messages Loading" : "PayPal Messages",
     "aria-live": "polite",
     "role": "application",
     ...trigger instanceof Promise ? trigger.ssrAttrs || {} : {}
@@ -77,16 +70,17 @@ const rootAttrs = computed(() => {
 </script>
 
 <template>
-  <div v-bind="rootAttrs" id="test">
-    <div v-show="ready" ref="el" />
-    <slot v-if="!ready" name="placeholder">
+  <div ref="rootEl" v-bind="rootAttrs">
+    <div ref="el">
+      <slot v-if="ready" name="default" :messages-session="messagesSession" />
+    </div>
+    <slot v-if="status !== 'error' && !ready && !failed" name="placeholder">
       placeholder
     </slot>
-    <slot v-if="status !== 'awaitingLoad' && !ready" name="loading">
+    <slot v-if="status !== 'awaitingLoad' && status !== 'error' && !ready && !failed" name="loading">
       <ScriptLoadingIndicator color="black" />
     </slot>
     <slot v-if="status === 'awaitingLoad'" name="awaitingLoad" />
-    <slot v-else-if="status === 'error'" name="error" />
-    <slot />
+    <slot v-else-if="status === 'error' || failed" name="error" />
   </div>
 </template>

package/dist/runtime/components/ScriptPayPalMessages.vue.d.ts

@@ -1,5 +1,5 @@
 import type { ElementScriptTrigger } from '#nuxt-scripts/types';
-import type { PayPalMessagesComponentOptions } from '@paypal/paypal-js';
+import type { PageTypes, PayPalMessagesOptions, PayPalMessagesSession } from '@paypal/paypal-js/sdk-v6';
 import type { HTMLAttributes, ReservedProps } from 'vue';
 import type { PayPalInput } from '../registry/paypal.js';
 type __VLS_Props = {
@@ -12,51 +12,65 @@ type __VLS_Props = {
      */
     trigger?: ElementScriptTrigger;
     /**
-     * The client id for the paypal script.
+     * Client ID or client token for PayPal SDK v6 authentication.
      */
     clientId?: string;
     /**
-     * The options for the paypal buttons.
+     * Server-generated client token for SDK v6.
      */
-    messagesOptions?: PayPalMessagesComponentOptions;
+    clientToken?: string;
     /**
-     * The merchant id for the paypal script.
+     * The merchant ID for the paypal script.
      */
-    merchantId?: string;
+    merchantId?: string | string[];
     /**
-     * The partner attribution id for the paypal script.
+     * The partner attribution ID.
      */
     partnerAttributionId?: string;
     /**
-     * The options for the paypal scipt.
+     * The page type context hint.
+     */
+    pageType?: PageTypes;
+    /**
+     * The locale for the SDK (BCP-47 code).
+     */
+    locale?: string;
+    /**
+     * Options for the PayPal Messages session.
+     */
+    messagesOptions?: PayPalMessagesOptions;
+    /**
+     * The paypal script options.
      */
     paypalScriptOptions?: Partial<PayPalInput>;
 };
-declare var __VLS_1: {}, __VLS_3: {}, __VLS_10: {}, __VLS_12: {}, __VLS_14: {};
+declare var __VLS_1: {
+    messagesSession: PayPalMessagesSession | undefined;
+}, __VLS_3: {}, __VLS_5: {}, __VLS_12: {}, __VLS_14: {};
 type __VLS_Slots = {} & {
-    placeholder?: (props: typeof __VLS_1) => any;
+    default?: (props: typeof __VLS_1) => any;
 } & {
-    loading?: (props: typeof __VLS_3) => any;
+    placeholder?: (props: typeof __VLS_3) => any;
 } & {
-    awaitingLoad?: (props: typeof __VLS_10) => any;
+    loading?: (props: typeof __VLS_5) => any;
 } & {
-    error?: (props: typeof __VLS_12) => any;
+    awaitingLoad?: (props: typeof __VLS_12) => any;
 } & {
-    default?: (props: typeof __VLS_14) => any;
+    error?: (props: typeof __VLS_14) => any;
 };
-declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    render: (data: Record<string, unknown>) => any;
-    apply: (data: Record<string, unknown>) => any;
-    clickMessages: (data: Record<string, unknown>) => any;
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {
+    messagesSession: import("vue").ShallowRef<PayPalMessagesSession | undefined, PayPalMessagesSession | undefined>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    error: (error: unknown) => any;
+    ready: (session: PayPalMessagesSession) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
-    onRender?: ((data: Record<string, unknown>) => any) | undefined;
-    onApply?: ((data: Record<string, unknown>) => any) | undefined;
-    onClickMessages?: ((data: Record<string, unknown>) => any) | undefined;
+    onError?: ((error: unknown) => any) | undefined;
+    onReady?: ((session: PayPalMessagesSession) => any) | undefined;
 }>, {
     trigger: ElementScriptTrigger;
     clientId: string;
     paypalScriptOptions: Partial<PayPalInput>;
-    messagesOptions: PayPalMessagesComponentOptions;
+    messagesOptions: PayPalMessagesOptions;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

package/dist/runtime/components/ScriptXEmbed.d.vue.ts

@@ -7,7 +7,7 @@ type __VLS_Props = {
     tweetId: string;
     /**
      * Custom API endpoint for fetching tweet data
-     * @default '/_scripts/x-embed'
+     * @default '/api/_scripts/x-embed'
      */
     apiEndpoint?: string;
     /**

package/dist/runtime/components/ScriptXEmbed.vue.d.ts

@@ -7,7 +7,7 @@ type __VLS_Props = {
     tweetId: string;
     /**
      * Custom API endpoint for fetching tweet data
-     * @default '/_scripts/x-embed'
+     * @default '/api/_scripts/x-embed'
      */
     apiEndpoint?: string;
     /**

package/dist/runtime/registry/clarity.d.ts

@@ -1,4 +1,6 @@
 import type { RegistryScriptInput } from '#nuxt-scripts/types';
+import { ClarityOptions } from './schemas.js';
+export { ClarityOptions };
 type ClarityFunctions = ((fn: 'start', options: {
     content: boolean;
     cookies: string[];
@@ -22,12 +24,5 @@ declare global {
     interface Window extends ClarityApi {
     }
 }
-export declare const ClarityOptions: import("valibot").ObjectSchema<{
-    /**
-     * The Clarity token.
-     */
-    readonly id: import("valibot").SchemaWithPipe<readonly [import("valibot").StringSchema<undefined>, import("valibot").MinLengthAction<string, 10, undefined>]>;
-}, undefined>;
 export type ClarityInput = RegistryScriptInput<typeof ClarityOptions>;
 export declare function useScriptClarity<T extends ClarityApi>(_options?: ClarityInput): import("#nuxt-scripts/types").UseScriptContext<T>;
-export {};

package/dist/runtime/registry/clarity.js

@@ -1,11 +1,6 @@
-import { minLength, object, pipe, string } from "#nuxt-scripts-validator";
 import { useRegistryScript } from "../utils.js";
-export const ClarityOptions = object({
-  /**
-   * The Clarity token.
-   */
-  id: pipe(string(), minLength(10))
-});
+import { ClarityOptions } from "./schemas.js";
+export { ClarityOptions };
 export function useScriptClarity(_options) {
   return useRegistryScript("clarity", (options) => ({
     scriptInput: {

package/dist/runtime/registry/cloudflare-web-analytics.d.ts

@@ -1,4 +1,6 @@
 import type { RegistryScriptInput } from '#nuxt-scripts/types';
+import { CloudflareWebAnalyticsOptions } from './schemas.js';
+export { CloudflareWebAnalyticsOptions };
 /**
  * Sample:
  * <!-- Cloudflare Web Analytics -->
@@ -16,18 +18,5 @@ declare global {
     interface Window extends CloudflareWebAnalyticsApi {
     }
 }
-export declare const CloudflareWebAnalyticsOptions: import("valibot").ObjectSchema<{
-    /**
-     * The Cloudflare Web Analytics token.
-     */
-    readonly token: import("valibot").SchemaWithPipe<readonly [import("valibot").StringSchema<undefined>, import("valibot").MinLengthAction<string, 32, undefined>]>;
-    /**
-     * Cloudflare Web Analytics enables measuring SPAs automatically by overriding the History API’s pushState function
-     * and listening to the onpopstate. Hash-based router is not supported.
-     *
-     * @default true
-     */
-    readonly spa: import("valibot").OptionalSchema<import("valibot").BooleanSchema<undefined>, undefined>;
-}, undefined>;
 export type CloudflareWebAnalyticsInput = RegistryScriptInput<typeof CloudflareWebAnalyticsOptions>;
 export declare function useScriptCloudflareWebAnalytics<T extends CloudflareWebAnalyticsApi>(_options?: CloudflareWebAnalyticsInput): import("#nuxt-scripts/types").UseScriptContext<T>;

package/dist/runtime/registry/cloudflare-web-analytics.js

@@ -1,18 +1,6 @@
-import { boolean, minLength, object, optional, pipe, string } from "#nuxt-scripts-validator";
 import { useRegistryScript } from "../utils.js";
-export const CloudflareWebAnalyticsOptions = object({
-  /**
-   * The Cloudflare Web Analytics token.
-   */
-  token: pipe(string(), minLength(32)),
-  /**
-   * Cloudflare Web Analytics enables measuring SPAs automatically by overriding the History API’s pushState function
-   * and listening to the onpopstate. Hash-based router is not supported.
-   *
-   * @default true
-   */
-  spa: optional(boolean())
-});
+import { CloudflareWebAnalyticsOptions } from "./schemas.js";
+export { CloudflareWebAnalyticsOptions };
 export function useScriptCloudflareWebAnalytics(_options) {
   return useRegistryScript("cloudflareWebAnalytics", (options) => ({
     scriptInput: {

package/dist/runtime/registry/crisp.d.ts

@@ -1,36 +1,6 @@
 import type { RegistryScriptInput } from '#nuxt-scripts/types';
-export declare const CrispOptions: import("valibot").ObjectSchema<{
-    /**
-     * The Crisp ID.
-     */
-    readonly id: import("valibot").StringSchema<undefined>;
-    /**
-     * Extra configuration options. Used to configure the locale.
-     * Same as CRISP_RUNTIME_CONFIG.
-     * @see https://docs.crisp.chat/guides/chatbox-sdks/web-sdk/language-customization/
-     */
-    readonly runtimeConfig: import("valibot").OptionalSchema<import("valibot").ObjectSchema<{
-        readonly locale: import("valibot").OptionalSchema<import("valibot").StringSchema<undefined>, undefined>;
-    }, undefined>, undefined>;
-    /**
-     * Associated a session, equivalent to using CRISP_TOKEN_ID variable.
-     * Same as CRISP_TOKEN_ID.
-     * @see https://docs.crisp.chat/guides/chatbox-sdks/web-sdk/session-continuity/
-     */
-    readonly tokenId: import("valibot").OptionalSchema<import("valibot").StringSchema<undefined>, undefined>;
-    /**
-     * Restrict the domain that the Crisp cookie is set on.
-     * Same as CRISP_COOKIE_DOMAIN.
-     * @see https://docs.crisp.chat/guides/chatbox-sdks/web-sdk/cookie-policies/
-     */
-    readonly cookieDomain: import("valibot").OptionalSchema<import("valibot").StringSchema<undefined>, undefined>;
-    /**
-     * The cookie expiry in seconds.
-     * Same as CRISP_COOKIE_EXPIRATION.
-     * @see https://docs.crisp.chat/guides/chatbox-sdks/web-sdk/cookie-policies/#change-cookie-expiration-date
-     */
-    readonly cookieExpiry: import("valibot").OptionalSchema<import("valibot").NumberSchema<undefined>, undefined>;
-}, undefined>;
+import { CrispOptions } from './schemas.js';
+export { CrispOptions };
 export type CrispInput = RegistryScriptInput<typeof CrispOptions, false, false, false>;
 export interface CrispApi {
     push: (...args: any[]) => void;

package/dist/runtime/registry/crisp.js

@@ -1,37 +1,6 @@
-import { number, object, optional, string } from "#nuxt-scripts-validator";
 import { useRegistryScript } from "../utils.js";
-export const CrispOptions = object({
-  /**
-   * The Crisp ID.
-   */
-  id: string(),
-  /**
-   * Extra configuration options. Used to configure the locale.
-   * Same as CRISP_RUNTIME_CONFIG.
-   * @see https://docs.crisp.chat/guides/chatbox-sdks/web-sdk/language-customization/
-   */
-  runtimeConfig: optional(object({
-    locale: optional(string())
-  })),
-  /**
-   * Associated a session, equivalent to using CRISP_TOKEN_ID variable.
-   * Same as CRISP_TOKEN_ID.
-   * @see https://docs.crisp.chat/guides/chatbox-sdks/web-sdk/session-continuity/
-   */
-  tokenId: optional(string()),
-  /**
-   * Restrict the domain that the Crisp cookie is set on.
-   * Same as CRISP_COOKIE_DOMAIN.
-   * @see https://docs.crisp.chat/guides/chatbox-sdks/web-sdk/cookie-policies/
-   */
-  cookieDomain: optional(string()),
-  /**
-   * The cookie expiry in seconds.
-   * Same as CRISP_COOKIE_EXPIRATION.
-   * @see https://docs.crisp.chat/guides/chatbox-sdks/web-sdk/cookie-policies/#change-cookie-expiration-date
-   */
-  cookieExpiry: optional(number())
-});
+import { CrispOptions } from "./schemas.js";
+export { CrispOptions };
 export function useScriptCrisp(_options) {
   let readyPromise = Promise.resolve();
   return useRegistryScript("crisp", (options) => ({