@revvue/embed-react 0.0.0-beta.4 → 0.0.0-beta.5
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.
- package/dist/css/dialog.css +1 -1
- package/dist/css/drawer.css +1 -1
- package/dist/css/popover.css +1 -1
- package/dist/package.cjs +10 -10
- package/dist/package.mjs +10 -10
- package/dist/types/bindings/drawer/drawer.d.ts +2 -2
- package/dist/types/bindings/popover/popover.d.ts +2 -2
- package/dist/types/bindings/widget/widget.d.ts +2 -2
- package/package.json +2 -2
package/dist/css/dialog.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
@layer tokens{:root{--rvv-z-index:10001;--rvv-color-background:#fff;--rvv-color-foreground:#151426;--rvv-shadow-base:0 2px 12px 0 #0000001a;--rvv-shadow-base-hover:0 2px 12px 0 #0003;--radius-base:10px;--rvv-button-color:var(--rvv-color-foreground);--rvv-button-text-color:#fff}}.rvv-button{all:unset;box-sizing:border-box;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;justify-content:center;align-items:center;gap:8px;font-family:inherit;line-height:1;display:inline-flex}.rvv-button--trigger{background-color:var(--rvv-button-color);box-shadow:var(--rvv-shadow-base);color:var(--rvv-button-text-color);white-space:nowrap;border-radius:
|
|
1
|
+
@layer tokens{:root{--rvv-z-index:10001;--rvv-color-background:#fff;--rvv-color-foreground:#151426;--rvv-shadow-base:0 2px 12px 0 #0000001a;--rvv-shadow-base-hover:0 2px 12px 0 #0003;--radius-base:10px;--rvv-button-color:var(--rvv-color-foreground);--rvv-button-text-color:#fff}}.rvv-button{all:unset;box-sizing:border-box;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;justify-content:center;align-items:center;gap:8px;font-family:inherit;line-height:1;display:inline-flex}.rvv-button--trigger{background-color:var(--rvv-button-color);box-shadow:var(--rvv-shadow-base);color:var(--rvv-button-text-color);white-space:nowrap;border-radius:9999px;padding:12px 20px;font-size:15px;font-weight:500;transition:transform .15s,box-shadow .15s}.rvv-button--trigger:hover{color:var(--rvv-button-text-color);transform:scale(1.05)}.rvv-button--trigger:active,.rvv-button--trigger:hover{box-shadow:var(--rvv-shadow-base-hover)}.rvv-button--trigger:active{transform:scale(.95)}.rvv-button--trigger-popover{z-index:var(--rvv-z-index);position:fixed;bottom:24px}.rvv-button--trigger-popover[data-position=right]{right:24px}.rvv-button--trigger-popover[data-position=left]{left:24px}.rvv-button:has(.rvv-button-icon):not(:has(.rvv-button-label)){padding:12px}.rvv-button-icon{flex-shrink:0;justify-content:center;align-items:center;font-size:1.15em;display:inline-flex;position:relative}.rvv-button-icon svg{fill:currentColor;width:1em;height:1em}.rvv-button-icon--close,.rvv-button-icon--open{justify-content:center;align-items:center;transition:opacity .2s,transform .2s;display:inline-flex}.rvv-button-icon--close{opacity:0;position:absolute;inset:0;transform:rotate(45deg)scale(.5)}.rvv-button[data-open=true] .rvv-button-icon--open{opacity:0;transform:rotate(-45deg)scale(.5)}.rvv-button[data-open=true] .rvv-button-icon--close{opacity:1;transform:rotate(0)scale(1)}.rvv-button-label{flex:1 0 auto}@media (width<=480px){.rvv-button--trigger-popover{bottom:16px}.rvv-button--trigger-popover[data-position=right]{right:16px}.rvv-button--trigger-popover[data-position=left]{left:16px}}dialog.rvv-dialog{border-radius:var(--radius-base);opacity:0;max-width:calc(100vw - 32px);max-height:calc(100dvh - 32px);transition:opacity .2s ease,transform .2s ease,display allow-discrete .2s,overlay allow-discrete .2s;background:0 0;border:none;margin:auto;padding:0;overflow:visible;transform:scale(.96)translateY(10px)}dialog.rvv-dialog[open]{opacity:1;transform:scale(1)translateY(0)}@starting-style{dialog.rvv-dialog[open]{opacity:0;transform:scale(.96)translateY(10px)}}dialog.rvv-dialog::backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);opacity:0;transition:opacity .2s ease,display allow-discrete .2s,overlay allow-discrete .2s;background:#00000080}dialog.rvv-dialog[open]::backdrop{opacity:1}@starting-style{dialog.rvv-dialog[open]::backdrop{opacity:0}}.rvv-dialog-wrapper{background-color:var(--rvv-color-background);border-radius:var(--radius-base);box-shadow:var(--rvv-shadow-base);overflow:hidden}.rvv-dialog-wrapper iframe{border:none;width:100%;height:100%;display:block}@media (width<=480px){dialog.rvv-dialog{border-radius:0;max-width:100vw;max-height:100dvh;margin:0}.rvv-dialog-wrapper{border-radius:0;width:100vw;height:100dvh}}
|
package/dist/css/drawer.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
@layer tokens{:root{--rvv-z-index:10001;--rvv-color-background:#fff;--rvv-color-foreground:#151426;--rvv-shadow-base:0 2px 12px 0 #0000001a;--rvv-shadow-base-hover:0 2px 12px 0 #0003;--radius-base:10px;--rvv-button-color:var(--rvv-color-foreground);--rvv-button-text-color:#fff}}.rvv-button{all:unset;box-sizing:border-box;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;justify-content:center;align-items:center;gap:8px;font-family:inherit;line-height:1;display:inline-flex}.rvv-button--trigger{background-color:var(--rvv-button-color);box-shadow:var(--rvv-shadow-base);color:var(--rvv-button-text-color);white-space:nowrap;border-radius:
|
|
1
|
+
@layer tokens{:root{--rvv-z-index:10001;--rvv-color-background:#fff;--rvv-color-foreground:#151426;--rvv-shadow-base:0 2px 12px 0 #0000001a;--rvv-shadow-base-hover:0 2px 12px 0 #0003;--radius-base:10px;--rvv-button-color:var(--rvv-color-foreground);--rvv-button-text-color:#fff}}.rvv-button{all:unset;box-sizing:border-box;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;justify-content:center;align-items:center;gap:8px;font-family:inherit;line-height:1;display:inline-flex}.rvv-button--trigger{background-color:var(--rvv-button-color);box-shadow:var(--rvv-shadow-base);color:var(--rvv-button-text-color);white-space:nowrap;border-radius:9999px;padding:12px 20px;font-size:15px;font-weight:500;transition:transform .15s,box-shadow .15s}.rvv-button--trigger:hover{color:var(--rvv-button-text-color);transform:scale(1.05)}.rvv-button--trigger:active,.rvv-button--trigger:hover{box-shadow:var(--rvv-shadow-base-hover)}.rvv-button--trigger:active{transform:scale(.95)}.rvv-button--trigger-popover{z-index:var(--rvv-z-index);position:fixed;bottom:24px}.rvv-button--trigger-popover[data-position=right]{right:24px}.rvv-button--trigger-popover[data-position=left]{left:24px}.rvv-button:has(.rvv-button-icon):not(:has(.rvv-button-label)){padding:12px}.rvv-button-icon{flex-shrink:0;justify-content:center;align-items:center;font-size:1.15em;display:inline-flex;position:relative}.rvv-button-icon svg{fill:currentColor;width:1em;height:1em}.rvv-button-icon--close,.rvv-button-icon--open{justify-content:center;align-items:center;transition:opacity .2s,transform .2s;display:inline-flex}.rvv-button-icon--close{opacity:0;position:absolute;inset:0;transform:rotate(45deg)scale(.5)}.rvv-button[data-open=true] .rvv-button-icon--open{opacity:0;transform:rotate(-45deg)scale(.5)}.rvv-button[data-open=true] .rvv-button-icon--close{opacity:1;transform:rotate(0)scale(1)}.rvv-button-label{flex:1 0 auto}@media (width<=480px){.rvv-button--trigger-popover{bottom:16px}.rvv-button--trigger-popover[data-position=right]{right:16px}.rvv-button--trigger-popover[data-position=left]{left:16px}}.rvv-drawer{pointer-events:none;z-index:var(--rvv-z-index);background-color:#0000;transition:background-color .35s;position:fixed;inset:0}.rvv-drawer.open{pointer-events:auto;background-color:#0006}.rvv-drawer.open .rvv-drawer-wrapper{transform:translate(0)}.rvv-drawer-wrapper{background-color:var(--rvv-color-background);transition:transform .35s cubic-bezier(.4,0,.2,1);position:absolute;top:0;bottom:0;right:0;overflow:hidden;transform:translate(100%);box-shadow:-4px 0 24px #0000001f}.rvv-drawer-wrapper iframe{border:none;width:100%;height:100%;display:block}@media (width<=480px){.rvv-drawer-wrapper{width:100vw}}
|
package/dist/css/popover.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
@layer tokens{:root{--rvv-z-index:10001;--rvv-color-background:#fff;--rvv-color-foreground:#151426;--rvv-shadow-base:0 2px 12px 0 #0000001a;--rvv-shadow-base-hover:0 2px 12px 0 #0003;--radius-base:10px;--rvv-button-color:var(--rvv-color-foreground);--rvv-button-text-color:#fff}}.rvv-button{all:unset;box-sizing:border-box;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;justify-content:center;align-items:center;gap:8px;font-family:inherit;line-height:1;display:inline-flex}.rvv-button--trigger{background-color:var(--rvv-button-color);box-shadow:var(--rvv-shadow-base);color:var(--rvv-button-text-color);white-space:nowrap;border-radius:
|
|
1
|
+
@layer tokens{:root{--rvv-z-index:10001;--rvv-color-background:#fff;--rvv-color-foreground:#151426;--rvv-shadow-base:0 2px 12px 0 #0000001a;--rvv-shadow-base-hover:0 2px 12px 0 #0003;--radius-base:10px;--rvv-button-color:var(--rvv-color-foreground);--rvv-button-text-color:#fff}}.rvv-button{all:unset;box-sizing:border-box;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;justify-content:center;align-items:center;gap:8px;font-family:inherit;line-height:1;display:inline-flex}.rvv-button--trigger{background-color:var(--rvv-button-color);box-shadow:var(--rvv-shadow-base);color:var(--rvv-button-text-color);white-space:nowrap;border-radius:9999px;padding:12px 20px;font-size:15px;font-weight:500;transition:transform .15s,box-shadow .15s}.rvv-button--trigger:hover{color:var(--rvv-button-text-color);transform:scale(1.05)}.rvv-button--trigger:active,.rvv-button--trigger:hover{box-shadow:var(--rvv-shadow-base-hover)}.rvv-button--trigger:active{transform:scale(.95)}.rvv-button--trigger-popover{z-index:var(--rvv-z-index);position:fixed;bottom:24px}.rvv-button--trigger-popover[data-position=right]{right:24px}.rvv-button--trigger-popover[data-position=left]{left:24px}.rvv-button:has(.rvv-button-icon):not(:has(.rvv-button-label)){padding:12px}.rvv-button-icon{flex-shrink:0;justify-content:center;align-items:center;font-size:1.15em;display:inline-flex;position:relative}.rvv-button-icon svg{fill:currentColor;width:1em;height:1em}.rvv-button-icon--close,.rvv-button-icon--open{justify-content:center;align-items:center;transition:opacity .2s,transform .2s;display:inline-flex}.rvv-button-icon--close{opacity:0;position:absolute;inset:0;transform:rotate(45deg)scale(.5)}.rvv-button[data-open=true] .rvv-button-icon--open{opacity:0;transform:rotate(-45deg)scale(.5)}.rvv-button[data-open=true] .rvv-button-icon--close{opacity:1;transform:rotate(0)scale(1)}.rvv-button-label{flex:1 0 auto}@media (width<=480px){.rvv-button--trigger-popover{bottom:16px}.rvv-button--trigger-popover[data-position=right]{right:16px}.rvv-button--trigger-popover[data-position=left]{left:16px}}.rvv-popover{background-color:var(--rvv-color-background);border-radius:var(--radius-base);box-shadow:var(--rvv-shadow-base);opacity:0;transform-origin:100% 100%;max-width:100%;transition:opacity .15s ease,transform .15s ease,display allow-discrete .15s,overlay allow-discrete .15s;z-index:var(--rvv-z-index);display:none;position:fixed;bottom:96px;right:16px;overflow:hidden;transform:translateY(6px)scale(.99)}.rvv-popover.open{opacity:1;display:flex;transform:translateY(0)scale(1)}@starting-style{.rvv-popover.open{opacity:0;transform:translateY(6px)scale(.99)}}.rvv-popover iframe{border:none;width:100%;min-height:100%}.rvv-popover-wrapper{width:100%;min-width:360px;min-height:400px}@media (width<=480px){.rvv-popover{border-radius:var(--radius-base) var(--radius-base) 0 0;transform-origin:bottom;min-width:0;bottom:0;left:0;right:0;width:100%!important}}
|
package/dist/package.cjs
CHANGED
|
@@ -176,7 +176,7 @@ function createWidgetBindings({ factory, buildStableDeps }) {
|
|
|
176
176
|
//#region src/bindings/dialog/build-stable-deps.ts
|
|
177
177
|
function buildStableDeps$3(props) {
|
|
178
178
|
return [
|
|
179
|
-
props.
|
|
179
|
+
props.tenantId,
|
|
180
180
|
props.type,
|
|
181
181
|
props.app,
|
|
182
182
|
props.formId,
|
|
@@ -202,7 +202,7 @@ var Dialog = bindings$3.Embed;
|
|
|
202
202
|
*/
|
|
203
203
|
function buildStableDeps$2(props) {
|
|
204
204
|
return [
|
|
205
|
-
props.
|
|
205
|
+
props.tenantId,
|
|
206
206
|
props.type,
|
|
207
207
|
props.app,
|
|
208
208
|
props.formId,
|
|
@@ -221,7 +221,7 @@ var bindings$2 = createFloatingBindings({
|
|
|
221
221
|
*
|
|
222
222
|
* @example
|
|
223
223
|
* ```tsx
|
|
224
|
-
* const drawer = useDrawer({
|
|
224
|
+
* const drawer = useDrawer({ tenantId, app: "chat", type: "drawer" });
|
|
225
225
|
* return <button {...drawer.getTriggerProps()}>Chat</button>;
|
|
226
226
|
* ```
|
|
227
227
|
*/
|
|
@@ -232,7 +232,7 @@ var useDrawer = bindings$2.useEmbed;
|
|
|
232
232
|
*
|
|
233
233
|
* @example
|
|
234
234
|
* ```tsx
|
|
235
|
-
* <Drawer
|
|
235
|
+
* <Drawer tenantId={tenantId} app="chat" type="drawer">Chat</Drawer>
|
|
236
236
|
* ```
|
|
237
237
|
*/
|
|
238
238
|
var Drawer = bindings$2.Embed;
|
|
@@ -247,7 +247,7 @@ var Drawer = bindings$2.Embed;
|
|
|
247
247
|
*/
|
|
248
248
|
function buildStableDeps$1(props) {
|
|
249
249
|
return [
|
|
250
|
-
props.
|
|
250
|
+
props.tenantId,
|
|
251
251
|
props.type,
|
|
252
252
|
props.app,
|
|
253
253
|
props.formId,
|
|
@@ -271,7 +271,7 @@ var bindings$1 = createFloatingBindings({
|
|
|
271
271
|
*
|
|
272
272
|
* @example
|
|
273
273
|
* ```tsx
|
|
274
|
-
* const popover = usePopover({
|
|
274
|
+
* const popover = usePopover({ tenantId, app: "chat", type: "popover" });
|
|
275
275
|
* return <button {...popover.getTriggerProps()}>Chat</button>;
|
|
276
276
|
* ```
|
|
277
277
|
*/
|
|
@@ -282,7 +282,7 @@ var usePopover = bindings$1.useEmbed;
|
|
|
282
282
|
*
|
|
283
283
|
* @example
|
|
284
284
|
* ```tsx
|
|
285
|
-
* <Popover
|
|
285
|
+
* <Popover tenantId={tenantId} app="chat" type="popover">Chat</Popover>
|
|
286
286
|
* ```
|
|
287
287
|
*/
|
|
288
288
|
var Popover = bindings$1.Embed;
|
|
@@ -290,7 +290,7 @@ var Popover = bindings$1.Embed;
|
|
|
290
290
|
//#region src/bindings/widget/build-stable-deps.ts
|
|
291
291
|
function buildStableDeps(props) {
|
|
292
292
|
return [
|
|
293
|
-
props.
|
|
293
|
+
props.tenantId,
|
|
294
294
|
props.type,
|
|
295
295
|
props.app,
|
|
296
296
|
props.formId,
|
|
@@ -310,7 +310,7 @@ var bindings = createWidgetBindings({
|
|
|
310
310
|
*
|
|
311
311
|
* @example
|
|
312
312
|
* ```tsx
|
|
313
|
-
* const widget = useWidget({
|
|
313
|
+
* const widget = useWidget({ tenantId, app: "chat", type: "widget" });
|
|
314
314
|
* return <div ref={widget.containerRef} className="my-host" />;
|
|
315
315
|
* ```
|
|
316
316
|
*/
|
|
@@ -321,7 +321,7 @@ var useWidget = bindings.useEmbed;
|
|
|
321
321
|
*
|
|
322
322
|
* @example
|
|
323
323
|
* ```tsx
|
|
324
|
-
* <Widget
|
|
324
|
+
* <Widget tenantId={tenantId} app="chat" type="widget" className="h-full w-full" />
|
|
325
325
|
* ```
|
|
326
326
|
*/
|
|
327
327
|
var Widget = bindings.Embed;
|
package/dist/package.mjs
CHANGED
|
@@ -175,7 +175,7 @@ function createWidgetBindings({ factory, buildStableDeps }) {
|
|
|
175
175
|
//#region src/bindings/dialog/build-stable-deps.ts
|
|
176
176
|
function buildStableDeps$3(props) {
|
|
177
177
|
return [
|
|
178
|
-
props.
|
|
178
|
+
props.tenantId,
|
|
179
179
|
props.type,
|
|
180
180
|
props.app,
|
|
181
181
|
props.formId,
|
|
@@ -201,7 +201,7 @@ var Dialog = bindings$3.Embed;
|
|
|
201
201
|
*/
|
|
202
202
|
function buildStableDeps$2(props) {
|
|
203
203
|
return [
|
|
204
|
-
props.
|
|
204
|
+
props.tenantId,
|
|
205
205
|
props.type,
|
|
206
206
|
props.app,
|
|
207
207
|
props.formId,
|
|
@@ -220,7 +220,7 @@ var bindings$2 = createFloatingBindings({
|
|
|
220
220
|
*
|
|
221
221
|
* @example
|
|
222
222
|
* ```tsx
|
|
223
|
-
* const drawer = useDrawer({
|
|
223
|
+
* const drawer = useDrawer({ tenantId, app: "chat", type: "drawer" });
|
|
224
224
|
* return <button {...drawer.getTriggerProps()}>Chat</button>;
|
|
225
225
|
* ```
|
|
226
226
|
*/
|
|
@@ -231,7 +231,7 @@ var useDrawer = bindings$2.useEmbed;
|
|
|
231
231
|
*
|
|
232
232
|
* @example
|
|
233
233
|
* ```tsx
|
|
234
|
-
* <Drawer
|
|
234
|
+
* <Drawer tenantId={tenantId} app="chat" type="drawer">Chat</Drawer>
|
|
235
235
|
* ```
|
|
236
236
|
*/
|
|
237
237
|
var Drawer = bindings$2.Embed;
|
|
@@ -246,7 +246,7 @@ var Drawer = bindings$2.Embed;
|
|
|
246
246
|
*/
|
|
247
247
|
function buildStableDeps$1(props) {
|
|
248
248
|
return [
|
|
249
|
-
props.
|
|
249
|
+
props.tenantId,
|
|
250
250
|
props.type,
|
|
251
251
|
props.app,
|
|
252
252
|
props.formId,
|
|
@@ -270,7 +270,7 @@ var bindings$1 = createFloatingBindings({
|
|
|
270
270
|
*
|
|
271
271
|
* @example
|
|
272
272
|
* ```tsx
|
|
273
|
-
* const popover = usePopover({
|
|
273
|
+
* const popover = usePopover({ tenantId, app: "chat", type: "popover" });
|
|
274
274
|
* return <button {...popover.getTriggerProps()}>Chat</button>;
|
|
275
275
|
* ```
|
|
276
276
|
*/
|
|
@@ -281,7 +281,7 @@ var usePopover = bindings$1.useEmbed;
|
|
|
281
281
|
*
|
|
282
282
|
* @example
|
|
283
283
|
* ```tsx
|
|
284
|
-
* <Popover
|
|
284
|
+
* <Popover tenantId={tenantId} app="chat" type="popover">Chat</Popover>
|
|
285
285
|
* ```
|
|
286
286
|
*/
|
|
287
287
|
var Popover = bindings$1.Embed;
|
|
@@ -289,7 +289,7 @@ var Popover = bindings$1.Embed;
|
|
|
289
289
|
//#region src/bindings/widget/build-stable-deps.ts
|
|
290
290
|
function buildStableDeps(props) {
|
|
291
291
|
return [
|
|
292
|
-
props.
|
|
292
|
+
props.tenantId,
|
|
293
293
|
props.type,
|
|
294
294
|
props.app,
|
|
295
295
|
props.formId,
|
|
@@ -309,7 +309,7 @@ var bindings = createWidgetBindings({
|
|
|
309
309
|
*
|
|
310
310
|
* @example
|
|
311
311
|
* ```tsx
|
|
312
|
-
* const widget = useWidget({
|
|
312
|
+
* const widget = useWidget({ tenantId, app: "chat", type: "widget" });
|
|
313
313
|
* return <div ref={widget.containerRef} className="my-host" />;
|
|
314
314
|
* ```
|
|
315
315
|
*/
|
|
@@ -320,7 +320,7 @@ var useWidget = bindings.useEmbed;
|
|
|
320
320
|
*
|
|
321
321
|
* @example
|
|
322
322
|
* ```tsx
|
|
323
|
-
* <Widget
|
|
323
|
+
* <Widget tenantId={tenantId} app="chat" type="widget" className="h-full w-full" />
|
|
324
324
|
* ```
|
|
325
325
|
*/
|
|
326
326
|
var Widget = bindings.Embed;
|
|
@@ -6,7 +6,7 @@ export type DrawerProps = Parameters<typeof createDrawer>[0];
|
|
|
6
6
|
*
|
|
7
7
|
* @example
|
|
8
8
|
* ```tsx
|
|
9
|
-
* const drawer = useDrawer({
|
|
9
|
+
* const drawer = useDrawer({ tenantId, app: "chat", type: "drawer" });
|
|
10
10
|
* return <button {...drawer.getTriggerProps()}>Chat</button>;
|
|
11
11
|
* ```
|
|
12
12
|
*/
|
|
@@ -17,7 +17,7 @@ export declare const useDrawer: (props: import('@revvue/embed').Public<import('@
|
|
|
17
17
|
*
|
|
18
18
|
* @example
|
|
19
19
|
* ```tsx
|
|
20
|
-
* <Drawer
|
|
20
|
+
* <Drawer tenantId={tenantId} app="chat" type="drawer">Chat</Drawer>
|
|
21
21
|
* ```
|
|
22
22
|
*/
|
|
23
23
|
export declare const Drawer: import('react').ComponentType<import('@revvue/embed').Public<import('@revvue/embed').EmbedOptions> & import('../..').FloatingComponentProps>;
|
|
@@ -23,7 +23,7 @@ export type PopoverProps = DistributiveOmit<CreatePopoverProps, StrippedButtonKe
|
|
|
23
23
|
*
|
|
24
24
|
* @example
|
|
25
25
|
* ```tsx
|
|
26
|
-
* const popover = usePopover({
|
|
26
|
+
* const popover = usePopover({ tenantId, app: "chat", type: "popover" });
|
|
27
27
|
* return <button {...popover.getTriggerProps()}>Chat</button>;
|
|
28
28
|
* ```
|
|
29
29
|
*/
|
|
@@ -34,7 +34,7 @@ export declare const usePopover: (props: PopoverProps) => import('../..').UseFlo
|
|
|
34
34
|
*
|
|
35
35
|
* @example
|
|
36
36
|
* ```tsx
|
|
37
|
-
* <Popover
|
|
37
|
+
* <Popover tenantId={tenantId} app="chat" type="popover">Chat</Popover>
|
|
38
38
|
* ```
|
|
39
39
|
*/
|
|
40
40
|
export declare const Popover: import('react').ComponentType<PopoverProps & import('../..').FloatingComponentProps>;
|
|
@@ -6,7 +6,7 @@ export type WidgetProps = Parameters<typeof createWidget>[0];
|
|
|
6
6
|
*
|
|
7
7
|
* @example
|
|
8
8
|
* ```tsx
|
|
9
|
-
* const widget = useWidget({
|
|
9
|
+
* const widget = useWidget({ tenantId, app: "chat", type: "widget" });
|
|
10
10
|
* return <div ref={widget.containerRef} className="my-host" />;
|
|
11
11
|
* ```
|
|
12
12
|
*/
|
|
@@ -17,7 +17,7 @@ export declare const useWidget: (props: import('@revvue/embed').Public<import('@
|
|
|
17
17
|
*
|
|
18
18
|
* @example
|
|
19
19
|
* ```tsx
|
|
20
|
-
* <Widget
|
|
20
|
+
* <Widget tenantId={tenantId} app="chat" type="widget" className="h-full w-full" />
|
|
21
21
|
* ```
|
|
22
22
|
*/
|
|
23
23
|
export declare const Widget: import('react').ComponentType<import('@revvue/embed').Public<import('@revvue/embed').EmbedOptions> & import('../..').WidgetComponentProps>;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@revvue/embed-react",
|
|
3
|
-
"version": "0.0.0-beta.
|
|
3
|
+
"version": "0.0.0-beta.5",
|
|
4
4
|
"private": false,
|
|
5
5
|
"type": "module",
|
|
6
6
|
"publishConfig": {
|
|
@@ -34,7 +34,7 @@
|
|
|
34
34
|
}
|
|
35
35
|
},
|
|
36
36
|
"dependencies": {
|
|
37
|
-
"@revvue/embed": "0.0.0-beta.
|
|
37
|
+
"@revvue/embed": "0.0.0-beta.5"
|
|
38
38
|
},
|
|
39
39
|
"devDependencies": {
|
|
40
40
|
"@testing-library/jest-dom": "^6.6.3",
|