@tour24/tori-embed-react 0.0.0-stage → 0.1.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -0,0 +1,144 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
import { createComponent } from '@stencil/react-output-target/runtime';
|
|
3
|
+
import React from 'react';
|
|
4
|
+
import { ToriEmbed as ToriEmbedElement, defineCustomElement as defineToriEmbed } from "@tour24/tori-embed/dist/components/tori-embed.js";
|
|
5
|
+
import { WidgetCard as WidgetCardElement, defineCustomElement as defineWidgetCard } from "@tour24/tori-embed/dist/components/widget-card.js";
|
|
6
|
+
import { WidgetChatResponse as WidgetChatResponseElement, defineCustomElement as defineWidgetChatResponse } from "@tour24/tori-embed/dist/components/widget-chat-response.js";
|
|
7
|
+
import { WidgetChat as WidgetChatElement, defineCustomElement as defineWidgetChat } from "@tour24/tori-embed/dist/components/widget-chat.js";
|
|
8
|
+
import { WidgetContact as WidgetContactElement, defineCustomElement as defineWidgetContact } from "@tour24/tori-embed/dist/components/widget-contact.js";
|
|
9
|
+
import { WidgetFeeGuide as WidgetFeeGuideElement, defineCustomElement as defineWidgetFeeGuide } from "@tour24/tori-embed/dist/components/widget-fee-guide.js";
|
|
10
|
+
import { WidgetFooter as WidgetFooterElement, defineCustomElement as defineWidgetFooter } from "@tour24/tori-embed/dist/components/widget-footer.js";
|
|
11
|
+
import { WidgetHeader as WidgetHeaderElement, defineCustomElement as defineWidgetHeader } from "@tour24/tori-embed/dist/components/widget-header.js";
|
|
12
|
+
import { WidgetHome as WidgetHomeElement, defineCustomElement as defineWidgetHome } from "@tour24/tori-embed/dist/components/widget-home.js";
|
|
13
|
+
import { WidgetInput as WidgetInputElement, defineCustomElement as defineWidgetInput } from "@tour24/tori-embed/dist/components/widget-input.js";
|
|
14
|
+
import { WidgetLauncher as WidgetLauncherElement, defineCustomElement as defineWidgetLauncher } from "@tour24/tori-embed/dist/components/widget-launcher.js";
|
|
15
|
+
import { WidgetMediaPanel as WidgetMediaPanelElement, defineCustomElement as defineWidgetMediaPanel } from "@tour24/tori-embed/dist/components/widget-media-panel.js";
|
|
16
|
+
import { WidgetOperationHours as WidgetOperationHoursElement, defineCustomElement as defineWidgetOperationHours } from "@tour24/tori-embed/dist/components/widget-operation-hours.js";
|
|
17
|
+
import { WidgetScheduler as WidgetSchedulerElement, defineCustomElement as defineWidgetScheduler } from "@tour24/tori-embed/dist/components/widget-scheduler.js";
|
|
18
|
+
export const ToriEmbed = /*@__PURE__*/ createComponent({
|
|
19
|
+
tagName: 'tori-embed',
|
|
20
|
+
elementClass: ToriEmbedElement,
|
|
21
|
+
// @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
|
|
22
|
+
react: React,
|
|
23
|
+
events: {},
|
|
24
|
+
defineCustomElement: defineToriEmbed
|
|
25
|
+
});
|
|
26
|
+
export const WidgetCard = /*@__PURE__*/ createComponent({
|
|
27
|
+
tagName: 'widget-card',
|
|
28
|
+
elementClass: WidgetCardElement,
|
|
29
|
+
// @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
|
|
30
|
+
react: React,
|
|
31
|
+
events: { onCardClick: 'cardClick' },
|
|
32
|
+
defineCustomElement: defineWidgetCard
|
|
33
|
+
});
|
|
34
|
+
export const WidgetChat = /*@__PURE__*/ createComponent({
|
|
35
|
+
tagName: 'widget-chat',
|
|
36
|
+
elementClass: WidgetChatElement,
|
|
37
|
+
// @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
|
|
38
|
+
react: React,
|
|
39
|
+
events: { onScheduleRequested: 'scheduleRequested' },
|
|
40
|
+
defineCustomElement: defineWidgetChat
|
|
41
|
+
});
|
|
42
|
+
export const WidgetChatResponse = /*@__PURE__*/ createComponent({
|
|
43
|
+
tagName: 'widget-chat-response',
|
|
44
|
+
elementClass: WidgetChatResponseElement,
|
|
45
|
+
// @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
|
|
46
|
+
react: React,
|
|
47
|
+
events: {
|
|
48
|
+
onFeeGuideRequested: 'feeGuideRequested',
|
|
49
|
+
onTourSelected: 'tourSelected'
|
|
50
|
+
},
|
|
51
|
+
defineCustomElement: defineWidgetChatResponse
|
|
52
|
+
});
|
|
53
|
+
export const WidgetContact = /*@__PURE__*/ createComponent({
|
|
54
|
+
tagName: 'widget-contact',
|
|
55
|
+
elementClass: WidgetContactElement,
|
|
56
|
+
// @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
|
|
57
|
+
react: React,
|
|
58
|
+
events: {},
|
|
59
|
+
defineCustomElement: defineWidgetContact
|
|
60
|
+
});
|
|
61
|
+
export const WidgetFeeGuide = /*@__PURE__*/ createComponent({
|
|
62
|
+
tagName: 'widget-fee-guide',
|
|
63
|
+
elementClass: WidgetFeeGuideElement,
|
|
64
|
+
// @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
|
|
65
|
+
react: React,
|
|
66
|
+
events: { onFeeGuideClose: 'feeGuideClose' },
|
|
67
|
+
defineCustomElement: defineWidgetFeeGuide
|
|
68
|
+
});
|
|
69
|
+
export const WidgetFooter = /*@__PURE__*/ createComponent({
|
|
70
|
+
tagName: 'widget-footer',
|
|
71
|
+
elementClass: WidgetFooterElement,
|
|
72
|
+
// @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
|
|
73
|
+
react: React,
|
|
74
|
+
events: {},
|
|
75
|
+
defineCustomElement: defineWidgetFooter
|
|
76
|
+
});
|
|
77
|
+
export const WidgetHeader = /*@__PURE__*/ createComponent({
|
|
78
|
+
tagName: 'widget-header',
|
|
79
|
+
elementClass: WidgetHeaderElement,
|
|
80
|
+
// @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
|
|
81
|
+
react: React,
|
|
82
|
+
events: {
|
|
83
|
+
onClose: 'close',
|
|
84
|
+
onBack: 'back',
|
|
85
|
+
onClearChat: 'clearChat'
|
|
86
|
+
},
|
|
87
|
+
defineCustomElement: defineWidgetHeader
|
|
88
|
+
});
|
|
89
|
+
export const WidgetHome = /*@__PURE__*/ createComponent({
|
|
90
|
+
tagName: 'widget-home',
|
|
91
|
+
elementClass: WidgetHomeElement,
|
|
92
|
+
// @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
|
|
93
|
+
react: React,
|
|
94
|
+
events: {
|
|
95
|
+
onStartScheduler: 'startScheduler',
|
|
96
|
+
onStartContact: 'startContact',
|
|
97
|
+
onCompletePreTourRequested: 'completePreTourRequested'
|
|
98
|
+
},
|
|
99
|
+
defineCustomElement: defineWidgetHome
|
|
100
|
+
});
|
|
101
|
+
export const WidgetInput = /*@__PURE__*/ createComponent({
|
|
102
|
+
tagName: 'widget-input',
|
|
103
|
+
elementClass: WidgetInputElement,
|
|
104
|
+
// @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
|
|
105
|
+
react: React,
|
|
106
|
+
events: {
|
|
107
|
+
onValueChange: 'valueChange',
|
|
108
|
+
onSend: 'send',
|
|
109
|
+
onInputKeyDown: 'inputKeyDown'
|
|
110
|
+
},
|
|
111
|
+
defineCustomElement: defineWidgetInput
|
|
112
|
+
});
|
|
113
|
+
export const WidgetLauncher = /*@__PURE__*/ createComponent({
|
|
114
|
+
tagName: 'widget-launcher',
|
|
115
|
+
elementClass: WidgetLauncherElement,
|
|
116
|
+
// @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
|
|
117
|
+
react: React,
|
|
118
|
+
events: { onToggle: 'toggle' },
|
|
119
|
+
defineCustomElement: defineWidgetLauncher
|
|
120
|
+
});
|
|
121
|
+
export const WidgetMediaPanel = /*@__PURE__*/ createComponent({
|
|
122
|
+
tagName: 'widget-media-panel',
|
|
123
|
+
elementClass: WidgetMediaPanelElement,
|
|
124
|
+
// @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
|
|
125
|
+
react: React,
|
|
126
|
+
events: {},
|
|
127
|
+
defineCustomElement: defineWidgetMediaPanel
|
|
128
|
+
});
|
|
129
|
+
export const WidgetOperationHours = /*@__PURE__*/ createComponent({
|
|
130
|
+
tagName: 'widget-operation-hours',
|
|
131
|
+
elementClass: WidgetOperationHoursElement,
|
|
132
|
+
// @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
|
|
133
|
+
react: React,
|
|
134
|
+
events: {},
|
|
135
|
+
defineCustomElement: defineWidgetOperationHours
|
|
136
|
+
});
|
|
137
|
+
export const WidgetScheduler = /*@__PURE__*/ createComponent({
|
|
138
|
+
tagName: 'widget-scheduler',
|
|
139
|
+
elementClass: WidgetSchedulerElement,
|
|
140
|
+
// @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
|
|
141
|
+
react: React,
|
|
142
|
+
events: {},
|
|
143
|
+
defineCustomElement: defineWidgetScheduler
|
|
144
|
+
});
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
// Stencil-generated React wrappers are emitted here by the stencil.config.ts reactOutputTarget.
|
|
2
|
+
// After running `pnpm build` in packages/tori-embed, the generated file will appear at:
|
|
3
|
+
// lib/components/stencil-generated/components.ts
|
|
4
|
+
// This file re-exports them for consumers.
|
|
5
|
+
export * from '../lib/components/stencil-generated/components';
|
|
@@ -0,0 +1,77 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* This file was automatically generated by the Stencil React Output Target.
|
|
3
|
+
* Changes to this file may cause incorrect behavior and will be lost if the code is regenerated.
|
|
4
|
+
*/
|
|
5
|
+
import type { EventName, StencilReactComponent } from '@stencil/react-output-target/runtime';
|
|
6
|
+
import { type ProspectDetails, type ToriTour, type WidgetCardCustomEvent, type WidgetChatCustomEvent, type WidgetChatResponseCustomEvent, type WidgetFeeGuideCustomEvent, type WidgetHeaderCustomEvent, type WidgetHomeCustomEvent, type WidgetInputCustomEvent, type WidgetLauncherCustomEvent } from "@tour24/tori-embed";
|
|
7
|
+
import type { Components } from "@tour24/tori-embed/dist/components";
|
|
8
|
+
import { ToriEmbed as ToriEmbedElement } from "@tour24/tori-embed/dist/components/tori-embed.js";
|
|
9
|
+
import { WidgetCard as WidgetCardElement } from "@tour24/tori-embed/dist/components/widget-card.js";
|
|
10
|
+
import { WidgetChatResponse as WidgetChatResponseElement } from "@tour24/tori-embed/dist/components/widget-chat-response.js";
|
|
11
|
+
import { WidgetChat as WidgetChatElement } from "@tour24/tori-embed/dist/components/widget-chat.js";
|
|
12
|
+
import { WidgetContact as WidgetContactElement } from "@tour24/tori-embed/dist/components/widget-contact.js";
|
|
13
|
+
import { WidgetFeeGuide as WidgetFeeGuideElement } from "@tour24/tori-embed/dist/components/widget-fee-guide.js";
|
|
14
|
+
import { WidgetFooter as WidgetFooterElement } from "@tour24/tori-embed/dist/components/widget-footer.js";
|
|
15
|
+
import { WidgetHeader as WidgetHeaderElement } from "@tour24/tori-embed/dist/components/widget-header.js";
|
|
16
|
+
import { WidgetHome as WidgetHomeElement } from "@tour24/tori-embed/dist/components/widget-home.js";
|
|
17
|
+
import { WidgetInput as WidgetInputElement } from "@tour24/tori-embed/dist/components/widget-input.js";
|
|
18
|
+
import { WidgetLauncher as WidgetLauncherElement } from "@tour24/tori-embed/dist/components/widget-launcher.js";
|
|
19
|
+
import { WidgetMediaPanel as WidgetMediaPanelElement } from "@tour24/tori-embed/dist/components/widget-media-panel.js";
|
|
20
|
+
import { WidgetOperationHours as WidgetOperationHoursElement } from "@tour24/tori-embed/dist/components/widget-operation-hours.js";
|
|
21
|
+
import { WidgetScheduler as WidgetSchedulerElement } from "@tour24/tori-embed/dist/components/widget-scheduler.js";
|
|
22
|
+
export type ToriEmbedEvents = NonNullable<unknown>;
|
|
23
|
+
export declare const ToriEmbed: StencilReactComponent<ToriEmbedElement, ToriEmbedEvents, Components.ToriEmbed>;
|
|
24
|
+
export type WidgetCardEvents = {
|
|
25
|
+
onCardClick: EventName<WidgetCardCustomEvent<void>>;
|
|
26
|
+
};
|
|
27
|
+
export declare const WidgetCard: StencilReactComponent<WidgetCardElement, WidgetCardEvents, Components.WidgetCard>;
|
|
28
|
+
export type WidgetChatEvents = {
|
|
29
|
+
onScheduleRequested: EventName<WidgetChatCustomEvent<void>>;
|
|
30
|
+
};
|
|
31
|
+
export declare const WidgetChat: StencilReactComponent<WidgetChatElement, WidgetChatEvents, Components.WidgetChat, 'propertyId' | 'sessionId'>;
|
|
32
|
+
export type WidgetChatResponseEvents = {
|
|
33
|
+
onFeeGuideRequested: EventName<WidgetChatResponseCustomEvent<void>>;
|
|
34
|
+
onTourSelected: EventName<WidgetChatResponseCustomEvent<ToriTour>>;
|
|
35
|
+
};
|
|
36
|
+
export declare const WidgetChatResponse: StencilReactComponent<WidgetChatResponseElement, WidgetChatResponseEvents, Components.WidgetChatResponse>;
|
|
37
|
+
export type WidgetContactEvents = NonNullable<unknown>;
|
|
38
|
+
export declare const WidgetContact: StencilReactComponent<WidgetContactElement, WidgetContactEvents, Components.WidgetContact>;
|
|
39
|
+
export type WidgetFeeGuideEvents = {
|
|
40
|
+
onFeeGuideClose: EventName<WidgetFeeGuideCustomEvent<void>>;
|
|
41
|
+
};
|
|
42
|
+
export declare const WidgetFeeGuide: StencilReactComponent<WidgetFeeGuideElement, WidgetFeeGuideEvents, Components.WidgetFeeGuide>;
|
|
43
|
+
export type WidgetFooterEvents = NonNullable<unknown>;
|
|
44
|
+
export declare const WidgetFooter: StencilReactComponent<WidgetFooterElement, WidgetFooterEvents, Components.WidgetFooter>;
|
|
45
|
+
export type WidgetHeaderEvents = {
|
|
46
|
+
onClose: EventName<WidgetHeaderCustomEvent<void>>;
|
|
47
|
+
onBack: EventName<WidgetHeaderCustomEvent<void>>;
|
|
48
|
+
onClearChat: EventName<WidgetHeaderCustomEvent<void>>;
|
|
49
|
+
};
|
|
50
|
+
export declare const WidgetHeader: StencilReactComponent<WidgetHeaderElement, WidgetHeaderEvents, Components.WidgetHeader>;
|
|
51
|
+
export type WidgetHomeEvents = {
|
|
52
|
+
onStartScheduler: EventName<WidgetHomeCustomEvent<void>>;
|
|
53
|
+
onStartContact: EventName<WidgetHomeCustomEvent<void>>;
|
|
54
|
+
onCompletePreTourRequested: EventName<WidgetHomeCustomEvent<{
|
|
55
|
+
source: 'tori-chat';
|
|
56
|
+
tourType: 'sgt';
|
|
57
|
+
time: string;
|
|
58
|
+
prospect: ProspectDetails;
|
|
59
|
+
}>>;
|
|
60
|
+
};
|
|
61
|
+
export declare const WidgetHome: StencilReactComponent<WidgetHomeElement, WidgetHomeEvents, Components.WidgetHome>;
|
|
62
|
+
export type WidgetInputEvents = {
|
|
63
|
+
onValueChange: EventName<WidgetInputCustomEvent<string>>;
|
|
64
|
+
onSend: EventName<WidgetInputCustomEvent<void>>;
|
|
65
|
+
onInputKeyDown: EventName<WidgetInputCustomEvent<KeyboardEvent>>;
|
|
66
|
+
};
|
|
67
|
+
export declare const WidgetInput: StencilReactComponent<WidgetInputElement, WidgetInputEvents, Components.WidgetInput>;
|
|
68
|
+
export type WidgetLauncherEvents = {
|
|
69
|
+
onToggle: EventName<WidgetLauncherCustomEvent<void>>;
|
|
70
|
+
};
|
|
71
|
+
export declare const WidgetLauncher: StencilReactComponent<WidgetLauncherElement, WidgetLauncherEvents, Components.WidgetLauncher>;
|
|
72
|
+
export type WidgetMediaPanelEvents = NonNullable<unknown>;
|
|
73
|
+
export declare const WidgetMediaPanel: StencilReactComponent<WidgetMediaPanelElement, WidgetMediaPanelEvents, Components.WidgetMediaPanel>;
|
|
74
|
+
export type WidgetOperationHoursEvents = NonNullable<unknown>;
|
|
75
|
+
export declare const WidgetOperationHours: StencilReactComponent<WidgetOperationHoursElement, WidgetOperationHoursEvents, Components.WidgetOperationHours>;
|
|
76
|
+
export type WidgetSchedulerEvents = NonNullable<unknown>;
|
|
77
|
+
export declare const WidgetScheduler: StencilReactComponent<WidgetSchedulerElement, WidgetSchedulerEvents, Components.WidgetScheduler, 'propertyId' | 'sessionId'>;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from '../lib/components/stencil-generated/components';
|
package/package.json
CHANGED
|
@@ -1,6 +1,46 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@tour24/tori-embed-react",
|
|
3
|
-
"version": "0.
|
|
4
|
-
"
|
|
5
|
-
"
|
|
6
|
-
|
|
3
|
+
"version": "0.1.2",
|
|
4
|
+
"description": "React wrapper for @tour24/tori-embed Stencil web components",
|
|
5
|
+
"type": "module",
|
|
6
|
+
"main": "dist/src/index.js",
|
|
7
|
+
"module": "dist/src/index.js",
|
|
8
|
+
"types": "dist/types/src/index.d.ts",
|
|
9
|
+
"exports": {
|
|
10
|
+
".": {
|
|
11
|
+
"types": "./dist/types/src/index.d.ts",
|
|
12
|
+
"import": "./dist/src/index.js"
|
|
13
|
+
}
|
|
14
|
+
},
|
|
15
|
+
"files": [
|
|
16
|
+
"dist"
|
|
17
|
+
],
|
|
18
|
+
"scripts": {
|
|
19
|
+
"build": "pnpm run tsc",
|
|
20
|
+
"build:prod": "pnpm run tsc",
|
|
21
|
+
"tsc": "tsc -p tsconfig.json --outDir ./dist"
|
|
22
|
+
},
|
|
23
|
+
"devDependencies": {
|
|
24
|
+
"@types/react": "^19.0.0",
|
|
25
|
+
"react": "^19.0.0",
|
|
26
|
+
"react-dom": "^19.0.0",
|
|
27
|
+
"typescript": "^5.9.3"
|
|
28
|
+
},
|
|
29
|
+
"peerDependencies": {
|
|
30
|
+
"react": ">=17"
|
|
31
|
+
},
|
|
32
|
+
"dependencies": {
|
|
33
|
+
"@stencil/react-output-target": "^1.2.0",
|
|
34
|
+
"@tour24/tori-embed": "0.1.2"
|
|
35
|
+
},
|
|
36
|
+
"publishConfig": {
|
|
37
|
+
"registry": "https://pkgs.dev.azure.com/Tour24Now/Tour24-Platform/_packaging/tour24/npm/registry/",
|
|
38
|
+
"access": "public"
|
|
39
|
+
},
|
|
40
|
+
"repository": {
|
|
41
|
+
"type": "git",
|
|
42
|
+
"url": "git+https://github.com/Tour24/tori-embed.git",
|
|
43
|
+
"directory": "packages/tori-embed-react"
|
|
44
|
+
},
|
|
45
|
+
"license": "MIT"
|
|
46
|
+
}
|
package/README.md
DELETED