@embeddable/sdk 1.0.9 → 1.0.11
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/README.md +111 -28
- package/dist/EmbeddableProvider-74nyeXDc.cjs +10 -0
- package/dist/{useVoteAggregations-Dz_-tce8.js → EmbeddableProvider-OdbqzsmX.js} +332 -128
- package/dist/context/EmbeddableProvider.d.ts.map +1 -1
- package/dist/hooks/index.d.ts +3 -2
- package/dist/hooks/index.d.ts.map +1 -1
- package/dist/hooks/useAI.d.ts +40 -0
- package/dist/hooks/useAI.d.ts.map +1 -0
- package/dist/hooks/useEmbeddableConfig.d.ts +0 -5
- package/dist/hooks/useEmbeddableConfig.d.ts.map +1 -1
- package/dist/hooks/useEventTracking.d.ts +43 -0
- package/dist/hooks/useEventTracking.d.ts.map +1 -0
- package/dist/hooks.cjs +1 -1
- package/dist/hooks.js +4 -4
- package/dist/index.cjs +1 -1
- package/dist/index.js +7 -7
- package/dist/{storage-CRPDfSRn.js → storage-B4eeCFyo.js} +0 -55
- package/dist/storage-EjA7Lhbb.cjs +1 -0
- package/dist/utils.cjs +1 -1
- package/dist/utils.js +56 -2
- package/package.json +1 -1
- package/dist/hooks/useApi.d.ts +0 -18
- package/dist/hooks/useApi.d.ts.map +0 -1
- package/dist/storage-3dk6ww91.cjs +0 -1
- package/dist/useVoteAggregations-BGSpgL_k.cjs +0 -10
package/README.md
CHANGED
|
@@ -85,7 +85,6 @@ import { useEmbeddableConfig, useApi } from '@embeddable/sdk';
|
|
|
85
85
|
|
|
86
86
|
function WidgetComponent() {
|
|
87
87
|
const config = useEmbeddableConfig();
|
|
88
|
-
const api = useApi(); // Automatically uses global config
|
|
89
88
|
|
|
90
89
|
return (
|
|
91
90
|
<div>
|
|
@@ -148,33 +147,6 @@ function SearchInput() {
|
|
|
148
147
|
}
|
|
149
148
|
```
|
|
150
149
|
|
|
151
|
-
#### `useApi(config: EmbeddableApiConfig)`
|
|
152
|
-
|
|
153
|
-
A React hook for API calls with loading and error states.
|
|
154
|
-
|
|
155
|
-
```typescript
|
|
156
|
-
import { useApi } from '@embeddable/sdk/hooks'
|
|
157
|
-
|
|
158
|
-
function DataComponent() {
|
|
159
|
-
const api = useApi({ apiKey: 'your-api-key', baseUrl: 'https://api.example.com' })
|
|
160
|
-
|
|
161
|
-
const fetchData = async () => {
|
|
162
|
-
const response = await api.get('/users')
|
|
163
|
-
if (response.success) {
|
|
164
|
-
console.log(response.data)
|
|
165
|
-
}
|
|
166
|
-
}
|
|
167
|
-
|
|
168
|
-
return (
|
|
169
|
-
<div>
|
|
170
|
-
{api.loading && <div>Loading...</div>}
|
|
171
|
-
{api.error && <div>Error: {api.error}</div>}
|
|
172
|
-
<button onClick={fetchData}>Fetch Data</button>
|
|
173
|
-
</div>
|
|
174
|
-
)
|
|
175
|
-
}
|
|
176
|
-
```
|
|
177
|
-
|
|
178
150
|
#### `useEmbeddableConfig()`
|
|
179
151
|
|
|
180
152
|
A React hook to access the global SDK configuration.
|
|
@@ -579,6 +551,114 @@ interface VoteAggregationData {
|
|
|
579
551
|
|
|
580
552
|
**Note:** This hook must be used within an `EmbeddableProvider` as it automatically retrieves the `widgetId` from the global configuration.
|
|
581
553
|
|
|
554
|
+
#### `useAI(options: UseAIOptions)`
|
|
555
|
+
|
|
556
|
+
A React hook for handling AI API calls with loading states, error handling, and support for multiple AI platforms. Automatically uses the widget ID from the global configuration.
|
|
557
|
+
|
|
558
|
+
```typescript
|
|
559
|
+
import { useAI } from '@embeddable/sdk/hooks';
|
|
560
|
+
|
|
561
|
+
function ChatComponent() {
|
|
562
|
+
const { callAI, loading, error, success, reset } = useAI({
|
|
563
|
+
platform: 'openai' // 'openai' | 'anthropic' | 'gemini'
|
|
564
|
+
});
|
|
565
|
+
|
|
566
|
+
const [messages, setMessages] = useState([]);
|
|
567
|
+
const [input, setInput] = useState('');
|
|
568
|
+
|
|
569
|
+
const handleSendMessage = async () => {
|
|
570
|
+
if (!input.trim()) return;
|
|
571
|
+
|
|
572
|
+
const userMessage = { role: 'user', content: input };
|
|
573
|
+
const newMessages = [...messages, userMessage];
|
|
574
|
+
setMessages(newMessages);
|
|
575
|
+
setInput('');
|
|
576
|
+
|
|
577
|
+
const result = await callAI(input, messages);
|
|
578
|
+
if (result.success && result.data) {
|
|
579
|
+
setMessages(prev => [...prev, {
|
|
580
|
+
role: 'assistant',
|
|
581
|
+
content: result.data.response
|
|
582
|
+
}]);
|
|
583
|
+
|
|
584
|
+
console.log('Tokens used:', result.data.tokensUsed);
|
|
585
|
+
console.log('Model used:', result.metadata?.model);
|
|
586
|
+
}
|
|
587
|
+
};
|
|
588
|
+
|
|
589
|
+
return (
|
|
590
|
+
<div>
|
|
591
|
+
<div style={{ height: '400px', overflowY: 'auto', border: '1px solid #ccc', padding: '10px' }}>
|
|
592
|
+
{messages.map((msg, index) => (
|
|
593
|
+
<div key={index} style={{ marginBottom: '10px' }}>
|
|
594
|
+
<strong>{msg.role}:</strong> {msg.content}
|
|
595
|
+
</div>
|
|
596
|
+
))}
|
|
597
|
+
{loading && <div>AI is thinking...</div>}
|
|
598
|
+
</div>
|
|
599
|
+
|
|
600
|
+
<div style={{ marginTop: '10px', display: 'flex', gap: '10px' }}>
|
|
601
|
+
<input
|
|
602
|
+
type="text"
|
|
603
|
+
value={input}
|
|
604
|
+
onChange={(e) => setInput(e.target.value)}
|
|
605
|
+
onKeyPress={(e) => e.key === 'Enter' && handleSendMessage()}
|
|
606
|
+
placeholder="Type your message..."
|
|
607
|
+
style={{ flex: 1, padding: '8px' }}
|
|
608
|
+
disabled={loading}
|
|
609
|
+
/>
|
|
610
|
+
<button onClick={handleSendMessage} disabled={loading || !input.trim()}>
|
|
611
|
+
Send
|
|
612
|
+
</button>
|
|
613
|
+
</div>
|
|
614
|
+
|
|
615
|
+
{error && <p style={{ color: 'red', marginTop: '10px' }}>Error: {error}</p>}
|
|
616
|
+
{success && <p style={{ color: 'green', marginTop: '10px' }}>Message sent successfully!</p>}
|
|
617
|
+
|
|
618
|
+
<button onClick={reset} style={{ marginTop: '10px' }}>Reset Status</button>
|
|
619
|
+
</div>
|
|
620
|
+
);
|
|
621
|
+
}
|
|
622
|
+
```
|
|
623
|
+
|
|
624
|
+
**Options:**
|
|
625
|
+
|
|
626
|
+
- `platform: 'openai' | 'anthropic' | 'gemini'` - The AI platform to use for API calls
|
|
627
|
+
|
|
628
|
+
**Returns:**
|
|
629
|
+
|
|
630
|
+
- `callAI: (prompt: string, history?: Array<ChatMessage>) => Promise<AIResponse>` - Function to make AI API calls
|
|
631
|
+
- `loading: boolean` - Whether an AI request is in progress
|
|
632
|
+
- `error: string | null` - Error message if the request failed
|
|
633
|
+
- `success: boolean` - Whether the last request was successful
|
|
634
|
+
- `reset: () => void` - Function to reset the hook state
|
|
635
|
+
|
|
636
|
+
**Data Structure:**
|
|
637
|
+
|
|
638
|
+
```typescript
|
|
639
|
+
interface ChatMessage {
|
|
640
|
+
role: 'user' | 'assistant';
|
|
641
|
+
content: string;
|
|
642
|
+
}
|
|
643
|
+
|
|
644
|
+
interface AIResponse {
|
|
645
|
+
success: boolean;
|
|
646
|
+
message?: string;
|
|
647
|
+
error?: string;
|
|
648
|
+
data?: {
|
|
649
|
+
response: string;
|
|
650
|
+
tokensUsed: number | null;
|
|
651
|
+
};
|
|
652
|
+
metadata?: {
|
|
653
|
+
model: string | null;
|
|
654
|
+
integrationKey: string;
|
|
655
|
+
capabilityId: string;
|
|
656
|
+
executedAt: string;
|
|
657
|
+
[key: string]: any; // Additional metadata fields
|
|
658
|
+
};
|
|
659
|
+
}
|
|
660
|
+
```
|
|
661
|
+
|
|
582
662
|
### Utilities
|
|
583
663
|
|
|
584
664
|
#### `debounce<T>(func: T, wait: number)`
|
|
@@ -648,6 +728,9 @@ import type {
|
|
|
648
728
|
VoteAggregationSummary,
|
|
649
729
|
VoteAggregationData,
|
|
650
730
|
VoteAggregationResponse,
|
|
731
|
+
ChatMessage,
|
|
732
|
+
AIResponse,
|
|
733
|
+
UseAIOptions,
|
|
651
734
|
} from '@embeddable/sdk';
|
|
652
735
|
```
|
|
653
736
|
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
"use strict";const e=require("react"),t=require("./storage-EjA7Lhbb.cjs");var r,n={exports:{}},o={};var a,s={};
|
|
2
|
+
/**
|
|
3
|
+
* @license React
|
|
4
|
+
* react-jsx-runtime.development.js
|
|
5
|
+
*
|
|
6
|
+
* Copyright (c) Facebook, Inc. and its affiliates.
|
|
7
|
+
*
|
|
8
|
+
* This source code is licensed under the MIT license found in the
|
|
9
|
+
* LICENSE file in the root directory of this source tree.
|
|
10
|
+
*/"production"===process.env.NODE_ENV?n.exports=function(){if(r)return o;r=1;var t=e,n=Symbol.for("react.element"),a=Symbol.for("react.fragment"),s=Object.prototype.hasOwnProperty,c=t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,i={key:!0,ref:!0,__self:!0,__source:!0};function u(e,t,r){var o,a={},u=null,l=null;for(o in void 0!==r&&(u=""+r),void 0!==t.key&&(u=""+t.key),void 0!==t.ref&&(l=t.ref),t)s.call(t,o)&&!i.hasOwnProperty(o)&&(a[o]=t[o]);if(e&&e.defaultProps)for(o in t=e.defaultProps)void 0===a[o]&&(a[o]=t[o]);return{$$typeof:n,type:e,key:u,ref:l,props:a,_owner:c.current}}return o.Fragment=a,o.jsx=u,o.jsxs=u,o}():n.exports=(a||(a=1,"production"!==process.env.NODE_ENV&&function(){var t,r=e,n=Symbol.for("react.element"),o=Symbol.for("react.portal"),a=Symbol.for("react.fragment"),c=Symbol.for("react.strict_mode"),i=Symbol.for("react.profiler"),u=Symbol.for("react.provider"),l=Symbol.for("react.context"),f=Symbol.for("react.forward_ref"),d=Symbol.for("react.suspense"),p=Symbol.for("react.suspense_list"),y=Symbol.for("react.memo"),m=Symbol.for("react.lazy"),g=Symbol.for("react.offscreen"),v=Symbol.iterator,b=r.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;function h(e){for(var t=arguments.length,r=new Array(t>1?t-1:0),n=1;n<t;n++)r[n-1]=arguments[n];!function(e,t,r){var n=b.ReactDebugCurrentFrame.getStackAddendum();""!==n&&(t+="%s",r=r.concat([n]));var o=r.map((function(e){return String(e)}));o.unshift("Warning: "+t),Function.prototype.apply.call(console[e],console,o)}("error",e,r)}function w(e){return e.displayName||"Context"}function _(e){if(null==e)return null;if("number"==typeof e.tag&&h("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."),"function"==typeof e)return e.displayName||e.name||null;if("string"==typeof e)return e;switch(e){case a:return"Fragment";case o:return"Portal";case i:return"Profiler";case c:return"StrictMode";case d:return"Suspense";case p:return"SuspenseList"}if("object"==typeof e)switch(e.$$typeof){case l:return w(e)+".Consumer";case u:return w(e._context)+".Provider";case f:return function(e,t,r){var n=e.displayName;if(n)return n;var o=t.displayName||t.name||"";return""!==o?r+"("+o+")":r}(e,e.render,"ForwardRef");case y:var t=e.displayName||null;return null!==t?t:_(e.type)||"Memo";case m:var r=e,n=r._payload,s=r._init;try{return _(s(n))}catch(g){return null}}return null}t=Symbol.for("react.module.reference");var k,S,E,O,j,C,T,P=Object.assign,x=0;function R(){}R.__reactDisabledLog=!0;var I,$=b.ReactCurrentDispatcher;function N(e,t,r){if(void 0===I)try{throw Error()}catch(o){var n=o.stack.trim().match(/\n( *(at )?)/);I=n&&n[1]||""}return"\n"+I+e}var D,F=!1,L="function"==typeof WeakMap?WeakMap:Map;function A(e,t){if(!e||F)return"";var r,n=D.get(e);if(void 0!==n)return n;F=!0;var o,a=Error.prepareStackTrace;Error.prepareStackTrace=void 0,o=$.current,$.current=null,function(){if(0===x){k=console.log,S=console.info,E=console.warn,O=console.error,j=console.group,C=console.groupCollapsed,T=console.groupEnd;var e={configurable:!0,enumerable:!0,value:R,writable:!0};Object.defineProperties(console,{info:e,log:e,warn:e,error:e,group:e,groupCollapsed:e,groupEnd:e})}x++}();try{if(t){var s=function(){throw Error()};if(Object.defineProperty(s.prototype,"props",{set:function(){throw Error()}}),"object"==typeof Reflect&&Reflect.construct){try{Reflect.construct(s,[])}catch(y){r=y}Reflect.construct(e,[],s)}else{try{s.call()}catch(y){r=y}e.call(s.prototype)}}else{try{throw Error()}catch(y){r=y}e()}}catch(m){if(m&&r&&"string"==typeof m.stack){for(var c=m.stack.split("\n"),i=r.stack.split("\n"),u=c.length-1,l=i.length-1;u>=1&&l>=0&&c[u]!==i[l];)l--;for(;u>=1&&l>=0;u--,l--)if(c[u]!==i[l]){if(1!==u||1!==l)do{if(u--,--l<0||c[u]!==i[l]){var f="\n"+c[u].replace(" at new "," at ");return e.displayName&&f.includes("<anonymous>")&&(f=f.replace("<anonymous>",e.displayName)),"function"==typeof e&&D.set(e,f),f}}while(u>=1&&l>=0);break}}}finally{F=!1,$.current=o,function(){if(0===--x){var e={configurable:!0,enumerable:!0,writable:!0};Object.defineProperties(console,{log:P({},e,{value:k}),info:P({},e,{value:S}),warn:P({},e,{value:E}),error:P({},e,{value:O}),group:P({},e,{value:j}),groupCollapsed:P({},e,{value:C}),groupEnd:P({},e,{value:T})})}x<0&&h("disabledDepth fell below zero. This is a bug in React. Please file an issue.")}(),Error.prepareStackTrace=a}var d=e?e.displayName||e.name:"",p=d?N(d):"";return"function"==typeof e&&D.set(e,p),p}function U(e,t,r){if(null==e)return"";if("function"==typeof e)return A(e,!(!(n=e.prototype)||!n.isReactComponent));var n;if("string"==typeof e)return N(e);switch(e){case d:return N("Suspense");case p:return N("SuspenseList")}if("object"==typeof e)switch(e.$$typeof){case f:return A(e.render,!1);case y:return U(e.type,t,r);case m:var o=e,a=o._payload,s=o._init;try{return U(s(a),t,r)}catch(c){}}return""}D=new L;var V=Object.prototype.hasOwnProperty,W={},z=b.ReactDebugCurrentFrame;function J(e){if(e){var t=e._owner,r=U(e.type,e._source,t?t.type:null);z.setExtraStackFrame(r)}else z.setExtraStackFrame(null)}var K=Array.isArray;function M(e){return K(e)}function B(e){return""+e}function Y(e){if(function(e){try{return B(e),!1}catch(t){return!0}}(e))return h("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.",function(e){return"function"==typeof Symbol&&Symbol.toStringTag&&e[Symbol.toStringTag]||e.constructor.name||"Object"}(e)),B(e)}var q,H,X=b.ReactCurrentOwner,G={key:!0,ref:!0,__self:!0,__source:!0};function Q(e,t,r,o,a){var s,c={},i=null,u=null;for(s in void 0!==r&&(Y(r),i=""+r),function(e){if(V.call(e,"key")){var t=Object.getOwnPropertyDescriptor(e,"key").get;if(t&&t.isReactWarning)return!1}return void 0!==e.key}(t)&&(Y(t.key),i=""+t.key),function(e){if(V.call(e,"ref")){var t=Object.getOwnPropertyDescriptor(e,"ref").get;if(t&&t.isReactWarning)return!1}return void 0!==e.ref}(t)&&(u=t.ref,function(e){"string"==typeof e.ref&&X.current}(t)),t)V.call(t,s)&&!G.hasOwnProperty(s)&&(c[s]=t[s]);if(e&&e.defaultProps){var l=e.defaultProps;for(s in l)void 0===c[s]&&(c[s]=l[s])}if(i||u){var f="function"==typeof e?e.displayName||e.name||"Unknown":e;i&&function(e,t){var r=function(){q||(q=!0,h("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)",t))};r.isReactWarning=!0,Object.defineProperty(e,"key",{get:r,configurable:!0})}(c,f),u&&function(e,t){var r=function(){H||(H=!0,h("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)",t))};r.isReactWarning=!0,Object.defineProperty(e,"ref",{get:r,configurable:!0})}(c,f)}return function(e,t,r,o,a,s,c){var i={$$typeof:n,type:e,key:t,ref:r,props:c,_owner:s,_store:{}};return Object.defineProperty(i._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:!1}),Object.defineProperty(i,"_self",{configurable:!1,enumerable:!1,writable:!1,value:o}),Object.defineProperty(i,"_source",{configurable:!1,enumerable:!1,writable:!1,value:a}),Object.freeze&&(Object.freeze(i.props),Object.freeze(i)),i}(e,i,u,a,o,X.current,c)}var Z,ee=b.ReactCurrentOwner,te=b.ReactDebugCurrentFrame;function re(e){if(e){var t=e._owner,r=U(e.type,e._source,t?t.type:null);te.setExtraStackFrame(r)}else te.setExtraStackFrame(null)}function ne(e){return"object"==typeof e&&null!==e&&e.$$typeof===n}function oe(){if(ee.current){var e=_(ee.current.type);if(e)return"\n\nCheck the render method of `"+e+"`."}return""}Z=!1;var ae={};function se(e,t){if(e._store&&!e._store.validated&&null==e.key){e._store.validated=!0;var r=function(e){var t=oe();if(!t){var r="string"==typeof e?e:e.displayName||e.name;r&&(t="\n\nCheck the top-level render call using <"+r+">.")}return t}(t);if(!ae[r]){ae[r]=!0;var n="";e&&e._owner&&e._owner!==ee.current&&(n=" It was passed a child from "+_(e._owner.type)+"."),re(e),h('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.',r,n),re(null)}}}function ce(e,t){if("object"==typeof e)if(M(e))for(var r=0;r<e.length;r++){var n=e[r];ne(n)&&se(n,t)}else if(ne(e))e._store&&(e._store.validated=!0);else if(e){var o=function(e){if(null===e||"object"!=typeof e)return null;var t=v&&e[v]||e["@@iterator"];return"function"==typeof t?t:null}(e);if("function"==typeof o&&o!==e.entries)for(var a,s=o.call(e);!(a=s.next()).done;)ne(a.value)&&se(a.value,t)}}function ie(e){var t,r=e.type;if(null!=r&&"string"!=typeof r){if("function"==typeof r)t=r.propTypes;else{if("object"!=typeof r||r.$$typeof!==f&&r.$$typeof!==y)return;t=r.propTypes}if(t){var n=_(r);!function(e,t,r,n,o){var a=Function.call.bind(V);for(var s in e)if(a(e,s)){var c=void 0;try{if("function"!=typeof e[s]){var i=Error((n||"React class")+": "+r+" type `"+s+"` is invalid; it must be a function, usually from the `prop-types` package, but received `"+typeof e[s]+"`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");throw i.name="Invariant Violation",i}c=e[s](t,s,n,r,null,"SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED")}catch(u){c=u}!c||c instanceof Error||(J(o),h("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).",n||"React class",r,s,typeof c),J(null)),c instanceof Error&&!(c.message in W)&&(W[c.message]=!0,J(o),h("Failed %s type: %s",r,c.message),J(null))}}(t,e.props,"prop",n,e)}else void 0===r.PropTypes||Z||(Z=!0,h("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?",_(r)||"Unknown"));"function"!=typeof r.getDefaultProps||r.getDefaultProps.isReactClassApproved||h("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.")}}var ue={};function le(e,r,o,s,v,b){var w=function(e){return"string"==typeof e||"function"==typeof e||e===a||e===i||e===c||e===d||e===p||e===g||"object"==typeof e&&null!==e&&(e.$$typeof===m||e.$$typeof===y||e.$$typeof===u||e.$$typeof===l||e.$$typeof===f||e.$$typeof===t||void 0!==e.getModuleId)}(e);if(!w){var k,S="";(void 0===e||"object"==typeof e&&null!==e&&0===Object.keys(e).length)&&(S+=" You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports."),S+=oe(),null===e?k="null":M(e)?k="array":void 0!==e&&e.$$typeof===n?(k="<"+(_(e.type)||"Unknown")+" />",S=" Did you accidentally export a JSX literal instead of a component?"):k=typeof e,h("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s",k,S)}var E=Q(e,r,o,v,b);if(null==E)return E;if(w){var O=r.children;if(void 0!==O)if(s)if(M(O)){for(var j=0;j<O.length;j++)ce(O[j],e);Object.freeze&&Object.freeze(O)}else h("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");else ce(O,e)}if(V.call(r,"key")){var C=_(e),T=Object.keys(r).filter((function(e){return"key"!==e})),P=T.length>0?"{key: someKey, "+T.join(": ..., ")+": ...}":"{key: someKey}";ue[C+P]||(h('A props object containing a "key" prop is being spread into JSX:\n let props = %s;\n <%s {...props} />\nReact keys must be passed directly to JSX without using spread:\n let props = %s;\n <%s key={someKey} {...props} />',P,C,T.length>0?"{"+T.join(": ..., ")+": ...}":"{}",C),ue[C+P]=!0)}return e===a?function(e){for(var t=Object.keys(e.props),r=0;r<t.length;r++){var n=t[r];if("children"!==n&&"key"!==n){re(e),h("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.",n),re(null);break}}null!==e.ref&&(re(e),h("Invalid attribute `ref` supplied to `React.Fragment`."),re(null))}(E):ie(E),E}var fe=function(e,t,r){return le(e,t,r,!1)},de=function(e,t,r){return le(e,t,r,!0)};s.Fragment=a,s.jsx=fe,s.jsxs=de}()),s);var c=n.exports;const i="https://events.embeddable.co";function u(){const{config:e}=p();if(!e)throw new Error("No Embeddable configuration found. Make sure to wrap your app with EmbeddableProvider and provide a valid config.");return e}const l=()=>{const{widgetId:t}=u(),r=`${i}/api`,[n,o]=e.useState(!1),a=e.useCallback((async(e,n={})=>{const a=[];try{o(!0);const s=await fetch(`${r}/marketing/track`,{method:"POST",headers:{"Content-Type":"application/json"},credentials:"omit",body:JSON.stringify({widgetId:t,inputs:e,integrationKey:n.integrationKey})}),c=await s.json();c.success?c.results?c.results.forEach((e=>{a.push({success:e.success,integrationKey:e.integrationKey,data:e.data,error:e.error})})):a.push({success:!0,data:c.data}):a.push({success:!1,error:c.error||"Unknown error"})}catch(s){a.push({success:!1,error:s instanceof Error?s.message:"Network error"})}finally{o(!1)}return a}),[t,r]),s=e.useCallback((async(e={})=>a({event_name:"page_view",event_category:"engagement",custom_parameters:{page_url:window.location.href,page_title:document.title,referrer:document.referrer,...e}})),[a]),c=e.useCallback((async(e,t={})=>a({event_name:"form_submit",event_category:"conversion",custom_parameters:{form_data:e,...t}})),[a]),l=e.useCallback((async(e,t={})=>{let r={};return r="string"==typeof e?{element_selector:e}:{element_id:e.id,element_class:e.className,element_text:e.textContent||e.innerText,element_tag:e.tagName.toLowerCase()},a({event_name:"button_click",event_category:"interaction",custom_parameters:{...r,...t}})}),[a]),f=e.useCallback((async(e,t,r={})=>a({event_name:"conversion",event_category:"conversion",value:t,custom_parameters:{conversion_type:e,currency:r.currency||"USD",...r}})),[a]),d=e.useCallback((async(e,t={})=>a({event_name:"signup",event_category:"conversion",user_data:e,custom_parameters:t})),[a]),p=e.useCallback((async(e,t={})=>a({event_name:"purchase",event_category:"ecommerce",value:e.amount,custom_parameters:{transaction_id:e.id,currency:e.currency||"USD",items:e.items||[],...t}})),[a]),y=e.useCallback((()=>{s()}),[s]),m=e.useCallback((()=>{const e=async e=>{try{const t=e.target,r=new FormData(t),n=Object.fromEntries(r.entries());await c(n,{form_id:t.id,form_class:t.className,form_action:t.action,form_method:t.method})}catch(t){}};return document.addEventListener("submit",e),()=>{document.removeEventListener("submit",e)}}),[c]),g=e.useCallback(((e='button, .btn, [role="button"], a, input[type="submit"]')=>{const t=async t=>{const r=t.target.closest(e);if(r)try{await l(r)}catch(n){}};return document.addEventListener("click",t),()=>{document.removeEventListener("click",t)}}),[l]);return{isLoading:n,track:a,trackPageView:s,trackFormSubmit:c,trackClick:l,trackConversion:f,trackSignup:d,trackPurchase:p,enableAutoPageView:y,enableAutoFormTracking:m,enableAutoClickTracking:g}};const f={version:"latest",mode:"embeddable",ignoreCache:!1,lazyLoad:!1,loader:!0,widgetId:"",_containerId:"",_shadowRoot:void 0},d=e.createContext({config:{...f},setConfig:()=>{},data:{},setData:()=>{}});function p(){const t=e.useContext(d);if(!t)throw new Error("useEmbeddableContext must be used within an EmbeddableProvider");return t}exports.EmbeddableProvider=function({config:t,data:r,children:n}){const[o,a]=e.useState(f),[s,i]=e.useState(r||{}),{enableAutoPageView:u}=l();return e.useEffect((()=>{a({...f,...t})}),[t]),e.useEffect((()=>{o.widgetId&&"preview"!==o.mode&&u()}),[u,o.widgetId,o.mode]),e.useEffect((()=>{const e=e=>{("https://embeddable.co"===e.origin||e.origin.includes("localhost"))&&e.data&&"object"==typeof e.data&&"embeddable-update-data"===e.data.type&&i(e.data.data||{})};return window.addEventListener("message",e),()=>{window.removeEventListener("message",e)}}),[]),c.jsx(d.Provider,{value:{config:o,setConfig:a,data:s,setData:i},children:n})},exports.useAI=function(t){const{widgetId:r}=u(),[n,o]=e.useState({loading:!1,error:null,success:!1});return{...n,callAI:e.useCallback((async(e,n)=>{var a;o({loading:!0,error:null,success:!1});try{const s={widgetId:r,capabilityId:"ai_call",integrationKey:t.platform,prompt:e,history:n||[]},c=await fetch(`${i}/api/execute/ai`,{method:"POST",headers:{"Content-Type":"application/json"},credentials:"omit",body:JSON.stringify(s)}),u=await c.json();if(!c.ok){const e=u.message||u.error||`HTTP ${c.status}`;return o({loading:!1,error:e,success:!1}),{success:!1,message:e}}if(u.success)return o({loading:!1,error:null,success:!0}),{success:!0,message:(null==(a=u.data)?void 0:a.response)||"AI call completed successfully",data:u.data,metadata:u.metadata};{const e=u.message||u.error||"AI call failed";return o({loading:!1,error:e,success:!1}),{success:!1,message:e}}}catch(s){const e=s instanceof Error?s.message:"Unknown error occurred";return o({loading:!1,error:e,success:!1}),{success:!1,message:e}}}),[t.platform,r]),reset:e.useCallback((()=>{o({loading:!1,error:null,success:!1})}),[])}},exports.useDebounce=function(t,r){const[n,o]=e.useState(t);return e.useEffect((()=>{const e=setTimeout((()=>{o(t)}),r);return()=>{clearTimeout(e)}}),[t,r]),n},exports.useEmbeddableConfig=u,exports.useEmbeddableContext=p,exports.useEmbeddableData=function(){const{data:e}=p();return{data:e}},exports.useEventTracking=l,exports.useFormSubmission=function(t){const{widgetId:r}=u(),[n,o]=e.useState({loading:!1,error:null,success:!1});return{...n,submit:e.useCallback((async e=>{var n,a,s;o({loading:!0,error:null,success:!1});try{if(null==t?void 0:t.validatePayload){const r=t.validatePayload(e);if(r)return o({loading:!1,error:r,success:!1}),{success:!1,message:r}}const c={payload:e,widgetId:r,collectionName:(null==t?void 0:t.collectionName)||"submissions"},u=await fetch(`${i}/api/submissions`,{method:"POST",headers:{"Content-Type":"application/json"},credentials:"omit",body:JSON.stringify(c)}),l=await u.json();if(!u.ok){const e=l.message||l.error||`HTTP ${u.status}`;return o({loading:!1,error:e,success:!1}),{success:!1,message:e}}if(l.success)return o({loading:!1,error:null,success:!0}),{id:(null==(n=l.data)?void 0:n.id)||(null==(a=l.data)?void 0:a._id),success:!0,message:(null==(s=l.data)?void 0:s.message)||"Submission successful"};{const e=l.message||l.error||"Submission failed";return o({loading:!1,error:e,success:!1}),{success:!1,message:e}}}catch(c){const e=c instanceof Error?c.message:"Unknown error occurred";return o({loading:!1,error:e,success:!1}),{success:!1,message:e}}}),[t,r]),reset:e.useCallback((()=>{o({loading:!1,error:null,success:!1})}),[])}},exports.useLocalStorage=function(r,n,o={}){const{widgetId:a}=u(),s=e.useMemo((()=>({...o,prefix:`embd-${a}-${o.prefix||""}`})),[a,o]),[c,i]=e.useState((()=>{const e=t.storage.get(r,s);return null!==e?e:n})),l=e.useCallback((e=>{try{const n=e instanceof Function?e(c):e;i(n),t.storage.set(r,n,s)}catch(n){}}),[r,c,s]),f=e.useCallback((()=>{try{i(n),t.storage.remove(r,s)}catch(e){}}),[r,n,s]);return e.useEffect((()=>{const e=e=>{const t=s.prefix+r;if(e.key===t&&null!==e.newValue)try{const{deserialize:t=JSON.parse}=s,r=t(e.newValue);i(r)}catch(n){}};return window.addEventListener("storage",e),()=>window.removeEventListener("storage",e)}),[r,s]),[c,l,f]},exports.useVote=function(t){const{widgetId:r}=u(),[n,o]=e.useState({loading:!1,error:null,success:!1});return{...n,vote:e.useCallback((async e=>{var n,a,s;o({loading:!0,error:null,success:!1});try{const c={voteFor:e,widgetId:r,collectionName:(null==t?void 0:t.collectionName)||"votes"},u=await fetch(`${i}/api/votes`,{method:"POST",headers:{"Content-Type":"application/json"},credentials:"omit",body:JSON.stringify(c)}),l=await u.json();if(!u.ok){const e=l.message||l.error||`HTTP ${u.status}`;return o({loading:!1,error:e,success:!1}),{success:!1,message:e}}if(l.success)return o({loading:!1,error:null,success:!0}),{id:(null==(n=l.data)?void 0:n.id)||(null==(a=l.data)?void 0:a._id),success:!0,message:(null==(s=l.data)?void 0:s.message)||"Vote submitted successfully"};{const e=l.message||l.error||"Vote submission failed";return o({loading:!1,error:e,success:!1}),{success:!1,message:e}}}catch(c){const e=c instanceof Error?c.message:"Unknown error occurred";return o({loading:!1,error:e,success:!1}),{success:!1,message:e}}}),[t,r]),reset:e.useCallback((()=>{o({loading:!1,error:null,success:!1})}),[])}},exports.useVoteAggregations=function(t){const{widgetId:r}=u(),[n,o]=e.useState({data:null,loading:!1,error:null}),a=e.useCallback((async()=>{if(!r)return o({data:null,loading:!1,error:"Widget ID is required"}),{success:!1,data:{results:[],summary:{totalVotes:0,totalOptions:0,groupBy:""}}};o((e=>({...e,loading:!0,error:null})));try{const e=(null==t?void 0:t.collectionName)||"votes",n=new URL(`${i}/api/votes/aggregations`);n.searchParams.append("widgetId",r),n.searchParams.append("collectionName",e);const a=await fetch(n.toString(),{method:"GET",headers:{"Content-Type":"application/json"},credentials:"omit"}),s=await a.json();if(!a.ok){const e=s.message||s.error||`HTTP ${a.status}`;return o({data:null,loading:!1,error:e}),{success:!1,data:{results:[],summary:{totalVotes:0,totalOptions:0,groupBy:""}}}}return o({data:s.data,loading:!1,error:null}),s}catch(e){const t=e instanceof Error?e.message:"Unknown error occurred";return o({data:null,loading:!1,error:t}),{success:!1,data:{results:[],summary:{totalVotes:0,totalOptions:0,groupBy:""}}}}}),[r,null==t?void 0:t.collectionName]),s=e.useCallback((()=>a()),[a]),c=e.useCallback((()=>{o({data:null,loading:!1,error:null})}),[]);return e.useEffect((()=>{!1!==(null==t?void 0:t.autoFetch)&&r&&a()}),[a,null==t?void 0:t.autoFetch,r]),e.useEffect((()=>{if((null==t?void 0:t.refetchInterval)&&t.refetchInterval>0&&r){const e=setInterval((()=>{a()}),t.refetchInterval);return()=>clearInterval(e)}}),[a,null==t?void 0:t.refetchInterval,r]),{...n,fetch:a,refetch:s,reset:c}};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import require$$0, { useState,
|
|
2
|
-
import {
|
|
1
|
+
import require$$0, { useState, useCallback, useEffect, useMemo, createContext, useContext } from "react";
|
|
2
|
+
import { s as storage } from "./storage-B4eeCFyo.js";
|
|
3
3
|
var jsxRuntime = { exports: {} };
|
|
4
4
|
var reactJsxRuntime_production_min = {};
|
|
5
5
|
/**
|
|
@@ -922,134 +922,86 @@ if (process.env.NODE_ENV === "production") {
|
|
|
922
922
|
jsxRuntime.exports = requireReactJsxRuntime_development();
|
|
923
923
|
}
|
|
924
924
|
var jsxRuntimeExports = jsxRuntime.exports;
|
|
925
|
-
const
|
|
926
|
-
|
|
927
|
-
|
|
928
|
-
|
|
929
|
-
lazyLoad: false,
|
|
930
|
-
loader: true,
|
|
931
|
-
widgetId: "",
|
|
932
|
-
_containerId: "",
|
|
933
|
-
_shadowRoot: void 0
|
|
934
|
-
};
|
|
935
|
-
const EmbeddableContext = createContext({
|
|
936
|
-
config: { ...defaultConfig },
|
|
937
|
-
setConfig: () => {
|
|
938
|
-
},
|
|
939
|
-
data: {},
|
|
940
|
-
setData: () => {
|
|
941
|
-
}
|
|
942
|
-
});
|
|
943
|
-
function EmbeddableProvider({
|
|
944
|
-
config: initialConfig,
|
|
945
|
-
data: initialData,
|
|
946
|
-
children
|
|
947
|
-
}) {
|
|
948
|
-
const [config, setConfig] = useState(defaultConfig);
|
|
949
|
-
const [data, setData] = useState(initialData || {});
|
|
950
|
-
useEffect(() => {
|
|
951
|
-
setConfig({ ...defaultConfig, ...initialConfig });
|
|
952
|
-
}, [initialConfig]);
|
|
953
|
-
useEffect(() => {
|
|
954
|
-
const handleMessage = (event) => {
|
|
955
|
-
if (event.origin !== "https://embeddable.co" && !event.origin.includes("localhost")) return;
|
|
956
|
-
if (event.data && typeof event.data === "object" && event.data.type === "embeddable-update-data") {
|
|
957
|
-
setData(event.data.data || {});
|
|
958
|
-
}
|
|
959
|
-
};
|
|
960
|
-
window.addEventListener("message", handleMessage);
|
|
961
|
-
return () => {
|
|
962
|
-
window.removeEventListener("message", handleMessage);
|
|
963
|
-
};
|
|
964
|
-
}, []);
|
|
965
|
-
return /* @__PURE__ */ jsxRuntimeExports.jsx(EmbeddableContext.Provider, { value: { config, setConfig, data, setData }, children });
|
|
966
|
-
}
|
|
967
|
-
function useEmbeddableContext() {
|
|
968
|
-
const context = useContext(EmbeddableContext);
|
|
969
|
-
if (!context) {
|
|
970
|
-
throw new Error("useEmbeddableContext must be used within an EmbeddableProvider");
|
|
971
|
-
}
|
|
972
|
-
return context;
|
|
973
|
-
}
|
|
974
|
-
function useApi(config) {
|
|
975
|
-
const apiConfig = config;
|
|
976
|
-
if (!apiConfig) {
|
|
925
|
+
const EVENTS_BASE_URL = "https://events.embeddable.co";
|
|
926
|
+
function useEmbeddableConfig() {
|
|
927
|
+
const { config } = useEmbeddableContext();
|
|
928
|
+
if (!config) {
|
|
977
929
|
throw new Error(
|
|
978
|
-
"No
|
|
930
|
+
"No Embeddable configuration found. Make sure to wrap your app with EmbeddableProvider and provide a valid config."
|
|
979
931
|
);
|
|
980
932
|
}
|
|
933
|
+
return config;
|
|
934
|
+
}
|
|
935
|
+
function useAI(options) {
|
|
936
|
+
const { widgetId } = useEmbeddableConfig();
|
|
981
937
|
const [state, setState] = useState({
|
|
982
|
-
data: null,
|
|
983
938
|
loading: false,
|
|
984
|
-
error: null
|
|
939
|
+
error: null,
|
|
940
|
+
success: false
|
|
985
941
|
});
|
|
986
|
-
const
|
|
987
|
-
|
|
988
|
-
|
|
989
|
-
setState(
|
|
942
|
+
const callAI = useCallback(
|
|
943
|
+
async (prompt, history) => {
|
|
944
|
+
var _a;
|
|
945
|
+
setState({ loading: true, error: null, success: false });
|
|
990
946
|
try {
|
|
991
|
-
|
|
992
|
-
|
|
993
|
-
|
|
994
|
-
|
|
995
|
-
|
|
996
|
-
|
|
997
|
-
|
|
998
|
-
|
|
999
|
-
|
|
1000
|
-
|
|
1001
|
-
|
|
1002
|
-
|
|
1003
|
-
|
|
1004
|
-
|
|
1005
|
-
|
|
1006
|
-
throw new Error(`Unsupported method: ${method}`);
|
|
1007
|
-
}
|
|
1008
|
-
setState({
|
|
1009
|
-
data: response.data,
|
|
1010
|
-
loading: false,
|
|
1011
|
-
error: response.success ? null : response.error || "Unknown error"
|
|
947
|
+
const requestData = {
|
|
948
|
+
widgetId,
|
|
949
|
+
capabilityId: "ai_call",
|
|
950
|
+
integrationKey: options.platform,
|
|
951
|
+
prompt,
|
|
952
|
+
history: history || []
|
|
953
|
+
};
|
|
954
|
+
const response = await fetch(`${EVENTS_BASE_URL}/api/execute/ai`, {
|
|
955
|
+
method: "POST",
|
|
956
|
+
headers: {
|
|
957
|
+
"Content-Type": "application/json"
|
|
958
|
+
},
|
|
959
|
+
// Explicitly set credentials to 'omit' for CORS support
|
|
960
|
+
credentials: "omit",
|
|
961
|
+
body: JSON.stringify(requestData)
|
|
1012
962
|
});
|
|
1013
|
-
|
|
963
|
+
const responseData = await response.json();
|
|
964
|
+
if (!response.ok) {
|
|
965
|
+
const errorMessage = responseData.message || responseData.error || `HTTP ${response.status}`;
|
|
966
|
+
setState({ loading: false, error: errorMessage, success: false });
|
|
967
|
+
return {
|
|
968
|
+
success: false,
|
|
969
|
+
message: errorMessage
|
|
970
|
+
};
|
|
971
|
+
}
|
|
972
|
+
if (responseData.success) {
|
|
973
|
+
setState({ loading: false, error: null, success: true });
|
|
974
|
+
return {
|
|
975
|
+
success: true,
|
|
976
|
+
message: ((_a = responseData.data) == null ? void 0 : _a.response) || "AI call completed successfully",
|
|
977
|
+
data: responseData.data,
|
|
978
|
+
metadata: responseData.metadata
|
|
979
|
+
};
|
|
980
|
+
} else {
|
|
981
|
+
const errorMessage = responseData.message || responseData.error || "AI call failed";
|
|
982
|
+
setState({ loading: false, error: errorMessage, success: false });
|
|
983
|
+
return {
|
|
984
|
+
success: false,
|
|
985
|
+
message: errorMessage
|
|
986
|
+
};
|
|
987
|
+
}
|
|
1014
988
|
} catch (error) {
|
|
1015
|
-
const errorMessage = error instanceof Error ? error.message : "Unknown error";
|
|
1016
|
-
setState({
|
|
1017
|
-
data: null,
|
|
1018
|
-
loading: false,
|
|
1019
|
-
error: errorMessage
|
|
1020
|
-
});
|
|
989
|
+
const errorMessage = error instanceof Error ? error.message : "Unknown error occurred";
|
|
990
|
+
setState({ loading: false, error: errorMessage, success: false });
|
|
1021
991
|
return {
|
|
1022
|
-
data: null,
|
|
1023
992
|
success: false,
|
|
1024
|
-
|
|
993
|
+
message: errorMessage
|
|
1025
994
|
};
|
|
1026
995
|
}
|
|
1027
996
|
},
|
|
1028
|
-
[
|
|
1029
|
-
);
|
|
1030
|
-
const get = useCallback((endpoint) => request("get", endpoint), [request]);
|
|
1031
|
-
const post = useCallback(
|
|
1032
|
-
(endpoint, body) => request("post", endpoint, body),
|
|
1033
|
-
[request]
|
|
1034
|
-
);
|
|
1035
|
-
const put = useCallback(
|
|
1036
|
-
(endpoint, body) => request("put", endpoint, body),
|
|
1037
|
-
[request]
|
|
997
|
+
[options.platform, widgetId]
|
|
1038
998
|
);
|
|
1039
|
-
const del = useCallback((endpoint) => request("delete", endpoint), [request]);
|
|
1040
999
|
const reset = useCallback(() => {
|
|
1041
|
-
setState({
|
|
1042
|
-
data: null,
|
|
1043
|
-
loading: false,
|
|
1044
|
-
error: null
|
|
1045
|
-
});
|
|
1000
|
+
setState({ loading: false, error: null, success: false });
|
|
1046
1001
|
}, []);
|
|
1047
1002
|
return {
|
|
1048
1003
|
...state,
|
|
1049
|
-
|
|
1050
|
-
post,
|
|
1051
|
-
put,
|
|
1052
|
-
delete: del,
|
|
1004
|
+
callAI,
|
|
1053
1005
|
reset
|
|
1054
1006
|
};
|
|
1055
1007
|
}
|
|
@@ -1065,24 +1017,221 @@ function useDebounce(value, delay) {
|
|
|
1065
1017
|
}, [value, delay]);
|
|
1066
1018
|
return debouncedValue;
|
|
1067
1019
|
}
|
|
1068
|
-
function useEmbeddableConfig() {
|
|
1069
|
-
const { config } = useEmbeddableContext();
|
|
1070
|
-
if (!config) {
|
|
1071
|
-
throw new Error(
|
|
1072
|
-
"No Embeddable configuration found. Make sure to wrap your app with EmbeddableProvider and provide a valid config."
|
|
1073
|
-
);
|
|
1074
|
-
}
|
|
1075
|
-
return config;
|
|
1076
|
-
}
|
|
1077
|
-
function useEmbeddableConfigSafe() {
|
|
1078
|
-
const { config } = useEmbeddableContext();
|
|
1079
|
-
return config;
|
|
1080
|
-
}
|
|
1081
1020
|
function useEmbeddableData() {
|
|
1082
1021
|
const { data } = useEmbeddableContext();
|
|
1083
1022
|
return { data };
|
|
1084
1023
|
}
|
|
1085
|
-
const
|
|
1024
|
+
const useEventTracking = () => {
|
|
1025
|
+
const { widgetId } = useEmbeddableConfig();
|
|
1026
|
+
const apiBaseUrl = `${EVENTS_BASE_URL}/api`;
|
|
1027
|
+
const [isLoading, setIsLoading] = useState(false);
|
|
1028
|
+
const track = useCallback(
|
|
1029
|
+
async (eventData, options = {}) => {
|
|
1030
|
+
const results = [];
|
|
1031
|
+
try {
|
|
1032
|
+
setIsLoading(true);
|
|
1033
|
+
const response = await fetch(`${apiBaseUrl}/marketing/track`, {
|
|
1034
|
+
method: "POST",
|
|
1035
|
+
headers: {
|
|
1036
|
+
"Content-Type": "application/json"
|
|
1037
|
+
},
|
|
1038
|
+
credentials: "omit",
|
|
1039
|
+
body: JSON.stringify({
|
|
1040
|
+
widgetId,
|
|
1041
|
+
inputs: eventData,
|
|
1042
|
+
integrationKey: options.integrationKey
|
|
1043
|
+
})
|
|
1044
|
+
});
|
|
1045
|
+
const result = await response.json();
|
|
1046
|
+
if (result.success) {
|
|
1047
|
+
if (result.results) {
|
|
1048
|
+
result.results.forEach((integrationResult) => {
|
|
1049
|
+
results.push({
|
|
1050
|
+
success: integrationResult.success,
|
|
1051
|
+
integrationKey: integrationResult.integrationKey,
|
|
1052
|
+
data: integrationResult.data,
|
|
1053
|
+
error: integrationResult.error
|
|
1054
|
+
});
|
|
1055
|
+
});
|
|
1056
|
+
} else {
|
|
1057
|
+
results.push({
|
|
1058
|
+
success: true,
|
|
1059
|
+
data: result.data
|
|
1060
|
+
});
|
|
1061
|
+
}
|
|
1062
|
+
} else {
|
|
1063
|
+
results.push({
|
|
1064
|
+
success: false,
|
|
1065
|
+
error: result.error || "Unknown error"
|
|
1066
|
+
});
|
|
1067
|
+
}
|
|
1068
|
+
} catch (error) {
|
|
1069
|
+
results.push({
|
|
1070
|
+
success: false,
|
|
1071
|
+
error: error instanceof Error ? error.message : "Network error"
|
|
1072
|
+
});
|
|
1073
|
+
} finally {
|
|
1074
|
+
setIsLoading(false);
|
|
1075
|
+
}
|
|
1076
|
+
return results;
|
|
1077
|
+
},
|
|
1078
|
+
[widgetId, apiBaseUrl]
|
|
1079
|
+
);
|
|
1080
|
+
const trackPageView = useCallback(
|
|
1081
|
+
async (properties = {}) => {
|
|
1082
|
+
return track({
|
|
1083
|
+
event_name: "page_view",
|
|
1084
|
+
event_category: "engagement",
|
|
1085
|
+
custom_parameters: {
|
|
1086
|
+
page_url: window.location.href,
|
|
1087
|
+
page_title: document.title,
|
|
1088
|
+
referrer: document.referrer,
|
|
1089
|
+
...properties
|
|
1090
|
+
}
|
|
1091
|
+
});
|
|
1092
|
+
},
|
|
1093
|
+
[track]
|
|
1094
|
+
);
|
|
1095
|
+
const trackFormSubmit = useCallback(
|
|
1096
|
+
async (formData, properties = {}) => {
|
|
1097
|
+
return track({
|
|
1098
|
+
event_name: "form_submit",
|
|
1099
|
+
event_category: "conversion",
|
|
1100
|
+
custom_parameters: {
|
|
1101
|
+
form_data: formData,
|
|
1102
|
+
...properties
|
|
1103
|
+
}
|
|
1104
|
+
});
|
|
1105
|
+
},
|
|
1106
|
+
[track]
|
|
1107
|
+
);
|
|
1108
|
+
const trackClick = useCallback(
|
|
1109
|
+
async (element, properties = {}) => {
|
|
1110
|
+
let elementData = {};
|
|
1111
|
+
if (typeof element === "string") {
|
|
1112
|
+
elementData = { element_selector: element };
|
|
1113
|
+
} else {
|
|
1114
|
+
elementData = {
|
|
1115
|
+
element_id: element.id,
|
|
1116
|
+
element_class: element.className,
|
|
1117
|
+
element_text: element.textContent || element.innerText,
|
|
1118
|
+
element_tag: element.tagName.toLowerCase()
|
|
1119
|
+
};
|
|
1120
|
+
}
|
|
1121
|
+
return track({
|
|
1122
|
+
event_name: "button_click",
|
|
1123
|
+
event_category: "interaction",
|
|
1124
|
+
custom_parameters: {
|
|
1125
|
+
...elementData,
|
|
1126
|
+
...properties
|
|
1127
|
+
}
|
|
1128
|
+
});
|
|
1129
|
+
},
|
|
1130
|
+
[track]
|
|
1131
|
+
);
|
|
1132
|
+
const trackConversion = useCallback(
|
|
1133
|
+
async (conversionType, value, properties = {}) => {
|
|
1134
|
+
return track({
|
|
1135
|
+
event_name: "conversion",
|
|
1136
|
+
event_category: "conversion",
|
|
1137
|
+
value,
|
|
1138
|
+
custom_parameters: {
|
|
1139
|
+
conversion_type: conversionType,
|
|
1140
|
+
currency: properties.currency || "USD",
|
|
1141
|
+
...properties
|
|
1142
|
+
}
|
|
1143
|
+
});
|
|
1144
|
+
},
|
|
1145
|
+
[track]
|
|
1146
|
+
);
|
|
1147
|
+
const trackSignup = useCallback(
|
|
1148
|
+
async (userData, properties = {}) => {
|
|
1149
|
+
return track({
|
|
1150
|
+
event_name: "signup",
|
|
1151
|
+
event_category: "conversion",
|
|
1152
|
+
user_data: userData,
|
|
1153
|
+
custom_parameters: properties
|
|
1154
|
+
});
|
|
1155
|
+
},
|
|
1156
|
+
[track]
|
|
1157
|
+
);
|
|
1158
|
+
const trackPurchase = useCallback(
|
|
1159
|
+
async (transactionData, properties = {}) => {
|
|
1160
|
+
return track({
|
|
1161
|
+
event_name: "purchase",
|
|
1162
|
+
event_category: "ecommerce",
|
|
1163
|
+
value: transactionData.amount,
|
|
1164
|
+
custom_parameters: {
|
|
1165
|
+
transaction_id: transactionData.id,
|
|
1166
|
+
currency: transactionData.currency || "USD",
|
|
1167
|
+
items: transactionData.items || [],
|
|
1168
|
+
...properties
|
|
1169
|
+
}
|
|
1170
|
+
});
|
|
1171
|
+
},
|
|
1172
|
+
[track]
|
|
1173
|
+
);
|
|
1174
|
+
const enableAutoPageView = useCallback(() => {
|
|
1175
|
+
trackPageView();
|
|
1176
|
+
}, [trackPageView]);
|
|
1177
|
+
const enableAutoFormTracking = useCallback(() => {
|
|
1178
|
+
const handleFormSubmit = async (event) => {
|
|
1179
|
+
try {
|
|
1180
|
+
const form = event.target;
|
|
1181
|
+
const formData = new FormData(form);
|
|
1182
|
+
const formObject = Object.fromEntries(formData.entries());
|
|
1183
|
+
await trackFormSubmit(formObject, {
|
|
1184
|
+
form_id: form.id,
|
|
1185
|
+
form_class: form.className,
|
|
1186
|
+
form_action: form.action,
|
|
1187
|
+
form_method: form.method
|
|
1188
|
+
});
|
|
1189
|
+
} catch (error) {
|
|
1190
|
+
console.error("[MarketingIntegration] Error auto-tracking form submission:", error);
|
|
1191
|
+
}
|
|
1192
|
+
};
|
|
1193
|
+
document.addEventListener("submit", handleFormSubmit);
|
|
1194
|
+
return () => {
|
|
1195
|
+
document.removeEventListener("submit", handleFormSubmit);
|
|
1196
|
+
};
|
|
1197
|
+
}, [trackFormSubmit]);
|
|
1198
|
+
const enableAutoClickTracking = useCallback(
|
|
1199
|
+
(selector = 'button, .btn, [role="button"], a, input[type="submit"]') => {
|
|
1200
|
+
const handleClick = async (event) => {
|
|
1201
|
+
const element = event.target.closest(selector);
|
|
1202
|
+
if (element) {
|
|
1203
|
+
try {
|
|
1204
|
+
await trackClick(element);
|
|
1205
|
+
} catch (error) {
|
|
1206
|
+
console.error("[MarketingIntegration] Error auto-tracking click:", error);
|
|
1207
|
+
}
|
|
1208
|
+
}
|
|
1209
|
+
};
|
|
1210
|
+
document.addEventListener("click", handleClick);
|
|
1211
|
+
return () => {
|
|
1212
|
+
document.removeEventListener("click", handleClick);
|
|
1213
|
+
};
|
|
1214
|
+
},
|
|
1215
|
+
[trackClick]
|
|
1216
|
+
);
|
|
1217
|
+
return {
|
|
1218
|
+
// State
|
|
1219
|
+
isLoading,
|
|
1220
|
+
// Core methods
|
|
1221
|
+
track,
|
|
1222
|
+
// Convenience methods
|
|
1223
|
+
trackPageView,
|
|
1224
|
+
trackFormSubmit,
|
|
1225
|
+
trackClick,
|
|
1226
|
+
trackConversion,
|
|
1227
|
+
trackSignup,
|
|
1228
|
+
trackPurchase,
|
|
1229
|
+
// Auto-tracking
|
|
1230
|
+
enableAutoPageView,
|
|
1231
|
+
enableAutoFormTracking,
|
|
1232
|
+
enableAutoClickTracking
|
|
1233
|
+
};
|
|
1234
|
+
};
|
|
1086
1235
|
function useFormSubmission(options) {
|
|
1087
1236
|
const { widgetId } = useEmbeddableConfig();
|
|
1088
1237
|
const [state, setState] = useState({
|
|
@@ -1359,13 +1508,68 @@ function useVoteAggregations(options) {
|
|
|
1359
1508
|
reset
|
|
1360
1509
|
};
|
|
1361
1510
|
}
|
|
1511
|
+
const defaultConfig = {
|
|
1512
|
+
version: "latest",
|
|
1513
|
+
mode: "embeddable",
|
|
1514
|
+
ignoreCache: false,
|
|
1515
|
+
lazyLoad: false,
|
|
1516
|
+
loader: true,
|
|
1517
|
+
widgetId: "",
|
|
1518
|
+
_containerId: "",
|
|
1519
|
+
_shadowRoot: void 0
|
|
1520
|
+
};
|
|
1521
|
+
const EmbeddableContext = createContext({
|
|
1522
|
+
config: { ...defaultConfig },
|
|
1523
|
+
setConfig: () => {
|
|
1524
|
+
},
|
|
1525
|
+
data: {},
|
|
1526
|
+
setData: () => {
|
|
1527
|
+
}
|
|
1528
|
+
});
|
|
1529
|
+
function EmbeddableProvider({
|
|
1530
|
+
config: initialConfig,
|
|
1531
|
+
data: initialData,
|
|
1532
|
+
children
|
|
1533
|
+
}) {
|
|
1534
|
+
const [config, setConfig] = useState(defaultConfig);
|
|
1535
|
+
const [data, setData] = useState(initialData || {});
|
|
1536
|
+
const { enableAutoPageView } = useEventTracking();
|
|
1537
|
+
useEffect(() => {
|
|
1538
|
+
setConfig({ ...defaultConfig, ...initialConfig });
|
|
1539
|
+
}, [initialConfig]);
|
|
1540
|
+
useEffect(() => {
|
|
1541
|
+
if (config.widgetId && config.mode !== "preview") {
|
|
1542
|
+
enableAutoPageView();
|
|
1543
|
+
}
|
|
1544
|
+
}, [enableAutoPageView, config.widgetId, config.mode]);
|
|
1545
|
+
useEffect(() => {
|
|
1546
|
+
const handleMessage = (event) => {
|
|
1547
|
+
if (event.origin !== "https://embeddable.co" && !event.origin.includes("localhost")) return;
|
|
1548
|
+
if (event.data && typeof event.data === "object" && event.data.type === "embeddable-update-data") {
|
|
1549
|
+
setData(event.data.data || {});
|
|
1550
|
+
}
|
|
1551
|
+
};
|
|
1552
|
+
window.addEventListener("message", handleMessage);
|
|
1553
|
+
return () => {
|
|
1554
|
+
window.removeEventListener("message", handleMessage);
|
|
1555
|
+
};
|
|
1556
|
+
}, []);
|
|
1557
|
+
return /* @__PURE__ */ jsxRuntimeExports.jsx(EmbeddableContext.Provider, { value: { config, setConfig, data, setData }, children });
|
|
1558
|
+
}
|
|
1559
|
+
function useEmbeddableContext() {
|
|
1560
|
+
const context = useContext(EmbeddableContext);
|
|
1561
|
+
if (!context) {
|
|
1562
|
+
throw new Error("useEmbeddableContext must be used within an EmbeddableProvider");
|
|
1563
|
+
}
|
|
1564
|
+
return context;
|
|
1565
|
+
}
|
|
1362
1566
|
export {
|
|
1363
1567
|
EmbeddableProvider as E,
|
|
1364
|
-
|
|
1568
|
+
useAI as a,
|
|
1365
1569
|
useDebounce as b,
|
|
1366
1570
|
useEmbeddableConfig as c,
|
|
1367
|
-
|
|
1368
|
-
|
|
1571
|
+
useEmbeddableData as d,
|
|
1572
|
+
useEventTracking as e,
|
|
1369
1573
|
useFormSubmission as f,
|
|
1370
1574
|
useLocalStorage as g,
|
|
1371
1575
|
useVote as h,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"EmbeddableProvider.d.ts","sourceRoot":"","sources":["../../src/context/EmbeddableProvider.tsx"],"names":[],"mappings":"AACA,OAAO,EAAiB,SAAS,EAAmC,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"EmbeddableProvider.d.ts","sourceRoot":"","sources":["../../src/context/EmbeddableProvider.tsx"],"names":[],"mappings":"AACA,OAAO,EAAiB,SAAS,EAAmC,MAAM,OAAO,CAAC;AAElF,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAC;AAEjD,UAAU,qBAAqB,CAAC,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC;IACrD,MAAM,EAAE,gBAAgB,GAAG,IAAI,CAAC;IAChC,SAAS,EAAE,CAAC,MAAM,EAAE,gBAAgB,KAAK,IAAI,CAAC;IAC9C,IAAI,EAAE,CAAC,CAAC;IACR,OAAO,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,IAAI,CAAC;CAC5B;AAoBD,UAAU,uBAAuB,CAAC,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC;IACvD,MAAM,CAAC,EAAE,gBAAgB,CAAC;IAC1B,IAAI,CAAC,EAAE,CAAC,CAAC;IACT,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,wBAAgB,kBAAkB,CAAC,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAAE,EAC1D,MAAM,EAAE,aAAa,EACrB,IAAI,EAAE,WAAW,EACjB,QAAQ,GACT,EAAE,uBAAuB,CAAC,CAAC,CAAC,2CAwC5B;AAED,wBAAgB,oBAAoB,CAAC,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,KAAK,qBAAqB,CAAC,CAAC,CAAC,CAMxF"}
|
package/dist/hooks/index.d.ts
CHANGED
|
@@ -1,7 +1,8 @@
|
|
|
1
|
-
export {
|
|
1
|
+
export { useAI } from './useAI';
|
|
2
2
|
export { useDebounce } from './useDebounce';
|
|
3
|
-
export { useEmbeddableConfig
|
|
3
|
+
export { useEmbeddableConfig } from './useEmbeddableConfig';
|
|
4
4
|
export { useEmbeddableData } from './useEmbeddableData';
|
|
5
|
+
export { useEventTracking } from './useEventTracking';
|
|
5
6
|
export { useFormSubmission } from './useFormSubmission';
|
|
6
7
|
export { useLocalStorage } from './useLocalStorage';
|
|
7
8
|
export { useVote } from './useVote';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/hooks/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/hooks/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC"}
|
|
@@ -0,0 +1,40 @@
|
|
|
1
|
+
type AIPlatform = 'openai' | 'anthropic' | 'gemini';
|
|
2
|
+
interface ChatMessage {
|
|
3
|
+
role: 'user' | 'assistant';
|
|
4
|
+
content: string;
|
|
5
|
+
}
|
|
6
|
+
interface AIResponseData {
|
|
7
|
+
response: string;
|
|
8
|
+
tokensUsed: number | null;
|
|
9
|
+
}
|
|
10
|
+
interface AIResponseMetadata {
|
|
11
|
+
model: string | null;
|
|
12
|
+
integrationKey: string;
|
|
13
|
+
capabilityId: string;
|
|
14
|
+
executedAt: string;
|
|
15
|
+
[key: string]: any;
|
|
16
|
+
}
|
|
17
|
+
interface AIResponse {
|
|
18
|
+
success: boolean;
|
|
19
|
+
message?: string;
|
|
20
|
+
error?: string;
|
|
21
|
+
data?: AIResponseData;
|
|
22
|
+
metadata?: AIResponseMetadata;
|
|
23
|
+
}
|
|
24
|
+
interface UseAIOptions {
|
|
25
|
+
platform: AIPlatform;
|
|
26
|
+
}
|
|
27
|
+
/**
|
|
28
|
+
* React hook for handling AI API calls with loading, error states
|
|
29
|
+
* @param options - Configuration including the AI platform to use
|
|
30
|
+
* @returns Object with AI function and state management
|
|
31
|
+
*/
|
|
32
|
+
export declare function useAI(options: UseAIOptions): {
|
|
33
|
+
callAI: (prompt: string, history?: Array<ChatMessage>) => Promise<AIResponse>;
|
|
34
|
+
reset: () => void;
|
|
35
|
+
loading: boolean;
|
|
36
|
+
error: string | null;
|
|
37
|
+
success: boolean;
|
|
38
|
+
};
|
|
39
|
+
export {};
|
|
40
|
+
//# sourceMappingURL=useAI.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useAI.d.ts","sourceRoot":"","sources":["../../src/hooks/useAI.ts"],"names":[],"mappings":"AAIA,KAAK,UAAU,GAAG,QAAQ,GAAG,WAAW,GAAG,QAAQ,CAAC;AAEpD,UAAU,WAAW;IACnB,IAAI,EAAE,MAAM,GAAG,WAAW,CAAC;IAC3B,OAAO,EAAE,MAAM,CAAC;CACjB;AAQD,UAAU,cAAc;IACtB,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,EAAE,MAAM,GAAG,IAAI,CAAC;CAC3B;AAED,UAAU,kBAAkB;IAC1B,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,cAAc,EAAE,MAAM,CAAC;IACvB,YAAY,EAAE,MAAM,CAAC;IACrB,UAAU,EAAE,MAAM,CAAC;IACnB,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;CACpB;AAED,UAAU,UAAU;IAClB,OAAO,EAAE,OAAO,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB,QAAQ,CAAC,EAAE,kBAAkB,CAAC;CAC/B;AAED,UAAU,YAAY;IACpB,QAAQ,EAAE,UAAU,CAAC;CACtB;AAED;;;;GAIG;AACH,wBAAgB,KAAK,CAAC,OAAO,EAAE,YAAY;qBASxB,MAAM,YAAY,KAAK,CAAC,WAAW,CAAC,KAAG,OAAO,CAAC,UAAU,CAAC;;aA5ClE,OAAO;WACT,MAAM,GAAG,IAAI;aACX,OAAO;EAmHjB"}
|
|
@@ -6,9 +6,4 @@ import { EmbeddableConfig } from '../types';
|
|
|
6
6
|
* @throws Error if used outside of EmbeddableProvider
|
|
7
7
|
*/
|
|
8
8
|
export declare function useEmbeddableConfig(): EmbeddableConfig;
|
|
9
|
-
/**
|
|
10
|
-
* Hook to safely access the global Embeddable SDK configuration
|
|
11
|
-
* @returns The current SDK configuration or null if not available
|
|
12
|
-
*/
|
|
13
|
-
export declare function useEmbeddableConfigSafe(): EmbeddableConfig | null;
|
|
14
9
|
//# sourceMappingURL=useEmbeddableConfig.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useEmbeddableConfig.d.ts","sourceRoot":"","sources":["../../src/hooks/useEmbeddableConfig.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAC;AAEjD;;;;GAIG;AACH,wBAAgB,mBAAmB,IAAI,gBAAgB,CAUtD
|
|
1
|
+
{"version":3,"file":"useEmbeddableConfig.d.ts","sourceRoot":"","sources":["../../src/hooks/useEmbeddableConfig.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAC;AAEjD;;;;GAIG;AACH,wBAAgB,mBAAmB,IAAI,gBAAgB,CAUtD"}
|
|
@@ -0,0 +1,43 @@
|
|
|
1
|
+
export interface MarketingEventData {
|
|
2
|
+
event_name: string;
|
|
3
|
+
event_category?: string;
|
|
4
|
+
event_action?: string;
|
|
5
|
+
event_label?: string;
|
|
6
|
+
value?: number;
|
|
7
|
+
custom_parameters?: Record<string, any>;
|
|
8
|
+
user_data?: {
|
|
9
|
+
email?: string;
|
|
10
|
+
phone?: string;
|
|
11
|
+
external_id?: string;
|
|
12
|
+
};
|
|
13
|
+
}
|
|
14
|
+
export interface TrackingOptions {
|
|
15
|
+
integrationKey?: string;
|
|
16
|
+
skipAutoTrigger?: boolean;
|
|
17
|
+
}
|
|
18
|
+
export interface MarketingTrackingResult {
|
|
19
|
+
success: boolean;
|
|
20
|
+
integrationKey?: string;
|
|
21
|
+
data?: any;
|
|
22
|
+
error?: string;
|
|
23
|
+
}
|
|
24
|
+
export interface useEventTrackingReturn {
|
|
25
|
+
isLoading: boolean;
|
|
26
|
+
track: (eventData: MarketingEventData, options?: TrackingOptions) => Promise<MarketingTrackingResult[]>;
|
|
27
|
+
trackPageView: (properties?: Record<string, any>) => Promise<MarketingTrackingResult[]>;
|
|
28
|
+
trackFormSubmit: (formData: Record<string, any>, properties?: Record<string, any>) => Promise<MarketingTrackingResult[]>;
|
|
29
|
+
trackClick: (element: string | HTMLElement, properties?: Record<string, any>) => Promise<MarketingTrackingResult[]>;
|
|
30
|
+
trackConversion: (conversionType: string, value: number, properties?: Record<string, any>) => Promise<MarketingTrackingResult[]>;
|
|
31
|
+
trackSignup: (userData: Record<string, any>, properties?: Record<string, any>) => Promise<MarketingTrackingResult[]>;
|
|
32
|
+
trackPurchase: (transactionData: {
|
|
33
|
+
id: string;
|
|
34
|
+
amount: number;
|
|
35
|
+
currency?: string;
|
|
36
|
+
items?: any[];
|
|
37
|
+
}, properties?: Record<string, any>) => Promise<MarketingTrackingResult[]>;
|
|
38
|
+
enableAutoPageView: () => void;
|
|
39
|
+
enableAutoFormTracking: () => void;
|
|
40
|
+
enableAutoClickTracking: (selector?: string) => void;
|
|
41
|
+
}
|
|
42
|
+
export declare const useEventTracking: () => useEventTrackingReturn;
|
|
43
|
+
//# sourceMappingURL=useEventTracking.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useEventTracking.d.ts","sourceRoot":"","sources":["../../src/hooks/useEventTracking.ts"],"names":[],"mappings":"AAIA,MAAM,WAAW,kBAAkB;IACjC,UAAU,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,iBAAiB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IACxC,SAAS,CAAC,EAAE;QACV,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,WAAW,CAAC,EAAE,MAAM,CAAC;KACtB,CAAC;CACH;AAED,MAAM,WAAW,eAAe;IAC9B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B;AAED,MAAM,WAAW,uBAAuB;IACtC,OAAO,EAAE,OAAO,CAAC;IACjB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,IAAI,CAAC,EAAE,GAAG,CAAC;IACX,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,sBAAsB;IAErC,SAAS,EAAE,OAAO,CAAC;IAGnB,KAAK,EAAE,CACL,SAAS,EAAE,kBAAkB,EAC7B,OAAO,CAAC,EAAE,eAAe,KACtB,OAAO,CAAC,uBAAuB,EAAE,CAAC,CAAC;IAGxC,aAAa,EAAE,CAAC,UAAU,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,KAAK,OAAO,CAAC,uBAAuB,EAAE,CAAC,CAAC;IACxF,eAAe,EAAE,CACf,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAC7B,UAAU,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,KAC7B,OAAO,CAAC,uBAAuB,EAAE,CAAC,CAAC;IACxC,UAAU,EAAE,CACV,OAAO,EAAE,MAAM,GAAG,WAAW,EAC7B,UAAU,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,KAC7B,OAAO,CAAC,uBAAuB,EAAE,CAAC,CAAC;IACxC,eAAe,EAAE,CACf,cAAc,EAAE,MAAM,EACtB,KAAK,EAAE,MAAM,EACb,UAAU,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,KAC7B,OAAO,CAAC,uBAAuB,EAAE,CAAC,CAAC;IACxC,WAAW,EAAE,CACX,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAC7B,UAAU,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,KAC7B,OAAO,CAAC,uBAAuB,EAAE,CAAC,CAAC;IACxC,aAAa,EAAE,CACb,eAAe,EAAE;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAC;QAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;QAAC,KAAK,CAAC,EAAE,GAAG,EAAE,CAAA;KAAE,EACjF,UAAU,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,KAC7B,OAAO,CAAC,uBAAuB,EAAE,CAAC,CAAC;IAGxC,kBAAkB,EAAE,MAAM,IAAI,CAAC;IAC/B,sBAAsB,EAAE,MAAM,IAAI,CAAC;IACnC,uBAAuB,EAAE,CAAC,QAAQ,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;CACtD;AAED,eAAO,MAAM,gBAAgB,QAAO,sBAqPnC,CAAC"}
|
package/dist/hooks.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./EmbeddableProvider-74nyeXDc.cjs");exports.useAI=e.useAI,exports.useDebounce=e.useDebounce,exports.useEmbeddableConfig=e.useEmbeddableConfig,exports.useEmbeddableData=e.useEmbeddableData,exports.useEventTracking=e.useEventTracking,exports.useFormSubmission=e.useFormSubmission,exports.useLocalStorage=e.useLocalStorage,exports.useVote=e.useVote,exports.useVoteAggregations=e.useVoteAggregations;
|
package/dist/hooks.js
CHANGED
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
import { a, b, c, d, e, f, g, h, i } from "./
|
|
1
|
+
import { a, b, c, d, e, f, g, h, i } from "./EmbeddableProvider-OdbqzsmX.js";
|
|
2
2
|
export {
|
|
3
|
-
a as
|
|
3
|
+
a as useAI,
|
|
4
4
|
b as useDebounce,
|
|
5
5
|
c as useEmbeddableConfig,
|
|
6
|
-
d as
|
|
7
|
-
e as
|
|
6
|
+
d as useEmbeddableData,
|
|
7
|
+
e as useEventTracking,
|
|
8
8
|
f as useFormSubmission,
|
|
9
9
|
g as useLocalStorage,
|
|
10
10
|
h as useVote,
|
package/dist/index.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./EmbeddableProvider-74nyeXDc.cjs"),s=require("./utils.cjs"),o=require("./storage-EjA7Lhbb.cjs");exports.EmbeddableProvider=e.EmbeddableProvider,exports.useAI=e.useAI,exports.useDebounce=e.useDebounce,exports.useEmbeddableConfig=e.useEmbeddableConfig,exports.useEmbeddableContext=e.useEmbeddableContext,exports.useEmbeddableData=e.useEmbeddableData,exports.useEventTracking=e.useEventTracking,exports.useFormSubmission=e.useFormSubmission,exports.useLocalStorage=e.useLocalStorage,exports.useVote=e.useVote,exports.useVoteAggregations=e.useVoteAggregations,exports.createApiClient=s.createApiClient,exports.debounce=s.debounce,exports.storage=o.storage;
|
package/dist/index.js
CHANGED
|
@@ -1,17 +1,17 @@
|
|
|
1
|
-
import { E, a, b, c,
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
1
|
+
import { E, a, b, c, u, d, e, f, g, h, i } from "./EmbeddableProvider-OdbqzsmX.js";
|
|
2
|
+
import { createApiClient, debounce } from "./utils.js";
|
|
3
|
+
import { s } from "./storage-B4eeCFyo.js";
|
|
4
4
|
export {
|
|
5
5
|
E as EmbeddableProvider,
|
|
6
|
-
|
|
6
|
+
createApiClient,
|
|
7
7
|
debounce,
|
|
8
8
|
s as storage,
|
|
9
|
-
a as
|
|
9
|
+
a as useAI,
|
|
10
10
|
b as useDebounce,
|
|
11
11
|
c as useEmbeddableConfig,
|
|
12
|
-
d as useEmbeddableConfigSafe,
|
|
13
12
|
u as useEmbeddableContext,
|
|
14
|
-
|
|
13
|
+
d as useEmbeddableData,
|
|
14
|
+
e as useEventTracking,
|
|
15
15
|
f as useFormSubmission,
|
|
16
16
|
g as useLocalStorage,
|
|
17
17
|
h as useVote,
|
|
@@ -1,57 +1,3 @@
|
|
|
1
|
-
function createApiClient(config) {
|
|
2
|
-
const baseUrl = config.baseUrl || "https://api.embeddable.com";
|
|
3
|
-
const headers = {
|
|
4
|
-
"Content-Type": "application/json"
|
|
5
|
-
};
|
|
6
|
-
if (config.apiKey) {
|
|
7
|
-
headers["Authorization"] = `Bearer ${config.apiKey}`;
|
|
8
|
-
}
|
|
9
|
-
const request = async (endpoint, options = {}) => {
|
|
10
|
-
try {
|
|
11
|
-
const url = `${baseUrl}${endpoint}`;
|
|
12
|
-
const response = await fetch(url, {
|
|
13
|
-
...options,
|
|
14
|
-
headers: {
|
|
15
|
-
...headers,
|
|
16
|
-
...options.headers
|
|
17
|
-
}
|
|
18
|
-
});
|
|
19
|
-
const data = await response.json();
|
|
20
|
-
if (!response.ok) {
|
|
21
|
-
return {
|
|
22
|
-
data: null,
|
|
23
|
-
success: false,
|
|
24
|
-
error: data.message || `HTTP ${response.status}`
|
|
25
|
-
};
|
|
26
|
-
}
|
|
27
|
-
return {
|
|
28
|
-
data,
|
|
29
|
-
success: true
|
|
30
|
-
};
|
|
31
|
-
} catch (error) {
|
|
32
|
-
if (config.debug) {
|
|
33
|
-
console.error("API Request failed:", error);
|
|
34
|
-
}
|
|
35
|
-
return {
|
|
36
|
-
data: null,
|
|
37
|
-
success: false,
|
|
38
|
-
error: error instanceof Error ? error.message : "Unknown error"
|
|
39
|
-
};
|
|
40
|
-
}
|
|
41
|
-
};
|
|
42
|
-
return {
|
|
43
|
-
get: (endpoint) => request(endpoint, { method: "GET" }),
|
|
44
|
-
post: (endpoint, body) => request(endpoint, {
|
|
45
|
-
method: "POST",
|
|
46
|
-
body: body ? JSON.stringify(body) : void 0
|
|
47
|
-
}),
|
|
48
|
-
put: (endpoint, body) => request(endpoint, {
|
|
49
|
-
method: "PUT",
|
|
50
|
-
body: body ? JSON.stringify(body) : void 0
|
|
51
|
-
}),
|
|
52
|
-
delete: (endpoint) => request(endpoint, { method: "DELETE" })
|
|
53
|
-
};
|
|
54
|
-
}
|
|
55
1
|
const storage = {
|
|
56
2
|
/**
|
|
57
3
|
* Get an item from localStorage
|
|
@@ -142,6 +88,5 @@ const storage = {
|
|
|
142
88
|
}
|
|
143
89
|
};
|
|
144
90
|
export {
|
|
145
|
-
createApiClient as c,
|
|
146
91
|
storage as s
|
|
147
92
|
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";const t={get(t,e={}){try{const{prefix:r="",deserialize:o=JSON.parse}=e,a=r+t,l=localStorage.getItem(a);return null===l?null:o(l)}catch(r){return null}},set(t,e,r={}){try{const{prefix:o="",serialize:a=JSON.stringify}=r,l=o+t,c=a(e);localStorage.setItem(l,c)}catch(o){}},remove(t,e={}){try{const{prefix:r=""}=e,o=r+t;localStorage.removeItem(o)}catch(r){}},clear(t={}){try{const{prefix:e=""}=t;if(!e)return void localStorage.clear();const r=[];for(let t=0;t<localStorage.length;t++){const o=localStorage.key(t);o&&o.startsWith(e)&&r.push(o)}r.forEach((t=>localStorage.removeItem(t)))}catch(e){}},isAvailable(){try{const t="__storage_test__";return localStorage.setItem(t,"test"),localStorage.removeItem(t),!0}catch{return!1}}};exports.storage=t;
|
package/dist/utils.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./storage-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./storage-EjA7Lhbb.cjs");exports.storage=e.storage,exports.createApiClient=function(e){const t=e.baseUrl||"https://api.embeddable.com",o={"Content-Type":"application/json"};e.apiKey&&(o.Authorization=`Bearer ${e.apiKey}`);const r=async(r,s={})=>{try{const e=`${t}${r}`,a=await fetch(e,{...s,headers:{...o,...s.headers}}),n=await a.json();return a.ok?{data:n,success:!0}:{data:null,success:!1,error:n.message||`HTTP ${a.status}`}}catch(a){return e.debug,{data:null,success:!1,error:a instanceof Error?a.message:"Unknown error"}}};return{get:e=>r(e,{method:"GET"}),post:(e,t)=>r(e,{method:"POST",body:t?JSON.stringify(t):void 0}),put:(e,t)=>r(e,{method:"PUT",body:t?JSON.stringify(t):void 0}),delete:e=>r(e,{method:"DELETE"})}},exports.debounce=function(e,t){let o;return function(...r){void 0!==o&&clearTimeout(o),o=setTimeout((()=>{o=void 0,e(...r)}),t)}};
|
package/dist/utils.js
CHANGED
|
@@ -1,4 +1,58 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { s } from "./storage-B4eeCFyo.js";
|
|
2
|
+
function createApiClient(config) {
|
|
3
|
+
const baseUrl = config.baseUrl || "https://api.embeddable.com";
|
|
4
|
+
const headers = {
|
|
5
|
+
"Content-Type": "application/json"
|
|
6
|
+
};
|
|
7
|
+
if (config.apiKey) {
|
|
8
|
+
headers["Authorization"] = `Bearer ${config.apiKey}`;
|
|
9
|
+
}
|
|
10
|
+
const request = async (endpoint, options = {}) => {
|
|
11
|
+
try {
|
|
12
|
+
const url = `${baseUrl}${endpoint}`;
|
|
13
|
+
const response = await fetch(url, {
|
|
14
|
+
...options,
|
|
15
|
+
headers: {
|
|
16
|
+
...headers,
|
|
17
|
+
...options.headers
|
|
18
|
+
}
|
|
19
|
+
});
|
|
20
|
+
const data = await response.json();
|
|
21
|
+
if (!response.ok) {
|
|
22
|
+
return {
|
|
23
|
+
data: null,
|
|
24
|
+
success: false,
|
|
25
|
+
error: data.message || `HTTP ${response.status}`
|
|
26
|
+
};
|
|
27
|
+
}
|
|
28
|
+
return {
|
|
29
|
+
data,
|
|
30
|
+
success: true
|
|
31
|
+
};
|
|
32
|
+
} catch (error) {
|
|
33
|
+
if (config.debug) {
|
|
34
|
+
console.error("API Request failed:", error);
|
|
35
|
+
}
|
|
36
|
+
return {
|
|
37
|
+
data: null,
|
|
38
|
+
success: false,
|
|
39
|
+
error: error instanceof Error ? error.message : "Unknown error"
|
|
40
|
+
};
|
|
41
|
+
}
|
|
42
|
+
};
|
|
43
|
+
return {
|
|
44
|
+
get: (endpoint) => request(endpoint, { method: "GET" }),
|
|
45
|
+
post: (endpoint, body) => request(endpoint, {
|
|
46
|
+
method: "POST",
|
|
47
|
+
body: body ? JSON.stringify(body) : void 0
|
|
48
|
+
}),
|
|
49
|
+
put: (endpoint, body) => request(endpoint, {
|
|
50
|
+
method: "PUT",
|
|
51
|
+
body: body ? JSON.stringify(body) : void 0
|
|
52
|
+
}),
|
|
53
|
+
delete: (endpoint) => request(endpoint, { method: "DELETE" })
|
|
54
|
+
};
|
|
55
|
+
}
|
|
2
56
|
function debounce(func, wait) {
|
|
3
57
|
let timeoutId;
|
|
4
58
|
return function debounced(...args) {
|
|
@@ -13,7 +67,7 @@ function debounce(func, wait) {
|
|
|
13
67
|
};
|
|
14
68
|
}
|
|
15
69
|
export {
|
|
16
|
-
|
|
70
|
+
createApiClient,
|
|
17
71
|
debounce,
|
|
18
72
|
s as storage
|
|
19
73
|
};
|
package/package.json
CHANGED
package/dist/hooks/useApi.d.ts
DELETED
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
import { ApiResponse, EmbeddableApiConfig } from '../types';
|
|
2
|
-
|
|
3
|
-
/**
|
|
4
|
-
* React hook for API calls with loading and error states
|
|
5
|
-
* @param config - API configuration (optional, will use global config if not provided)
|
|
6
|
-
* @returns API client with state management
|
|
7
|
-
*/
|
|
8
|
-
export declare function useApi(config?: EmbeddableApiConfig): {
|
|
9
|
-
get: <T = any>(endpoint: string) => Promise<ApiResponse<T>>;
|
|
10
|
-
post: <T = any>(endpoint: string, body?: any) => Promise<ApiResponse<T>>;
|
|
11
|
-
put: <T = any>(endpoint: string, body?: any) => Promise<ApiResponse<T>>;
|
|
12
|
-
delete: <T = any>(endpoint: string) => Promise<ApiResponse<T>>;
|
|
13
|
-
reset: () => void;
|
|
14
|
-
data: any;
|
|
15
|
-
loading: boolean;
|
|
16
|
-
error: string | null;
|
|
17
|
-
};
|
|
18
|
-
//# sourceMappingURL=useApi.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"useApi.d.ts","sourceRoot":"","sources":["../../src/hooks/useApi.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAC;AASjE;;;;GAIG;AACH,wBAAgB,MAAM,CAAC,MAAM,CAAC,EAAE,mBAAmB;UAsExB,CAAC,kBAAkB,MAAM;WAG/C,CAAC,kBAAkB,MAAM,SAAS,GAAG;UAKrC,CAAC,kBAAkB,MAAM,SAAS,GAAG;aAIf,CAAC,kBAAkB,MAAM;;;aA3FzC,OAAO;WACT,MAAM,GAAG,IAAI;EA4GrB"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";const e={get(e,t={}){try{const{prefix:r="",deserialize:o=JSON.parse}=t,a=r+e,s=localStorage.getItem(a);return null===s?null:o(s)}catch(r){return null}},set(e,t,r={}){try{const{prefix:o="",serialize:a=JSON.stringify}=r,s=o+e,c=a(t);localStorage.setItem(s,c)}catch(o){}},remove(e,t={}){try{const{prefix:r=""}=t,o=r+e;localStorage.removeItem(o)}catch(r){}},clear(e={}){try{const{prefix:t=""}=e;if(!t)return void localStorage.clear();const r=[];for(let e=0;e<localStorage.length;e++){const o=localStorage.key(e);o&&o.startsWith(t)&&r.push(o)}r.forEach((e=>localStorage.removeItem(e)))}catch(t){}},isAvailable(){try{const e="__storage_test__";return localStorage.setItem(e,"test"),localStorage.removeItem(e),!0}catch{return!1}}};exports.createApiClient=function(e){const t=e.baseUrl||"https://api.embeddable.com",r={"Content-Type":"application/json"};e.apiKey&&(r.Authorization=`Bearer ${e.apiKey}`);const o=async(o,a={})=>{try{const e=`${t}${o}`,s=await fetch(e,{...a,headers:{...r,...a.headers}}),c=await s.json();return s.ok?{data:c,success:!0}:{data:null,success:!1,error:c.message||`HTTP ${s.status}`}}catch(s){return e.debug,{data:null,success:!1,error:s instanceof Error?s.message:"Unknown error"}}};return{get:e=>o(e,{method:"GET"}),post:(e,t)=>o(e,{method:"POST",body:t?JSON.stringify(t):void 0}),put:(e,t)=>o(e,{method:"PUT",body:t?JSON.stringify(t):void 0}),delete:e=>o(e,{method:"DELETE"})}},exports.storage=e;
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
"use strict";const e=require("react"),r=require("./storage-3dk6ww91.cjs");var t,n={exports:{}},o={};var a,s={};
|
|
2
|
-
/**
|
|
3
|
-
* @license React
|
|
4
|
-
* react-jsx-runtime.development.js
|
|
5
|
-
*
|
|
6
|
-
* Copyright (c) Facebook, Inc. and its affiliates.
|
|
7
|
-
*
|
|
8
|
-
* This source code is licensed under the MIT license found in the
|
|
9
|
-
* LICENSE file in the root directory of this source tree.
|
|
10
|
-
*/"production"===process.env.NODE_ENV?n.exports=function(){if(t)return o;t=1;var r=e,n=Symbol.for("react.element"),a=Symbol.for("react.fragment"),s=Object.prototype.hasOwnProperty,i=r.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,c={key:!0,ref:!0,__self:!0,__source:!0};function l(e,r,t){var o,a={},l=null,u=null;for(o in void 0!==t&&(l=""+t),void 0!==r.key&&(l=""+r.key),void 0!==r.ref&&(u=r.ref),r)s.call(r,o)&&!c.hasOwnProperty(o)&&(a[o]=r[o]);if(e&&e.defaultProps)for(o in r=e.defaultProps)void 0===a[o]&&(a[o]=r[o]);return{$$typeof:n,type:e,key:l,ref:u,props:a,_owner:i.current}}return o.Fragment=a,o.jsx=l,o.jsxs=l,o}():n.exports=(a||(a=1,"production"!==process.env.NODE_ENV&&function(){var r,t=e,n=Symbol.for("react.element"),o=Symbol.for("react.portal"),a=Symbol.for("react.fragment"),i=Symbol.for("react.strict_mode"),c=Symbol.for("react.profiler"),l=Symbol.for("react.provider"),u=Symbol.for("react.context"),f=Symbol.for("react.forward_ref"),p=Symbol.for("react.suspense"),d=Symbol.for("react.suspense_list"),y=Symbol.for("react.memo"),g=Symbol.for("react.lazy"),m=Symbol.for("react.offscreen"),v=Symbol.iterator,b=t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;function h(e){for(var r=arguments.length,t=new Array(r>1?r-1:0),n=1;n<r;n++)t[n-1]=arguments[n];!function(e,r,t){var n=b.ReactDebugCurrentFrame.getStackAddendum();""!==n&&(r+="%s",t=t.concat([n]));var o=t.map((function(e){return String(e)}));o.unshift("Warning: "+r),Function.prototype.apply.call(console[e],console,o)}("error",e,t)}function w(e){return e.displayName||"Context"}function k(e){if(null==e)return null;if("number"==typeof e.tag&&h("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."),"function"==typeof e)return e.displayName||e.name||null;if("string"==typeof e)return e;switch(e){case a:return"Fragment";case o:return"Portal";case c:return"Profiler";case i:return"StrictMode";case p:return"Suspense";case d:return"SuspenseList"}if("object"==typeof e)switch(e.$$typeof){case u:return w(e)+".Consumer";case l:return w(e._context)+".Provider";case f:return function(e,r,t){var n=e.displayName;if(n)return n;var o=r.displayName||r.name||"";return""!==o?t+"("+o+")":t}(e,e.render,"ForwardRef");case y:var r=e.displayName||null;return null!==r?r:k(e.type)||"Memo";case g:var t=e,n=t._payload,s=t._init;try{return k(s(n))}catch(m){return null}}return null}r=Symbol.for("react.module.reference");var _,E,S,O,j,C,P,x=Object.assign,R=0;function T(){}T.__reactDisabledLog=!0;var $,N=b.ReactCurrentDispatcher;function I(e,r,t){if(void 0===$)try{throw Error()}catch(o){var n=o.stack.trim().match(/\n( *(at )?)/);$=n&&n[1]||""}return"\n"+$+e}var D,F=!1,L="function"==typeof WeakMap?WeakMap:Map;function U(e,r){if(!e||F)return"";var t,n=D.get(e);if(void 0!==n)return n;F=!0;var o,a=Error.prepareStackTrace;Error.prepareStackTrace=void 0,o=N.current,N.current=null,function(){if(0===R){_=console.log,E=console.info,S=console.warn,O=console.error,j=console.group,C=console.groupCollapsed,P=console.groupEnd;var e={configurable:!0,enumerable:!0,value:T,writable:!0};Object.defineProperties(console,{info:e,log:e,warn:e,error:e,group:e,groupCollapsed:e,groupEnd:e})}R++}();try{if(r){var s=function(){throw Error()};if(Object.defineProperty(s.prototype,"props",{set:function(){throw Error()}}),"object"==typeof Reflect&&Reflect.construct){try{Reflect.construct(s,[])}catch(y){t=y}Reflect.construct(e,[],s)}else{try{s.call()}catch(y){t=y}e.call(s.prototype)}}else{try{throw Error()}catch(y){t=y}e()}}catch(g){if(g&&t&&"string"==typeof g.stack){for(var i=g.stack.split("\n"),c=t.stack.split("\n"),l=i.length-1,u=c.length-1;l>=1&&u>=0&&i[l]!==c[u];)u--;for(;l>=1&&u>=0;l--,u--)if(i[l]!==c[u]){if(1!==l||1!==u)do{if(l--,--u<0||i[l]!==c[u]){var f="\n"+i[l].replace(" at new "," at ");return e.displayName&&f.includes("<anonymous>")&&(f=f.replace("<anonymous>",e.displayName)),"function"==typeof e&&D.set(e,f),f}}while(l>=1&&u>=0);break}}}finally{F=!1,N.current=o,function(){if(0===--R){var e={configurable:!0,enumerable:!0,writable:!0};Object.defineProperties(console,{log:x({},e,{value:_}),info:x({},e,{value:E}),warn:x({},e,{value:S}),error:x({},e,{value:O}),group:x({},e,{value:j}),groupCollapsed:x({},e,{value:C}),groupEnd:x({},e,{value:P})})}R<0&&h("disabledDepth fell below zero. This is a bug in React. Please file an issue.")}(),Error.prepareStackTrace=a}var p=e?e.displayName||e.name:"",d=p?I(p):"";return"function"==typeof e&&D.set(e,d),d}function A(e,r,t){if(null==e)return"";if("function"==typeof e)return U(e,!(!(n=e.prototype)||!n.isReactComponent));var n;if("string"==typeof e)return I(e);switch(e){case p:return I("Suspense");case d:return I("SuspenseList")}if("object"==typeof e)switch(e.$$typeof){case f:return U(e.render,!1);case y:return A(e.type,r,t);case g:var o=e,a=o._payload,s=o._init;try{return A(s(a),r,t)}catch(i){}}return""}D=new L;var V=Object.prototype.hasOwnProperty,W={},z=b.ReactDebugCurrentFrame;function M(e){if(e){var r=e._owner,t=A(e.type,e._source,r?r.type:null);z.setExtraStackFrame(t)}else z.setExtraStackFrame(null)}var B=Array.isArray;function J(e){return B(e)}function Y(e){return""+e}function q(e){if(function(e){try{return Y(e),!1}catch(r){return!0}}(e))return h("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.",function(e){return"function"==typeof Symbol&&Symbol.toStringTag&&e[Symbol.toStringTag]||e.constructor.name||"Object"}(e)),Y(e)}var H,K,X=b.ReactCurrentOwner,G={key:!0,ref:!0,__self:!0,__source:!0};function Q(e,r,t,o,a){var s,i={},c=null,l=null;for(s in void 0!==t&&(q(t),c=""+t),function(e){if(V.call(e,"key")){var r=Object.getOwnPropertyDescriptor(e,"key").get;if(r&&r.isReactWarning)return!1}return void 0!==e.key}(r)&&(q(r.key),c=""+r.key),function(e){if(V.call(e,"ref")){var r=Object.getOwnPropertyDescriptor(e,"ref").get;if(r&&r.isReactWarning)return!1}return void 0!==e.ref}(r)&&(l=r.ref,function(e){"string"==typeof e.ref&&X.current}(r)),r)V.call(r,s)&&!G.hasOwnProperty(s)&&(i[s]=r[s]);if(e&&e.defaultProps){var u=e.defaultProps;for(s in u)void 0===i[s]&&(i[s]=u[s])}if(c||l){var f="function"==typeof e?e.displayName||e.name||"Unknown":e;c&&function(e,r){var t=function(){H||(H=!0,h("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)",r))};t.isReactWarning=!0,Object.defineProperty(e,"key",{get:t,configurable:!0})}(i,f),l&&function(e,r){var t=function(){K||(K=!0,h("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)",r))};t.isReactWarning=!0,Object.defineProperty(e,"ref",{get:t,configurable:!0})}(i,f)}return function(e,r,t,o,a,s,i){var c={$$typeof:n,type:e,key:r,ref:t,props:i,_owner:s,_store:{}};return Object.defineProperty(c._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:!1}),Object.defineProperty(c,"_self",{configurable:!1,enumerable:!1,writable:!1,value:o}),Object.defineProperty(c,"_source",{configurable:!1,enumerable:!1,writable:!1,value:a}),Object.freeze&&(Object.freeze(c.props),Object.freeze(c)),c}(e,c,l,a,o,X.current,i)}var Z,ee=b.ReactCurrentOwner,re=b.ReactDebugCurrentFrame;function te(e){if(e){var r=e._owner,t=A(e.type,e._source,r?r.type:null);re.setExtraStackFrame(t)}else re.setExtraStackFrame(null)}function ne(e){return"object"==typeof e&&null!==e&&e.$$typeof===n}function oe(){if(ee.current){var e=k(ee.current.type);if(e)return"\n\nCheck the render method of `"+e+"`."}return""}Z=!1;var ae={};function se(e,r){if(e._store&&!e._store.validated&&null==e.key){e._store.validated=!0;var t=function(e){var r=oe();if(!r){var t="string"==typeof e?e:e.displayName||e.name;t&&(r="\n\nCheck the top-level render call using <"+t+">.")}return r}(r);if(!ae[t]){ae[t]=!0;var n="";e&&e._owner&&e._owner!==ee.current&&(n=" It was passed a child from "+k(e._owner.type)+"."),te(e),h('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.',t,n),te(null)}}}function ie(e,r){if("object"==typeof e)if(J(e))for(var t=0;t<e.length;t++){var n=e[t];ne(n)&&se(n,r)}else if(ne(e))e._store&&(e._store.validated=!0);else if(e){var o=function(e){if(null===e||"object"!=typeof e)return null;var r=v&&e[v]||e["@@iterator"];return"function"==typeof r?r:null}(e);if("function"==typeof o&&o!==e.entries)for(var a,s=o.call(e);!(a=s.next()).done;)ne(a.value)&&se(a.value,r)}}function ce(e){var r,t=e.type;if(null!=t&&"string"!=typeof t){if("function"==typeof t)r=t.propTypes;else{if("object"!=typeof t||t.$$typeof!==f&&t.$$typeof!==y)return;r=t.propTypes}if(r){var n=k(t);!function(e,r,t,n,o){var a=Function.call.bind(V);for(var s in e)if(a(e,s)){var i=void 0;try{if("function"!=typeof e[s]){var c=Error((n||"React class")+": "+t+" type `"+s+"` is invalid; it must be a function, usually from the `prop-types` package, but received `"+typeof e[s]+"`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");throw c.name="Invariant Violation",c}i=e[s](r,s,n,t,null,"SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED")}catch(l){i=l}!i||i instanceof Error||(M(o),h("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).",n||"React class",t,s,typeof i),M(null)),i instanceof Error&&!(i.message in W)&&(W[i.message]=!0,M(o),h("Failed %s type: %s",t,i.message),M(null))}}(r,e.props,"prop",n,e)}else void 0===t.PropTypes||Z||(Z=!0,h("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?",k(t)||"Unknown"));"function"!=typeof t.getDefaultProps||t.getDefaultProps.isReactClassApproved||h("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.")}}var le={};function ue(e,t,o,s,v,b){var w=function(e){return"string"==typeof e||"function"==typeof e||e===a||e===c||e===i||e===p||e===d||e===m||"object"==typeof e&&null!==e&&(e.$$typeof===g||e.$$typeof===y||e.$$typeof===l||e.$$typeof===u||e.$$typeof===f||e.$$typeof===r||void 0!==e.getModuleId)}(e);if(!w){var _,E="";(void 0===e||"object"==typeof e&&null!==e&&0===Object.keys(e).length)&&(E+=" You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports."),E+=oe(),null===e?_="null":J(e)?_="array":void 0!==e&&e.$$typeof===n?(_="<"+(k(e.type)||"Unknown")+" />",E=" Did you accidentally export a JSX literal instead of a component?"):_=typeof e,h("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s",_,E)}var S=Q(e,t,o,v,b);if(null==S)return S;if(w){var O=t.children;if(void 0!==O)if(s)if(J(O)){for(var j=0;j<O.length;j++)ie(O[j],e);Object.freeze&&Object.freeze(O)}else h("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");else ie(O,e)}if(V.call(t,"key")){var C=k(e),P=Object.keys(t).filter((function(e){return"key"!==e})),x=P.length>0?"{key: someKey, "+P.join(": ..., ")+": ...}":"{key: someKey}";le[C+x]||(h('A props object containing a "key" prop is being spread into JSX:\n let props = %s;\n <%s {...props} />\nReact keys must be passed directly to JSX without using spread:\n let props = %s;\n <%s key={someKey} {...props} />',x,C,P.length>0?"{"+P.join(": ..., ")+": ...}":"{}",C),le[C+x]=!0)}return e===a?function(e){for(var r=Object.keys(e.props),t=0;t<r.length;t++){var n=r[t];if("children"!==n&&"key"!==n){te(e),h("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.",n),te(null);break}}null!==e.ref&&(te(e),h("Invalid attribute `ref` supplied to `React.Fragment`."),te(null))}(S):ce(S),S}var fe=function(e,r,t){return ue(e,r,t,!1)},pe=function(e,r,t){return ue(e,r,t,!0)};s.Fragment=a,s.jsx=fe,s.jsxs=pe}()),s);var i=n.exports;const c={version:"latest",mode:"embeddable",ignoreCache:!1,lazyLoad:!1,loader:!0,widgetId:"",_containerId:"",_shadowRoot:void 0},l=e.createContext({config:{...c},setConfig:()=>{},data:{},setData:()=>{}});function u(){const r=e.useContext(l);if(!r)throw new Error("useEmbeddableContext must be used within an EmbeddableProvider");return r}function f(){const{config:e}=u();if(!e)throw new Error("No Embeddable configuration found. Make sure to wrap your app with EmbeddableProvider and provide a valid config.");return e}const p="https://events.embeddable.co";exports.EmbeddableProvider=function({config:r,data:t,children:n}){const[o,a]=e.useState(c),[s,u]=e.useState(t||{});return e.useEffect((()=>{a({...c,...r})}),[r]),e.useEffect((()=>{const e=e=>{("https://embeddable.co"===e.origin||e.origin.includes("localhost"))&&e.data&&"object"==typeof e.data&&"embeddable-update-data"===e.data.type&&u(e.data.data||{})};return window.addEventListener("message",e),()=>{window.removeEventListener("message",e)}}),[]),i.jsx(l.Provider,{value:{config:o,setConfig:a,data:s,setData:u},children:n})},exports.useApi=function(t){const n=t;if(!n)throw new Error("No API configuration provided. Either pass a config parameter or wrap your app with EmbeddableProvider.");const[o,a]=e.useState({data:null,loading:!1,error:null}),s=r.createApiClient(n),i=e.useCallback((async(e,r,t)=>{a((e=>({...e,loading:!0,error:null})));try{let n;switch(e){case"get":n=await s.get(r);break;case"post":n=await s.post(r,t);break;case"put":n=await s.put(r,t);break;case"delete":n=await s.delete(r);break;default:throw new Error(`Unsupported method: ${e}`)}return a({data:n.data,loading:!1,error:n.success?null:n.error||"Unknown error"}),n}catch(n){const e=n instanceof Error?n.message:"Unknown error";return a({data:null,loading:!1,error:e}),{data:null,success:!1,error:e}}}),[s]);return{...o,get:e.useCallback((e=>i("get",e)),[i]),post:e.useCallback(((e,r)=>i("post",e,r)),[i]),put:e.useCallback(((e,r)=>i("put",e,r)),[i]),delete:e.useCallback((e=>i("delete",e)),[i]),reset:e.useCallback((()=>{a({data:null,loading:!1,error:null})}),[])}},exports.useDebounce=function(r,t){const[n,o]=e.useState(r);return e.useEffect((()=>{const e=setTimeout((()=>{o(r)}),t);return()=>{clearTimeout(e)}}),[r,t]),n},exports.useEmbeddableConfig=f,exports.useEmbeddableConfigSafe=function(){const{config:e}=u();return e},exports.useEmbeddableContext=u,exports.useEmbeddableData=function(){const{data:e}=u();return{data:e}},exports.useFormSubmission=function(r){const{widgetId:t}=f(),[n,o]=e.useState({loading:!1,error:null,success:!1});return{...n,submit:e.useCallback((async e=>{var n,a,s;o({loading:!0,error:null,success:!1});try{if(null==r?void 0:r.validatePayload){const t=r.validatePayload(e);if(t)return o({loading:!1,error:t,success:!1}),{success:!1,message:t}}const i={payload:e,widgetId:t,collectionName:(null==r?void 0:r.collectionName)||"submissions"},c=await fetch(`${p}/api/submissions`,{method:"POST",headers:{"Content-Type":"application/json"},credentials:"omit",body:JSON.stringify(i)}),l=await c.json();if(!c.ok){const e=l.message||l.error||`HTTP ${c.status}`;return o({loading:!1,error:e,success:!1}),{success:!1,message:e}}if(l.success)return o({loading:!1,error:null,success:!0}),{id:(null==(n=l.data)?void 0:n.id)||(null==(a=l.data)?void 0:a._id),success:!0,message:(null==(s=l.data)?void 0:s.message)||"Submission successful"};{const e=l.message||l.error||"Submission failed";return o({loading:!1,error:e,success:!1}),{success:!1,message:e}}}catch(i){const e=i instanceof Error?i.message:"Unknown error occurred";return o({loading:!1,error:e,success:!1}),{success:!1,message:e}}}),[r,t]),reset:e.useCallback((()=>{o({loading:!1,error:null,success:!1})}),[])}},exports.useLocalStorage=function(t,n,o={}){const{widgetId:a}=f(),s=e.useMemo((()=>({...o,prefix:`embd-${a}-${o.prefix||""}`})),[a,o]),[i,c]=e.useState((()=>{const e=r.storage.get(t,s);return null!==e?e:n})),l=e.useCallback((e=>{try{const n=e instanceof Function?e(i):e;c(n),r.storage.set(t,n,s)}catch(n){}}),[t,i,s]),u=e.useCallback((()=>{try{c(n),r.storage.remove(t,s)}catch(e){}}),[t,n,s]);return e.useEffect((()=>{const e=e=>{const r=s.prefix+t;if(e.key===r&&null!==e.newValue)try{const{deserialize:r=JSON.parse}=s,t=r(e.newValue);c(t)}catch(n){}};return window.addEventListener("storage",e),()=>window.removeEventListener("storage",e)}),[t,s]),[i,l,u]},exports.useVote=function(r){const{widgetId:t}=f(),[n,o]=e.useState({loading:!1,error:null,success:!1});return{...n,vote:e.useCallback((async e=>{var n,a,s;o({loading:!0,error:null,success:!1});try{const i={voteFor:e,widgetId:t,collectionName:(null==r?void 0:r.collectionName)||"votes"},c=await fetch(`${p}/api/votes`,{method:"POST",headers:{"Content-Type":"application/json"},credentials:"omit",body:JSON.stringify(i)}),l=await c.json();if(!c.ok){const e=l.message||l.error||`HTTP ${c.status}`;return o({loading:!1,error:e,success:!1}),{success:!1,message:e}}if(l.success)return o({loading:!1,error:null,success:!0}),{id:(null==(n=l.data)?void 0:n.id)||(null==(a=l.data)?void 0:a._id),success:!0,message:(null==(s=l.data)?void 0:s.message)||"Vote submitted successfully"};{const e=l.message||l.error||"Vote submission failed";return o({loading:!1,error:e,success:!1}),{success:!1,message:e}}}catch(i){const e=i instanceof Error?i.message:"Unknown error occurred";return o({loading:!1,error:e,success:!1}),{success:!1,message:e}}}),[r,t]),reset:e.useCallback((()=>{o({loading:!1,error:null,success:!1})}),[])}},exports.useVoteAggregations=function(r){const{widgetId:t}=f(),[n,o]=e.useState({data:null,loading:!1,error:null}),a=e.useCallback((async()=>{if(!t)return o({data:null,loading:!1,error:"Widget ID is required"}),{success:!1,data:{results:[],summary:{totalVotes:0,totalOptions:0,groupBy:""}}};o((e=>({...e,loading:!0,error:null})));try{const e=(null==r?void 0:r.collectionName)||"votes",n=new URL(`${p}/api/votes/aggregations`);n.searchParams.append("widgetId",t),n.searchParams.append("collectionName",e);const a=await fetch(n.toString(),{method:"GET",headers:{"Content-Type":"application/json"},credentials:"omit"}),s=await a.json();if(!a.ok){const e=s.message||s.error||`HTTP ${a.status}`;return o({data:null,loading:!1,error:e}),{success:!1,data:{results:[],summary:{totalVotes:0,totalOptions:0,groupBy:""}}}}return o({data:s.data,loading:!1,error:null}),s}catch(e){const r=e instanceof Error?e.message:"Unknown error occurred";return o({data:null,loading:!1,error:r}),{success:!1,data:{results:[],summary:{totalVotes:0,totalOptions:0,groupBy:""}}}}}),[t,null==r?void 0:r.collectionName]),s=e.useCallback((()=>a()),[a]),i=e.useCallback((()=>{o({data:null,loading:!1,error:null})}),[]);return e.useEffect((()=>{!1!==(null==r?void 0:r.autoFetch)&&t&&a()}),[a,null==r?void 0:r.autoFetch,t]),e.useEffect((()=>{if((null==r?void 0:r.refetchInterval)&&r.refetchInterval>0&&t){const e=setInterval((()=>{a()}),r.refetchInterval);return()=>clearInterval(e)}}),[a,null==r?void 0:r.refetchInterval,t]),{...n,fetch:a,refetch:s,reset:i}};
|