@integry/sdk 4.5.29 → 4.5.31
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/esm/index.csm.js
CHANGED
|
@@ -2236,7 +2236,7 @@ var e,t,n,i,o,s,a,l,r,d,p,c,_={},u=[],m=/acit|ex(?:s|g|n|p|$)|rph|grid|ows|mnc|n
|
|
|
2236
2236
|
keyValue="${`${l}.${e}`}"
|
|
2237
2237
|
/>`))}
|
|
2238
2238
|
</div>
|
|
2239
|
-
`};var Ns,Rs={tagMenu:"styles-module_tagMenu__1zL3Y",tagMenuHeader:"styles-module_tagMenuHeader__1xLOJ",tagMenuHeaderItem:"styles-module_tagMenuHeaderItem__118kJ",active:"styles-module_active__q-t6i",tagMenuBody:"styles-module_tagMenuBody__2VhdZ",tagMenuBodyItem:"styles-module_tagMenuBodyItem__36ub0",value:"styles-module_value__Nbjas",selected:"styles-module_selected__3w5uy",noOptions:"styles-module_noOptions__1Dcpu",noOptionsRetry:"styles-module_noOptionsRetry__RVn-i",optionsRefreshProminent:"styles-module_optionsRefreshProminent__lc2Mq",optionsRefresh:"styles-module_optionsRefresh__3w_oH",tagMenuSearch:"styles-module_tagMenuSearch__3r3dc",tagMenuWithSearch:"styles-module_tagMenuWithSearch__C33C2",tagMenuBodyWithSearch:"styles-module_tagMenuBodyWithSearch__1zO00"};be(".styles-module_tagMenu__1zL3Y {\n width: 100%;\n max-width: 342px;\n max-height: 210px;\n background: #ffffff;\n box-shadow: rgba(0, 0, 0, 0.2) 0px 10px 30px 0px;\n border: 1px solid #e2e0db;\n border-radius: 4px;\n padding: 12px;\n overflow-y: auto;\n margin-top: 0px;\n position: fixed;\n z-index: 999;\n height: max-content;\n /* Track */\n /* Handle */\n /* Handle on hover */\n}\n.styles-module_tagMenu__1zL3Y::-webkit-scrollbar {\n width: 7px;\n}\n.styles-module_tagMenu__1zL3Y::-webkit-scrollbar-track {\n background: transparent;\n border-radius: 8px;\n}\n.styles-module_tagMenu__1zL3Y::-webkit-scrollbar-thumb {\n background: #bdbdbd;\n border: 1px solid #bdbdbd;\n border-radius: 8px;\n}\n.styles-module_tagMenu__1zL3Y::-webkit-scrollbar-thumb:hover {\n background: rgb(116, 116, 116);\n}\n.styles-module_tagMenu__1zL3Y .styles-module_tagMenuHeader__1xLOJ {\n display: flex;\n justify-content: start;\n align-items: center;\n margin-bottom: 16px;\n gap: 8px;\n}\n.styles-module_tagMenu__1zL3Y .styles-module_tagMenuHeader__1xLOJ .styles-module_tagMenuHeaderItem__118kJ {\n padding: 6px 12px;\n background: #f2f2f2;\n border-radius: 100px;\n font-weight: 400;\n font-size: 10px;\n line-height: 12px;\n color: #333333;\n cursor: pointer;\n}\n.styles-module_tagMenu__1zL3Y .styles-module_tagMenuHeader__1xLOJ .styles-module_tagMenuHeaderItem__118kJ.styles-module_active__q-t6i {\n background: #4250f0;\n color: #ffffff;\n}\n.styles-module_tagMenu__1zL3Y .styles-module_tagMenuBody__2VhdZ {\n min-height: 15px;\n}\n.styles-module_tagMenu__1zL3Y .styles-module_tagMenuBody__2VhdZ .styles-module_tagMenuBodyItem__36ub0 .styles-module_value__Nbjas {\n box-sizing: border-box;\n height: 31px;\n padding: 8px 0px 8px 12px;\n width: 100%;\n font-size: 12px;\n line-height: 15px;\n color: #333333;\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n margin-bottom: 5px;\n cursor: pointer;\n}\n.styles-module_tagMenu__1zL3Y .styles-module_tagMenuBody__2VhdZ .styles-module_tagMenuBodyItem__36ub0 .styles-module_value__Nbjas:hover {\n background: rgba(66, 80, 240, 0.1);\n border-radius: 100px;\n}\n.styles-module_tagMenu__1zL3Y .styles-module_tagMenuBody__2VhdZ .styles-module_tagMenuBodyItem__36ub0 .styles-module_selected__3w5uy {\n background: rgba(66, 80, 240, 0.1);\n border-radius: 100px;\n}\n.styles-module_tagMenu__1zL3Y .styles-module_noOptions__1Dcpu {\n font-weight: 400;\n font-size: 12px;\n line-height: 15px;\n margin-left: 16px;\n color: #999;\n}\n.styles-module_tagMenu__1zL3Y .styles-module_noOptions__1Dcpu span.styles-module_noOptionsRetry__RVn-i [class^=styles-module_loader_] {\n position: relative;\n top: 5px;\n}\n.styles-module_tagMenu__1zL3Y a.styles-module_optionsRefreshProminent__lc2Mq {\n display: flex;\n justify-content: center;\n align-items: center;\n padding: 8px;\n font-size: 12px;\n line-height: 15px;\n color: #4250f0;\n cursor: pointer;\n text-decoration: none;\n}\n.styles-module_tagMenu__1zL3Y a.styles-module_optionsRefresh__3w_oH {\n font-size: 12px;\n line-height: 15px;\n color: #4250f0;\n cursor: pointer;\n text-decoration: none;\n}\n\n.styles-module_tagMenuSearch__3r3dc {\n position: relative;\n margin-bottom: 5px;\n}\n.styles-module_tagMenuSearch__3r3dc fieldset {\n margin-bottom: 5px;\n}\n\n.styles-module_tagMenuWithSearch__C33C2 {\n padding-top: 0px;\n}\n\n.styles-module_tagMenuBodyWithSearch__1zO00 {\n max-height: 142px;\n overflow-y: auto;\n}\n.styles-module_tagMenuBodyWithSearch__1zO00 span {\n padding-left: 3px !important;\n}"),function(e){e.Values="values",e.AppFields="AppFields"}(Ns||(Ns={}));const Ws=e=>{const{appName:t="",tags:n={},options:i=[],hideTabs:o=!1,defaultTab:s=Ns.AppFields,onTagClick:a=()=>null,onOptionClick:l=()=>null,fieldId:r="",value:d,onTabSelect:p,isEditable:c=!1,enableSearch:_=!1,refreshRootStepData:u,handleRefreshClick:m,isErrorOnLoadingOptions:h=!1,isMultiSelect:g=!1,loadingOptions:y=!1,nextPage:f="",tagsComponent:v=null}=e,[x,w]=ze(s),b=Ve([]),$=Ve(null),[C,I]=ze(!1),[L,S]=ze(""),[k,M]=ze(!1),[A,D]=ze(!1),[T,F]=ze(y),[E,O]=ze(!1);Pe((()=>{let e=i;Array.isArray(i)||(e=[]),b.current=(e||[]).map(((e,t)=>b.current[t]??{current:null}))}),[i]);const N=document.getElementById(r),R=()=>{const e=N?N.getBoundingClientRect().bottom:"";let t={top:N?`${e}px`:"",left:N?`${N.getBoundingClientRect().left}px`:"",display:N&&!Ts(N,"steps-body-container")?"none":"block",maxWidth:N?`${N.getBoundingClientRect().width}px`:"342px"};return N&&N.getBoundingClientRect().bottom+210>window.innerHeight-8&&(t={bottom:window.innerHeight-N.getBoundingClientRect().top+"px",left:N?`${N.getBoundingClientRect().left}px`:"",display:N&&!Ts(N,"steps-body-container")?"none":"block",maxWidth:N?`${N.getBoundingClientRect().width}px`:"342px"}),t};$.current=R();const W=()=>{$.current=R(),I((e=>!e))},z=function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[],t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"";return 0===t.trim().length?e:e.filter((e=>e.value.toLowerCase().includes(t.trim().toLowerCase())))},
|
|
2239
|
+
`};var Ns,Rs={tagMenu:"styles-module_tagMenu__1zL3Y",tagMenuHeader:"styles-module_tagMenuHeader__1xLOJ",tagMenuHeaderItem:"styles-module_tagMenuHeaderItem__118kJ",active:"styles-module_active__q-t6i",tagMenuBody:"styles-module_tagMenuBody__2VhdZ",tagMenuBodyItem:"styles-module_tagMenuBodyItem__36ub0",value:"styles-module_value__Nbjas",selected:"styles-module_selected__3w5uy",noOptions:"styles-module_noOptions__1Dcpu",noOptionsRetry:"styles-module_noOptionsRetry__RVn-i",optionsRefreshProminent:"styles-module_optionsRefreshProminent__lc2Mq",optionsRefresh:"styles-module_optionsRefresh__3w_oH",tagMenuSearch:"styles-module_tagMenuSearch__3r3dc",tagMenuWithSearch:"styles-module_tagMenuWithSearch__C33C2",tagMenuBodyWithSearch:"styles-module_tagMenuBodyWithSearch__1zO00"};be(".styles-module_tagMenu__1zL3Y {\n width: 100%;\n max-width: 342px;\n max-height: 210px;\n background: #ffffff;\n box-shadow: rgba(0, 0, 0, 0.2) 0px 10px 30px 0px;\n border: 1px solid #e2e0db;\n border-radius: 4px;\n padding: 12px;\n overflow-y: auto;\n margin-top: 0px;\n position: fixed;\n z-index: 999;\n height: max-content;\n /* Track */\n /* Handle */\n /* Handle on hover */\n}\n.styles-module_tagMenu__1zL3Y::-webkit-scrollbar {\n width: 7px;\n}\n.styles-module_tagMenu__1zL3Y::-webkit-scrollbar-track {\n background: transparent;\n border-radius: 8px;\n}\n.styles-module_tagMenu__1zL3Y::-webkit-scrollbar-thumb {\n background: #bdbdbd;\n border: 1px solid #bdbdbd;\n border-radius: 8px;\n}\n.styles-module_tagMenu__1zL3Y::-webkit-scrollbar-thumb:hover {\n background: rgb(116, 116, 116);\n}\n.styles-module_tagMenu__1zL3Y .styles-module_tagMenuHeader__1xLOJ {\n display: flex;\n justify-content: start;\n align-items: center;\n margin-bottom: 16px;\n gap: 8px;\n}\n.styles-module_tagMenu__1zL3Y .styles-module_tagMenuHeader__1xLOJ .styles-module_tagMenuHeaderItem__118kJ {\n padding: 6px 12px;\n background: #f2f2f2;\n border-radius: 100px;\n font-weight: 400;\n font-size: 10px;\n line-height: 12px;\n color: #333333;\n cursor: pointer;\n}\n.styles-module_tagMenu__1zL3Y .styles-module_tagMenuHeader__1xLOJ .styles-module_tagMenuHeaderItem__118kJ.styles-module_active__q-t6i {\n background: #4250f0;\n color: #ffffff;\n}\n.styles-module_tagMenu__1zL3Y .styles-module_tagMenuBody__2VhdZ {\n min-height: 15px;\n}\n.styles-module_tagMenu__1zL3Y .styles-module_tagMenuBody__2VhdZ .styles-module_tagMenuBodyItem__36ub0 .styles-module_value__Nbjas {\n box-sizing: border-box;\n height: 31px;\n padding: 8px 0px 8px 12px;\n width: 100%;\n font-size: 12px;\n line-height: 15px;\n color: #333333;\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n margin-bottom: 5px;\n cursor: pointer;\n}\n.styles-module_tagMenu__1zL3Y .styles-module_tagMenuBody__2VhdZ .styles-module_tagMenuBodyItem__36ub0 .styles-module_value__Nbjas:hover {\n background: rgba(66, 80, 240, 0.1);\n border-radius: 100px;\n}\n.styles-module_tagMenu__1zL3Y .styles-module_tagMenuBody__2VhdZ .styles-module_tagMenuBodyItem__36ub0 .styles-module_selected__3w5uy {\n background: rgba(66, 80, 240, 0.1);\n border-radius: 100px;\n}\n.styles-module_tagMenu__1zL3Y .styles-module_noOptions__1Dcpu {\n font-weight: 400;\n font-size: 12px;\n line-height: 15px;\n margin-left: 16px;\n color: #999;\n}\n.styles-module_tagMenu__1zL3Y .styles-module_noOptions__1Dcpu span.styles-module_noOptionsRetry__RVn-i [class^=styles-module_loader_] {\n position: relative;\n top: 5px;\n}\n.styles-module_tagMenu__1zL3Y a.styles-module_optionsRefreshProminent__lc2Mq {\n display: flex;\n justify-content: center;\n align-items: center;\n padding: 8px;\n font-size: 12px;\n line-height: 15px;\n color: #4250f0;\n cursor: pointer;\n text-decoration: none;\n}\n.styles-module_tagMenu__1zL3Y a.styles-module_optionsRefresh__3w_oH {\n font-size: 12px;\n line-height: 15px;\n color: #4250f0;\n cursor: pointer;\n text-decoration: none;\n}\n\n.styles-module_tagMenuSearch__3r3dc {\n position: relative;\n margin-bottom: 5px;\n}\n.styles-module_tagMenuSearch__3r3dc fieldset {\n margin-bottom: 5px;\n}\n\n.styles-module_tagMenuWithSearch__C33C2 {\n padding-top: 0px;\n}\n\n.styles-module_tagMenuBodyWithSearch__1zO00 {\n max-height: 142px;\n overflow-y: auto;\n}\n.styles-module_tagMenuBodyWithSearch__1zO00 span {\n padding-left: 3px !important;\n}"),function(e){e.Values="values",e.AppFields="AppFields"}(Ns||(Ns={}));const Ws=e=>{const{appName:t="",tags:n={},options:i=[],hideTabs:o=!1,defaultTab:s=Ns.AppFields,onTagClick:a=()=>null,onOptionClick:l=()=>null,fieldId:r="",value:d,onTabSelect:p,isEditable:c=!1,enableSearch:_=!1,refreshRootStepData:u,handleRefreshClick:m,isErrorOnLoadingOptions:h=!1,isMultiSelect:g=!1,loadingOptions:y=!1,nextPage:f="",tagsComponent:v=null}=e,[x,w]=ze(s),b=Ve([]),$=Ve(null),[C,I]=ze(!1),[L,S]=ze(""),[k,M]=ze(!1),[A,D]=ze(!1),[T,F]=ze(y),[E,O]=ze(!1);Pe((()=>{let e=i;Array.isArray(i)||(e=[]),b.current=(e||[]).map(((e,t)=>b.current[t]??{current:null}))}),[i]);const N=document.getElementById(r),R=()=>{const e=N?N.getBoundingClientRect().bottom:"";let t={top:N?`${e}px`:"",left:N?`${N.getBoundingClientRect().left}px`:"",display:N&&!Ts(N,"steps-body-container")?"none":"block",maxWidth:N?`${N.getBoundingClientRect().width}px`:"342px"};return N&&N.getBoundingClientRect().bottom+210>window.innerHeight-8&&(t={bottom:window.innerHeight-N.getBoundingClientRect().top+"px",left:N?`${N.getBoundingClientRect().left}px`:"",display:N&&!Ts(N,"steps-body-container")?"none":"block",maxWidth:N?`${N.getBoundingClientRect().width}px`:"342px"}),t};$.current=R();const W=()=>{$.current=R(),I((e=>!e))},z=function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[],t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"";return 0===t.trim().length?e:e.filter((e=>e.value.toLowerCase().includes(t.trim().toLowerCase())))},P=e=>{w(e),p&&p(e)};Pe((()=>(d&&!o&&d.startsWith("{")&&d.endsWith("}")&&P(Ns.AppFields),window.addEventListener("scroll",W,!0),()=>window.removeEventListener("scroll",W))),[]);const B=function(){let e=arguments.length>0&&void 0!==arguments[0]&&arguments[0];M(!1),D(e)},V=()=>{u&&(M(!0),u(B))};let U=[];d&&(U=g?JSON.parse(d):[d]);const Z=document.getElementById("x-integry-container");return j` <div
|
|
2240
2240
|
class=${`${Rs.tagMenu} ${_?Rs.tagMenuWithSearch:""}`}
|
|
2241
2241
|
style=${N&&$?.current?$.current:""}
|
|
2242
2242
|
>
|
|
@@ -2253,13 +2253,13 @@ var e,t,n,i,o,s,a,l,r,d,p,c,_={},u=[],m=/acit|ex(?:s|g|n|p|$)|rph|grid|ows|mnc|n
|
|
|
2253
2253
|
${!o&&j`<div class=${Rs.tagMenuHeader}>
|
|
2254
2254
|
<div
|
|
2255
2255
|
class=${`${Rs.tagMenuHeaderItem} ${x===Ns.Values?Rs.active:""}`}
|
|
2256
|
-
onClick=${()=>
|
|
2256
|
+
onClick=${()=>P(Ns.Values)}
|
|
2257
2257
|
>
|
|
2258
2258
|
Values
|
|
2259
2259
|
</div>
|
|
2260
2260
|
<div
|
|
2261
2261
|
class=${`${Rs.tagMenuHeaderItem} ${x===Ns.AppFields?Rs.active:""}`}
|
|
2262
|
-
onClick=${()=>
|
|
2262
|
+
onClick=${()=>P(Ns.AppFields)}
|
|
2263
2263
|
>
|
|
2264
2264
|
${t?`${t} fields`:"Fields"}
|
|
2265
2265
|
</div>
|
|
@@ -2270,7 +2270,7 @@ var e,t,n,i,o,s,a,l,r,d,p,c,_={},u=[],m=/acit|ex(?:s|g|n|p|$)|rph|grid|ows|mnc|n
|
|
|
2270
2270
|
${x===Ns.Values?j`<div className=${Rs.tagMenuBodyItem} id="tag-menu-body-item">
|
|
2271
2271
|
${i.length>0?z(i,L).length>0?z(i,L).map(((e,t,n)=>{return t===n.length-1&&F(!1),j`
|
|
2272
2272
|
<div
|
|
2273
|
-
class=${`${Rs.value} ${
|
|
2273
|
+
class=${`${Rs.value} ${U.includes(e.id)?Rs.selected:""}`}
|
|
2274
2274
|
onClick=${t=>{t.stopPropagation(),l(e)}}
|
|
2275
2275
|
ref=${b.current[t]}
|
|
2276
2276
|
data-hint=${`${i=b.current[t],i&&i.current&&i.current.clientWidth<i.current.scrollWidth?e.value:""}`}
|
|
@@ -2302,7 +2302,7 @@ var e,t,n,i,o,s,a,l,r,d,p,c,_={},u=[],m=/acit|ex(?:s|g|n|p|$)|rph|grid|ows|mnc|n
|
|
|
2302
2302
|
</div>`}
|
|
2303
2303
|
</div>`:j` <div className="${Rs.mappedFieldMenu}">
|
|
2304
2304
|
${v?j`<div>
|
|
2305
|
-
${function(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=arguments.length>2?arguments[2]:void 0;
|
|
2305
|
+
${function(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=arguments.length>2?arguments[2]:void 0;var i;H(us.createElement(e,(i=t,JSON.parse(JSON.stringify(i)))),n)}(v,{onSelect:""},Z)}
|
|
2306
2306
|
</div>`:j`${Object.keys(c?n:Fs(n,L)).length>0?Object.keys(c?n:Fs(n,L)).map(((e,t,i)=>j`
|
|
2307
2307
|
<${Os}
|
|
2308
2308
|
objectKey="${e}"
|
|
@@ -2315,7 +2315,7 @@ var e,t,n,i,o,s,a,l,r,d,p,c,_={},u=[],m=/acit|ex(?:s|g|n|p|$)|rph|grid|ows|mnc|n
|
|
|
2315
2315
|
${k?j`<${_t} color="#999" />`:j` <a
|
|
2316
2316
|
className=${Rs.optionsRefreshProminent}
|
|
2317
2317
|
href="#"
|
|
2318
|
-
onclick=${
|
|
2318
|
+
onclick=${V}
|
|
2319
2319
|
>Reload fields?</a
|
|
2320
2320
|
>`}
|
|
2321
2321
|
</span>`}
|
|
@@ -2326,7 +2326,7 @@ var e,t,n,i,o,s,a,l,r,d,p,c,_={},u=[],m=/acit|ex(?:s|g|n|p|$)|rph|grid|ows|mnc|n
|
|
|
2326
2326
|
<a
|
|
2327
2327
|
className=${Rs.optionsRefresh}
|
|
2328
2328
|
href="#"
|
|
2329
|
-
onclick=${e=>{e.preventDefault(),e.stopPropagation(),
|
|
2329
|
+
onclick=${e=>{e.preventDefault(),e.stopPropagation(),V()}}
|
|
2330
2330
|
>
|
|
2331
2331
|
${" "}Try again?</a
|
|
2332
2332
|
>`}
|
|
@@ -7012,7 +7012,7 @@ var e,t,n,i,o,s,a,l,r,d,p,c,_={},u=[],m=/acit|ex(?:s|g|n|p|$)|rph|grid|ows|mnc|n
|
|
|
7012
7012
|
</div>
|
|
7013
7013
|
</div>
|
|
7014
7014
|
`}
|
|
7015
|
-
`}});const Mp={getAuthHash:async function(e,t){const n=e=>new Uint8Array([...unescape(encodeURIComponent(e))].map((e=>e.charCodeAt(0)))),i=n(t),o=n(e),s=await crypto.subtle.importKey("raw",i,{name:"HMAC",hash:"SHA-256"},!0,["sign"]),a=await crypto.subtle.sign("HMAC",s,o);return[...new Uint8Array(a)].map((e=>e.toString(16).padStart(2,"0"))).join("")}};class Ap{static SDK_VERSION="4.5.
|
|
7015
|
+
`}});const Mp={getAuthHash:async function(e,t){const n=e=>new Uint8Array([...unescape(encodeURIComponent(e))].map((e=>e.charCodeAt(0)))),i=n(t),o=n(e),s=await crypto.subtle.importKey("raw",i,{name:"HMAC",hash:"SHA-256"},!0,["sign"]),a=await crypto.subtle.sign("HMAC",s,o);return[...new Uint8Array(a)].map((e=>e.toString(16).padStart(2,"0"))).join("")}};class Ap{static SDK_VERSION="4.5.31";config;apiHandler;initConfig;eventEmitter=(()=>new se)();static html=(()=>j)();static RenderModes=(()=>pe)();static TemplateFormRenderModes=(()=>re)();static Layouts=(()=>le)();static ViewStyles=(()=>ae)();static MarketplaceRenderModes=(()=>de)();static Helpers;authModalId="";forceRerender=!1;constructor(e){let t;const n=e.baseUrl||"https://app.integry.io",i=e;if(i.user){const{userId:e,apiKey:t,...n}=i.user;"userId"in i||(i.userId=""),"userId"in i&&(i.userId=e.toString()),i.xIntegryConfig||(i.xIntegryConfig={}),i.xIntegryConfig.appAuth||(i.xIntegryConfig.appAuth={}),i.xIntegryConfig.appAuth.extras||(i.xIntegryConfig.appAuth.extras={}),i.xIntegryConfig.appAuth.apiKey=(t||"").toString(),i.xIntegryConfig.appAuth.extras=n}const o={oauthVerifyPath:"auth/verify",endpointsUrl:"https://integry-app.appspot.com",baseUrl:n,baseUrlv2:`${n}/v2`,baseAPIUrl:"https://api.integry.io",apiKey:i.xIntegryConfig?.appAuth?.apiKey,authId:i.xIntegryConfig?.appAuth?.authId,extras:i.xIntegryConfig?.appAuth?.extras},s=i.options||i.userConfig||{};if(i.options&&i.payloads&&(i.options.objects=e.payloads),"appKey"in i)t={...i,...o,appKey:i.appKey,hash:i.hash,userId:i.userId},this.config={...i,...o,appKey:i.appKey,hash:i.hash,userId:i.userId,deploymentId:i.deploymentId,userConfig:i.deploymentId?{...s,tags:s?.tags?[...s?.tags,`${i.deploymentId}`]:[`${i.deploymentId}`]}:s};else{const e=this.getAuthParamsFromUrl()||{};t={...o,...e},this.config={...o,...e,userConfig:i.userConfig}}this.authModalId=this.getRandomFlowId(6),this.apiHandler=new te(t),this.verifyAuthConfig().then((e=>{e?.config_verified?this.eventEmitter.emit("ready",{isReady:!0}):console.error("IntegrySDK: Auth config verification failed, are your auth parameters correct?")})).catch((e=>console.error(e))),this.initConfig={containerId:"",renderMode:re.INLINE}}SDKFailedHandler=(e,t)=>{const n=e.options||e.userConfig||{},i=document.getElementById(t);throw i&&H(j`
|
|
7016
7016
|
<${ql}
|
|
7017
7017
|
message="SDK failed to load"
|
|
7018
7018
|
debug=${n.debug}
|
package/dist/umd/index.umd.js
CHANGED
|
@@ -2236,7 +2236,7 @@
|
|
|
2236
2236
|
keyValue="${`${l}.${e}`}"
|
|
2237
2237
|
/>`))}
|
|
2238
2238
|
</div>
|
|
2239
|
-
`};var Ns,Rs={tagMenu:"styles-module_tagMenu__1zL3Y",tagMenuHeader:"styles-module_tagMenuHeader__1xLOJ",tagMenuHeaderItem:"styles-module_tagMenuHeaderItem__118kJ",active:"styles-module_active__q-t6i",tagMenuBody:"styles-module_tagMenuBody__2VhdZ",tagMenuBodyItem:"styles-module_tagMenuBodyItem__36ub0",value:"styles-module_value__Nbjas",selected:"styles-module_selected__3w5uy",noOptions:"styles-module_noOptions__1Dcpu",noOptionsRetry:"styles-module_noOptionsRetry__RVn-i",optionsRefreshProminent:"styles-module_optionsRefreshProminent__lc2Mq",optionsRefresh:"styles-module_optionsRefresh__3w_oH",tagMenuSearch:"styles-module_tagMenuSearch__3r3dc",tagMenuWithSearch:"styles-module_tagMenuWithSearch__C33C2",tagMenuBodyWithSearch:"styles-module_tagMenuBodyWithSearch__1zO00"};be(".styles-module_tagMenu__1zL3Y {\n width: 100%;\n max-width: 342px;\n max-height: 210px;\n background: #ffffff;\n box-shadow: rgba(0, 0, 0, 0.2) 0px 10px 30px 0px;\n border: 1px solid #e2e0db;\n border-radius: 4px;\n padding: 12px;\n overflow-y: auto;\n margin-top: 0px;\n position: fixed;\n z-index: 999;\n height: max-content;\n /* Track */\n /* Handle */\n /* Handle on hover */\n}\n.styles-module_tagMenu__1zL3Y::-webkit-scrollbar {\n width: 7px;\n}\n.styles-module_tagMenu__1zL3Y::-webkit-scrollbar-track {\n background: transparent;\n border-radius: 8px;\n}\n.styles-module_tagMenu__1zL3Y::-webkit-scrollbar-thumb {\n background: #bdbdbd;\n border: 1px solid #bdbdbd;\n border-radius: 8px;\n}\n.styles-module_tagMenu__1zL3Y::-webkit-scrollbar-thumb:hover {\n background: rgb(116, 116, 116);\n}\n.styles-module_tagMenu__1zL3Y .styles-module_tagMenuHeader__1xLOJ {\n display: flex;\n justify-content: start;\n align-items: center;\n margin-bottom: 16px;\n gap: 8px;\n}\n.styles-module_tagMenu__1zL3Y .styles-module_tagMenuHeader__1xLOJ .styles-module_tagMenuHeaderItem__118kJ {\n padding: 6px 12px;\n background: #f2f2f2;\n border-radius: 100px;\n font-weight: 400;\n font-size: 10px;\n line-height: 12px;\n color: #333333;\n cursor: pointer;\n}\n.styles-module_tagMenu__1zL3Y .styles-module_tagMenuHeader__1xLOJ .styles-module_tagMenuHeaderItem__118kJ.styles-module_active__q-t6i {\n background: #4250f0;\n color: #ffffff;\n}\n.styles-module_tagMenu__1zL3Y .styles-module_tagMenuBody__2VhdZ {\n min-height: 15px;\n}\n.styles-module_tagMenu__1zL3Y .styles-module_tagMenuBody__2VhdZ .styles-module_tagMenuBodyItem__36ub0 .styles-module_value__Nbjas {\n box-sizing: border-box;\n height: 31px;\n padding: 8px 0px 8px 12px;\n width: 100%;\n font-size: 12px;\n line-height: 15px;\n color: #333333;\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n margin-bottom: 5px;\n cursor: pointer;\n}\n.styles-module_tagMenu__1zL3Y .styles-module_tagMenuBody__2VhdZ .styles-module_tagMenuBodyItem__36ub0 .styles-module_value__Nbjas:hover {\n background: rgba(66, 80, 240, 0.1);\n border-radius: 100px;\n}\n.styles-module_tagMenu__1zL3Y .styles-module_tagMenuBody__2VhdZ .styles-module_tagMenuBodyItem__36ub0 .styles-module_selected__3w5uy {\n background: rgba(66, 80, 240, 0.1);\n border-radius: 100px;\n}\n.styles-module_tagMenu__1zL3Y .styles-module_noOptions__1Dcpu {\n font-weight: 400;\n font-size: 12px;\n line-height: 15px;\n margin-left: 16px;\n color: #999;\n}\n.styles-module_tagMenu__1zL3Y .styles-module_noOptions__1Dcpu span.styles-module_noOptionsRetry__RVn-i [class^=styles-module_loader_] {\n position: relative;\n top: 5px;\n}\n.styles-module_tagMenu__1zL3Y a.styles-module_optionsRefreshProminent__lc2Mq {\n display: flex;\n justify-content: center;\n align-items: center;\n padding: 8px;\n font-size: 12px;\n line-height: 15px;\n color: #4250f0;\n cursor: pointer;\n text-decoration: none;\n}\n.styles-module_tagMenu__1zL3Y a.styles-module_optionsRefresh__3w_oH {\n font-size: 12px;\n line-height: 15px;\n color: #4250f0;\n cursor: pointer;\n text-decoration: none;\n}\n\n.styles-module_tagMenuSearch__3r3dc {\n position: relative;\n margin-bottom: 5px;\n}\n.styles-module_tagMenuSearch__3r3dc fieldset {\n margin-bottom: 5px;\n}\n\n.styles-module_tagMenuWithSearch__C33C2 {\n padding-top: 0px;\n}\n\n.styles-module_tagMenuBodyWithSearch__1zO00 {\n max-height: 142px;\n overflow-y: auto;\n}\n.styles-module_tagMenuBodyWithSearch__1zO00 span {\n padding-left: 3px !important;\n}"),function(e){e.Values="values",e.AppFields="AppFields"}(Ns||(Ns={}));const Ws=e=>{const{appName:t="",tags:n={},options:i=[],hideTabs:o=!1,defaultTab:s=Ns.AppFields,onTagClick:a=()=>null,onOptionClick:l=()=>null,fieldId:r="",value:d,onTabSelect:p,isEditable:c=!1,enableSearch:_=!1,refreshRootStepData:u,handleRefreshClick:m,isErrorOnLoadingOptions:h=!1,isMultiSelect:g=!1,loadingOptions:y=!1,nextPage:f="",tagsComponent:v=null}=e,[x,w]=ze(s),b=Ve([]),$=Ve(null),[C,I]=ze(!1),[L,S]=ze(""),[k,M]=ze(!1),[A,D]=ze(!1),[T,F]=ze(y),[E,O]=ze(!1);Pe((()=>{let e=i;Array.isArray(i)||(e=[]),b.current=(e||[]).map(((e,t)=>b.current[t]??{current:null}))}),[i]);const N=document.getElementById(r),R=()=>{const e=N?N.getBoundingClientRect().bottom:"";let t={top:N?`${e}px`:"",left:N?`${N.getBoundingClientRect().left}px`:"",display:N&&!Ts(N,"steps-body-container")?"none":"block",maxWidth:N?`${N.getBoundingClientRect().width}px`:"342px"};return N&&N.getBoundingClientRect().bottom+210>window.innerHeight-8&&(t={bottom:window.innerHeight-N.getBoundingClientRect().top+"px",left:N?`${N.getBoundingClientRect().left}px`:"",display:N&&!Ts(N,"steps-body-container")?"none":"block",maxWidth:N?`${N.getBoundingClientRect().width}px`:"342px"}),t};$.current=R();const W=()=>{$.current=R(),I((e=>!e))},z=function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[],t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"";return 0===t.trim().length?e:e.filter((e=>e.value.toLowerCase().includes(t.trim().toLowerCase())))},
|
|
2239
|
+
`};var Ns,Rs={tagMenu:"styles-module_tagMenu__1zL3Y",tagMenuHeader:"styles-module_tagMenuHeader__1xLOJ",tagMenuHeaderItem:"styles-module_tagMenuHeaderItem__118kJ",active:"styles-module_active__q-t6i",tagMenuBody:"styles-module_tagMenuBody__2VhdZ",tagMenuBodyItem:"styles-module_tagMenuBodyItem__36ub0",value:"styles-module_value__Nbjas",selected:"styles-module_selected__3w5uy",noOptions:"styles-module_noOptions__1Dcpu",noOptionsRetry:"styles-module_noOptionsRetry__RVn-i",optionsRefreshProminent:"styles-module_optionsRefreshProminent__lc2Mq",optionsRefresh:"styles-module_optionsRefresh__3w_oH",tagMenuSearch:"styles-module_tagMenuSearch__3r3dc",tagMenuWithSearch:"styles-module_tagMenuWithSearch__C33C2",tagMenuBodyWithSearch:"styles-module_tagMenuBodyWithSearch__1zO00"};be(".styles-module_tagMenu__1zL3Y {\n width: 100%;\n max-width: 342px;\n max-height: 210px;\n background: #ffffff;\n box-shadow: rgba(0, 0, 0, 0.2) 0px 10px 30px 0px;\n border: 1px solid #e2e0db;\n border-radius: 4px;\n padding: 12px;\n overflow-y: auto;\n margin-top: 0px;\n position: fixed;\n z-index: 999;\n height: max-content;\n /* Track */\n /* Handle */\n /* Handle on hover */\n}\n.styles-module_tagMenu__1zL3Y::-webkit-scrollbar {\n width: 7px;\n}\n.styles-module_tagMenu__1zL3Y::-webkit-scrollbar-track {\n background: transparent;\n border-radius: 8px;\n}\n.styles-module_tagMenu__1zL3Y::-webkit-scrollbar-thumb {\n background: #bdbdbd;\n border: 1px solid #bdbdbd;\n border-radius: 8px;\n}\n.styles-module_tagMenu__1zL3Y::-webkit-scrollbar-thumb:hover {\n background: rgb(116, 116, 116);\n}\n.styles-module_tagMenu__1zL3Y .styles-module_tagMenuHeader__1xLOJ {\n display: flex;\n justify-content: start;\n align-items: center;\n margin-bottom: 16px;\n gap: 8px;\n}\n.styles-module_tagMenu__1zL3Y .styles-module_tagMenuHeader__1xLOJ .styles-module_tagMenuHeaderItem__118kJ {\n padding: 6px 12px;\n background: #f2f2f2;\n border-radius: 100px;\n font-weight: 400;\n font-size: 10px;\n line-height: 12px;\n color: #333333;\n cursor: pointer;\n}\n.styles-module_tagMenu__1zL3Y .styles-module_tagMenuHeader__1xLOJ .styles-module_tagMenuHeaderItem__118kJ.styles-module_active__q-t6i {\n background: #4250f0;\n color: #ffffff;\n}\n.styles-module_tagMenu__1zL3Y .styles-module_tagMenuBody__2VhdZ {\n min-height: 15px;\n}\n.styles-module_tagMenu__1zL3Y .styles-module_tagMenuBody__2VhdZ .styles-module_tagMenuBodyItem__36ub0 .styles-module_value__Nbjas {\n box-sizing: border-box;\n height: 31px;\n padding: 8px 0px 8px 12px;\n width: 100%;\n font-size: 12px;\n line-height: 15px;\n color: #333333;\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n margin-bottom: 5px;\n cursor: pointer;\n}\n.styles-module_tagMenu__1zL3Y .styles-module_tagMenuBody__2VhdZ .styles-module_tagMenuBodyItem__36ub0 .styles-module_value__Nbjas:hover {\n background: rgba(66, 80, 240, 0.1);\n border-radius: 100px;\n}\n.styles-module_tagMenu__1zL3Y .styles-module_tagMenuBody__2VhdZ .styles-module_tagMenuBodyItem__36ub0 .styles-module_selected__3w5uy {\n background: rgba(66, 80, 240, 0.1);\n border-radius: 100px;\n}\n.styles-module_tagMenu__1zL3Y .styles-module_noOptions__1Dcpu {\n font-weight: 400;\n font-size: 12px;\n line-height: 15px;\n margin-left: 16px;\n color: #999;\n}\n.styles-module_tagMenu__1zL3Y .styles-module_noOptions__1Dcpu span.styles-module_noOptionsRetry__RVn-i [class^=styles-module_loader_] {\n position: relative;\n top: 5px;\n}\n.styles-module_tagMenu__1zL3Y a.styles-module_optionsRefreshProminent__lc2Mq {\n display: flex;\n justify-content: center;\n align-items: center;\n padding: 8px;\n font-size: 12px;\n line-height: 15px;\n color: #4250f0;\n cursor: pointer;\n text-decoration: none;\n}\n.styles-module_tagMenu__1zL3Y a.styles-module_optionsRefresh__3w_oH {\n font-size: 12px;\n line-height: 15px;\n color: #4250f0;\n cursor: pointer;\n text-decoration: none;\n}\n\n.styles-module_tagMenuSearch__3r3dc {\n position: relative;\n margin-bottom: 5px;\n}\n.styles-module_tagMenuSearch__3r3dc fieldset {\n margin-bottom: 5px;\n}\n\n.styles-module_tagMenuWithSearch__C33C2 {\n padding-top: 0px;\n}\n\n.styles-module_tagMenuBodyWithSearch__1zO00 {\n max-height: 142px;\n overflow-y: auto;\n}\n.styles-module_tagMenuBodyWithSearch__1zO00 span {\n padding-left: 3px !important;\n}"),function(e){e.Values="values",e.AppFields="AppFields"}(Ns||(Ns={}));const Ws=e=>{const{appName:t="",tags:n={},options:i=[],hideTabs:o=!1,defaultTab:s=Ns.AppFields,onTagClick:a=()=>null,onOptionClick:l=()=>null,fieldId:r="",value:d,onTabSelect:p,isEditable:c=!1,enableSearch:_=!1,refreshRootStepData:u,handleRefreshClick:m,isErrorOnLoadingOptions:h=!1,isMultiSelect:g=!1,loadingOptions:y=!1,nextPage:f="",tagsComponent:v=null}=e,[x,w]=ze(s),b=Ve([]),$=Ve(null),[C,I]=ze(!1),[L,S]=ze(""),[k,M]=ze(!1),[A,D]=ze(!1),[T,F]=ze(y),[E,O]=ze(!1);Pe((()=>{let e=i;Array.isArray(i)||(e=[]),b.current=(e||[]).map(((e,t)=>b.current[t]??{current:null}))}),[i]);const N=document.getElementById(r),R=()=>{const e=N?N.getBoundingClientRect().bottom:"";let t={top:N?`${e}px`:"",left:N?`${N.getBoundingClientRect().left}px`:"",display:N&&!Ts(N,"steps-body-container")?"none":"block",maxWidth:N?`${N.getBoundingClientRect().width}px`:"342px"};return N&&N.getBoundingClientRect().bottom+210>window.innerHeight-8&&(t={bottom:window.innerHeight-N.getBoundingClientRect().top+"px",left:N?`${N.getBoundingClientRect().left}px`:"",display:N&&!Ts(N,"steps-body-container")?"none":"block",maxWidth:N?`${N.getBoundingClientRect().width}px`:"342px"}),t};$.current=R();const W=()=>{$.current=R(),I((e=>!e))},z=function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[],t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"";return 0===t.trim().length?e:e.filter((e=>e.value.toLowerCase().includes(t.trim().toLowerCase())))},P=e=>{w(e),p&&p(e)};Pe((()=>(d&&!o&&d.startsWith("{")&&d.endsWith("}")&&P(Ns.AppFields),window.addEventListener("scroll",W,!0),()=>window.removeEventListener("scroll",W))),[]);const B=function(){let e=arguments.length>0&&void 0!==arguments[0]&&arguments[0];M(!1),D(e)},V=()=>{u&&(M(!0),u(B))};let U=[];d&&(U=g?JSON.parse(d):[d]);const Z=document.getElementById("x-integry-container");return j` <div
|
|
2240
2240
|
class=${`${Rs.tagMenu} ${_?Rs.tagMenuWithSearch:""}`}
|
|
2241
2241
|
style=${N&&$?.current?$.current:""}
|
|
2242
2242
|
>
|
|
@@ -2253,13 +2253,13 @@
|
|
|
2253
2253
|
${!o&&j`<div class=${Rs.tagMenuHeader}>
|
|
2254
2254
|
<div
|
|
2255
2255
|
class=${`${Rs.tagMenuHeaderItem} ${x===Ns.Values?Rs.active:""}`}
|
|
2256
|
-
onClick=${()=>
|
|
2256
|
+
onClick=${()=>P(Ns.Values)}
|
|
2257
2257
|
>
|
|
2258
2258
|
Values
|
|
2259
2259
|
</div>
|
|
2260
2260
|
<div
|
|
2261
2261
|
class=${`${Rs.tagMenuHeaderItem} ${x===Ns.AppFields?Rs.active:""}`}
|
|
2262
|
-
onClick=${()=>
|
|
2262
|
+
onClick=${()=>P(Ns.AppFields)}
|
|
2263
2263
|
>
|
|
2264
2264
|
${t?`${t} fields`:"Fields"}
|
|
2265
2265
|
</div>
|
|
@@ -2270,7 +2270,7 @@
|
|
|
2270
2270
|
${x===Ns.Values?j`<div className=${Rs.tagMenuBodyItem} id="tag-menu-body-item">
|
|
2271
2271
|
${i.length>0?z(i,L).length>0?z(i,L).map(((e,t,n)=>{return t===n.length-1&&F(!1),j`
|
|
2272
2272
|
<div
|
|
2273
|
-
class=${`${Rs.value} ${
|
|
2273
|
+
class=${`${Rs.value} ${U.includes(e.id)?Rs.selected:""}`}
|
|
2274
2274
|
onClick=${t=>{t.stopPropagation(),l(e)}}
|
|
2275
2275
|
ref=${b.current[t]}
|
|
2276
2276
|
data-hint=${`${i=b.current[t],i&&i.current&&i.current.clientWidth<i.current.scrollWidth?e.value:""}`}
|
|
@@ -2302,7 +2302,7 @@
|
|
|
2302
2302
|
</div>`}
|
|
2303
2303
|
</div>`:j` <div className="${Rs.mappedFieldMenu}">
|
|
2304
2304
|
${v?j`<div>
|
|
2305
|
-
${function(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=arguments.length>2?arguments[2]:void 0;
|
|
2305
|
+
${function(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=arguments.length>2?arguments[2]:void 0;var i;H(us.createElement(e,(i=t,JSON.parse(JSON.stringify(i)))),n)}(v,{onSelect:""},Z)}
|
|
2306
2306
|
</div>`:j`${Object.keys(c?n:Fs(n,L)).length>0?Object.keys(c?n:Fs(n,L)).map(((e,t,i)=>j`
|
|
2307
2307
|
<${Os}
|
|
2308
2308
|
objectKey="${e}"
|
|
@@ -2315,7 +2315,7 @@
|
|
|
2315
2315
|
${k?j`<${_t} color="#999" />`:j` <a
|
|
2316
2316
|
className=${Rs.optionsRefreshProminent}
|
|
2317
2317
|
href="#"
|
|
2318
|
-
onclick=${
|
|
2318
|
+
onclick=${V}
|
|
2319
2319
|
>Reload fields?</a
|
|
2320
2320
|
>`}
|
|
2321
2321
|
</span>`}
|
|
@@ -2326,7 +2326,7 @@
|
|
|
2326
2326
|
<a
|
|
2327
2327
|
className=${Rs.optionsRefresh}
|
|
2328
2328
|
href="#"
|
|
2329
|
-
onclick=${e=>{e.preventDefault(),e.stopPropagation(),
|
|
2329
|
+
onclick=${e=>{e.preventDefault(),e.stopPropagation(),V()}}
|
|
2330
2330
|
>
|
|
2331
2331
|
${" "}Try again?</a
|
|
2332
2332
|
>`}
|
|
@@ -7012,7 +7012,7 @@
|
|
|
7012
7012
|
</div>
|
|
7013
7013
|
</div>
|
|
7014
7014
|
`}
|
|
7015
|
-
`}});class Mp{static SDK_VERSION="4.5.
|
|
7015
|
+
`}});class Mp{static SDK_VERSION="4.5.31";config;apiHandler;initConfig;eventEmitter=(()=>new se)();static html=(()=>j)();static RenderModes=(()=>pe)();static TemplateFormRenderModes=(()=>re)();static Layouts=(()=>le)();static ViewStyles=(()=>ae)();static MarketplaceRenderModes=(()=>de)();static Helpers;authModalId="";forceRerender=!1;constructor(e){let t;const n=e.baseUrl||"https://app.integry.io",i=e;if(i.user){const{userId:e,apiKey:t,...n}=i.user;"userId"in i||(i.userId=""),"userId"in i&&(i.userId=e.toString()),i.xIntegryConfig||(i.xIntegryConfig={}),i.xIntegryConfig.appAuth||(i.xIntegryConfig.appAuth={}),i.xIntegryConfig.appAuth.extras||(i.xIntegryConfig.appAuth.extras={}),i.xIntegryConfig.appAuth.apiKey=(t||"").toString(),i.xIntegryConfig.appAuth.extras=n}const o={oauthVerifyPath:"auth/verify",endpointsUrl:"https://integry-app.appspot.com",baseUrl:n,baseUrlv2:`${n}/v2`,baseAPIUrl:"https://api.integry.io",apiKey:i.xIntegryConfig?.appAuth?.apiKey,authId:i.xIntegryConfig?.appAuth?.authId,extras:i.xIntegryConfig?.appAuth?.extras},s=i.options||i.userConfig||{};if(i.options&&i.payloads&&(i.options.objects=e.payloads),"appKey"in i)t={...i,...o,appKey:i.appKey,hash:i.hash,userId:i.userId},this.config={...i,...o,appKey:i.appKey,hash:i.hash,userId:i.userId,deploymentId:i.deploymentId,userConfig:i.deploymentId?{...s,tags:s?.tags?[...s?.tags,`${i.deploymentId}`]:[`${i.deploymentId}`]}:s};else{const e=this.getAuthParamsFromUrl()||{};t={...o,...e},this.config={...o,...e,userConfig:i.userConfig}}this.authModalId=this.getRandomFlowId(6),this.apiHandler=new te(t),this.verifyAuthConfig().then((e=>{e?.config_verified?this.eventEmitter.emit("ready",{isReady:!0}):console.error("IntegrySDK: Auth config verification failed, are your auth parameters correct?")})).catch((e=>console.error(e))),this.initConfig={containerId:"",renderMode:re.INLINE}}SDKFailedHandler=(e,t)=>{const n=e.options||e.userConfig||{},i=document.getElementById(t);throw i&&H(j`
|
|
7016
7016
|
<${ql}
|
|
7017
7017
|
message="SDK failed to load"
|
|
7018
7018
|
debug=${n.debug}
|
package/package.json
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
/* eslint-disable @typescript-eslint/no-explicit-any */
|
|
3
3
|
import { NestedObject } from '@/interfaces';
|
|
4
4
|
import { html } from 'htm/preact';
|
|
5
|
-
import { createRef } from 'preact';
|
|
5
|
+
import { createRef, render } from 'preact';
|
|
6
6
|
import { useEffect, useRef, useState } from 'preact/hooks';
|
|
7
7
|
import { isScrolledIntoView } from '@/utils/common';
|
|
8
8
|
import { searchJSON } from '@/utils/searchJson';
|
|
@@ -213,6 +213,8 @@ const FieldDropdown = (props: FieldMenuProps) => {
|
|
|
213
213
|
}
|
|
214
214
|
}
|
|
215
215
|
|
|
216
|
+
const deepClone = (obj: any) => JSON.parse(JSON.stringify(obj));
|
|
217
|
+
|
|
216
218
|
const convertReactToPreact = (
|
|
217
219
|
ReactComponent: any,
|
|
218
220
|
propsLocal = {},
|
|
@@ -220,9 +222,9 @@ const FieldDropdown = (props: FieldMenuProps) => {
|
|
|
220
222
|
) => {
|
|
221
223
|
const PreactComponent = ReactCompat.createElement(
|
|
222
224
|
ReactComponent,
|
|
223
|
-
propsLocal,
|
|
225
|
+
deepClone(propsLocal),
|
|
224
226
|
);
|
|
225
|
-
|
|
227
|
+
render(PreactComponent, mountNode);
|
|
226
228
|
};
|
|
227
229
|
|
|
228
230
|
const mountNode = document.getElementById('x-integry-container');
|