@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 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, useEffect, createContext, useContext, useCallback, useMemo } from "react";
2
- import { c as createApiClient, s as storage } from "./storage-CRPDfSRn.js";
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 defaultConfig = {
926
- version: "latest",
927
- mode: "embeddable",
928
- ignoreCache: false,
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 API configuration provided. Either pass a config parameter or wrap your app with EmbeddableProvider."
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 apiClient = createApiClient(apiConfig);
987
- const request = useCallback(
988
- async (method, endpoint, body) => {
989
- setState((prev) => ({ ...prev, loading: true, error: null }));
942
+ const callAI = useCallback(
943
+ async (prompt, history) => {
944
+ var _a;
945
+ setState({ loading: true, error: null, success: false });
990
946
  try {
991
- let response;
992
- switch (method) {
993
- case "get":
994
- response = await apiClient.get(endpoint);
995
- break;
996
- case "post":
997
- response = await apiClient.post(endpoint, body);
998
- break;
999
- case "put":
1000
- response = await apiClient.put(endpoint, body);
1001
- break;
1002
- case "delete":
1003
- response = await apiClient.delete(endpoint);
1004
- break;
1005
- default:
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
- return response;
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
- error: errorMessage
993
+ message: errorMessage
1025
994
  };
1026
995
  }
1027
996
  },
1028
- [apiClient]
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
- get,
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 EVENTS_BASE_URL = "https://events.embeddable.co";
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
- useApi as a,
1568
+ useAI as a,
1365
1569
  useDebounce as b,
1366
1570
  useEmbeddableConfig as c,
1367
- useEmbeddableConfigSafe as d,
1368
- useEmbeddableData as e,
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;AAClF,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,2CAiC5B;AAED,wBAAgB,oBAAoB,CAAC,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,KAAK,qBAAqB,CAAC,CAAC,CAAC,CAMxF"}
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"}
@@ -1,7 +1,8 @@
1
- export { useApi } from './useApi';
1
+ export { useAI } from './useAI';
2
2
  export { useDebounce } from './useDebounce';
3
- export { useEmbeddableConfig, useEmbeddableConfigSafe } from './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,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,mBAAmB,EAAE,uBAAuB,EAAE,MAAM,uBAAuB,CAAC;AACrF,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,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"}
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;AAED;;;GAGG;AACH,wBAAgB,uBAAuB,IAAI,gBAAgB,GAAG,IAAI,CAGjE"}
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("./useVoteAggregations-BGSpgL_k.cjs");exports.useApi=e.useApi,exports.useDebounce=e.useDebounce,exports.useEmbeddableConfig=e.useEmbeddableConfig,exports.useEmbeddableConfigSafe=e.useEmbeddableConfigSafe,exports.useEmbeddableData=e.useEmbeddableData,exports.useFormSubmission=e.useFormSubmission,exports.useLocalStorage=e.useLocalStorage,exports.useVote=e.useVote,exports.useVoteAggregations=e.useVoteAggregations;
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 "./useVoteAggregations-Dz_-tce8.js";
1
+ import { a, b, c, d, e, f, g, h, i } from "./EmbeddableProvider-OdbqzsmX.js";
2
2
  export {
3
- a as useApi,
3
+ a as useAI,
4
4
  b as useDebounce,
5
5
  c as useEmbeddableConfig,
6
- d as useEmbeddableConfigSafe,
7
- e as useEmbeddableData,
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("./useVoteAggregations-BGSpgL_k.cjs"),s=require("./storage-3dk6ww91.cjs"),o=require("./utils.cjs");exports.EmbeddableProvider=e.EmbeddableProvider,exports.useApi=e.useApi,exports.useDebounce=e.useDebounce,exports.useEmbeddableConfig=e.useEmbeddableConfig,exports.useEmbeddableConfigSafe=e.useEmbeddableConfigSafe,exports.useEmbeddableContext=e.useEmbeddableContext,exports.useEmbeddableData=e.useEmbeddableData,exports.useFormSubmission=e.useFormSubmission,exports.useLocalStorage=e.useLocalStorage,exports.useVote=e.useVote,exports.useVoteAggregations=e.useVoteAggregations,exports.createApiClient=s.createApiClient,exports.storage=s.storage,exports.debounce=o.debounce;
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, d, u, e, f, g, h, i } from "./useVoteAggregations-Dz_-tce8.js";
2
- import { c as c2, s } from "./storage-CRPDfSRn.js";
3
- import { debounce } from "./utils.js";
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
- c2 as createApiClient,
6
+ createApiClient,
7
7
  debounce,
8
8
  s as storage,
9
- a as useApi,
9
+ a as useAI,
10
10
  b as useDebounce,
11
11
  c as useEmbeddableConfig,
12
- d as useEmbeddableConfigSafe,
13
12
  u as useEmbeddableContext,
14
- e as useEmbeddableData,
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-3dk6ww91.cjs");exports.createApiClient=e.createApiClient,exports.storage=e.storage,exports.debounce=function(e,t){let o;return function(...r){void 0!==o&&clearTimeout(o),o=setTimeout((()=>{o=void 0,e(...r)}),t)}};
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 { c, s } from "./storage-CRPDfSRn.js";
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
- c as createApiClient,
70
+ createApiClient,
17
71
  debounce,
18
72
  s as storage
19
73
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@embeddable/sdk",
3
- "version": "1.0.9",
3
+ "version": "1.0.11",
4
4
  "description": "A TypeScript/JavaScript SDK with React utilities and hooks for embeddable applications",
5
5
  "type": "module",
6
6
  "main": "./dist/index.cjs",
@@ -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}};