@bikdotai/bik-component-library 0.0.272-beta.4 → 0.0.272-beta.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),a=require("../../assets/icons/back_icon.svg.js"),s=require("../../assets/icons/chevronRightAlt.svg.js"),i=require("../../assets/icons/cross.svg.js"),l=require("../../assets/icons/plus.svg.js"),t=require("../../assets/icons/undo.svg.js"),r=require("react"),n=require("./AddVariableV2.styled.js"),o=require("../button/Button.js"),d=require("../icon-button/IconButton.js"),c=require("../searchBar/searchBar.js"),b=require("../tooltips/Tooltip.js"),j=require("../TypographyStyle.js");exports.AddVariableV2=v=>{const{data:p}=v,[u,g]=r.useState({}),[m,y]=r.useState(),[h,x]=r.useState(""),[O,V]=r.useState(""),[f,N]=r.useState(!0);r.useEffect((()=>{const e={};p.forEach((a=>{e[a.payloadVariables.displayName]=[]})),y(e)}),[p]),r.useEffect((()=>{if(O){v.data.filter((e=>Object.keys(e.payloadVariables.variables).filter((a=>{var s;return(null===(s=e.payloadVariables.variables[a].displayName)||void 0===s?void 0:s.toLowerCase().includes(O.toLowerCase()))||_(e.payloadVariables.variables[a])})).length>0)).length>0?N(!0):N(!1)}else N(!0)}),[O]);const S=(e,a)=>{const s=p.find((e=>e.payloadVariables.displayName===a));if(s){let i=s.payloadVariables;e.forEach(((e,a)=>{i=i.variables[e]})),g((e=>Object.assign(Object.assign({},e),{[a]:i})))}},_=e=>{let a=!1;if(e.isSubHeader&&e.variables){const s=Object.keys(e.variables);for(let i=0;i<s.length;i++){const l=s[i];if(e.variables&&e.variables[l].displayName.toLowerCase().includes(O.toLowerCase())){a=!0;break}}}return a},C=a=>{const s=a.item.description;return e.jsx(e.Fragment,{children:s?e.jsx(b.Tooltip,Object.assign({body:s,width:300,delay:300,placement:"bottom"},{children:e.jsx(k,{item:a.item})})):e.jsx(k,{item:a.item})})},k=a=>e.jsx(o.Button,{disabledWithClick:v.enableVariable?!v.enableVariable:!a.item.isAvailable,size:"chip",LeadingIcon:a.item.isSubHeader?void 0:l.default,TrailingIcon:()=>a.item.isSubHeader?e.jsx("div",Object.assign({className:"icon-trailing",style:{display:"flex"}},{children:e.jsx(s.default,{})})):e.jsx(e.Fragment,{}),buttonText:a.item.displayName}),w=(a,s)=>e.jsx("div",Object.assign({onClick:a.isSubHeader?()=>{const e=[...m[h],s];S(e,h),y((a=>Object.assign(Object.assign({},a),{[h]:e})))}:()=>{v.customTrigger?(v.customTrigger(a),v.setShowVariable(!1)):v.setVariableValue(a.actualValue)}},{children:e.jsx(C,{item:a})})),B=(e,a)=>{const s=[...m[e.payloadVariables.displayName],a];S(s,e.payloadVariables.displayName),y((a=>Object.assign(Object.assign({},a),{[e.payloadVariables.displayName]:s}))),x(e.payloadVariables.displayName)},T=(e,a)=>{v.customTrigger?(v.customTrigger(e.payloadVariables.variables[a]),v.setShowVariable(!1)):v.setVariableValue(e.payloadVariables.variables[a].actualValue)},q=v.isModalState?void 0:{top:"small"===v.pickerSize?"300px":"60px",left:`${v.leftPosition?v.leftPosition+24:430}px`};return e.jsx(n.AddVariableStyled,Object.assign({id:"varList",style:q,onClick:e=>{e.stopPropagation()},pickerSize:v.pickerSize||"large",isModalState:v.isModalState},{children:v.showVariable&&e.jsxs("div",Object.assign({className:"popup"},{children:[e.jsxs("div",Object.assign({className:"sticky__bar"},{children:[e.jsxs("div",Object.assign({className:"header__bar"},{children:[e.jsx("div",Object.assign({className:"add__variable"},{children:"Add a new variable"})),e.jsx("div",Object.assign({onClick:()=>{v.setShowVariable(!1)},style:{display:"flex",alignItems:"center",justifyContent:"center"}},{children:e.jsx(d.IconButton,{iconButtonType:"default",Icon:i.default})}))]})),e.jsx("div",Object.assign({className:"search__bar"},{children:e.jsx(c.SearchBar,{width:"100%",isEnabled:!0,onChange:e=>{V(e)},onEnter:()=>{},placeholder:"Search...",variant:"default"})})),!f&&e.jsxs("div",Object.assign({style:{display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",marginTop:16}},{children:[e.jsx(j.TitleSmall,{children:"No results found!"}),e.jsx(j.BodyCaption,{children:`Sorry we could not find any results for "${O}"`})]})),h&&m[h].length>0&&e.jsxs("div",Object.assign({className:"nav__bar",style:{marginTop:8}},{children:[e.jsxs("div",Object.assign({className:"left__nav"},{children:[e.jsx(d.IconButton,{Icon:a.default,style:{color:"#919191",display:"flex"},onClick:()=>{const e=m[h].slice(0,-1);S(e,h),y((a=>Object.assign(Object.assign({},a),{[h]:e}))),e.length||x("")}}),e.jsxs("div",Object.assign({className:"block"},{children:[e.jsx(j.TitleSmall,{children:u[h].displayName}),u[h].description&&e.jsx(j.BodyCaption,{children:u[h].description})]}))]})),e.jsxs("div",Object.assign({className:"right__nav"},{children:[e.jsx(d.IconButton,{Icon:t.default,style:{display:"flex"},onClick:()=>{S([],h),y((e=>Object.assign(Object.assign({},e),{[h]:[]}))),x("")}}),e.jsx("div",{children:"First page"})]}))]}))]})),e.jsx("div",Object.assign({className:"wrapper"},{children:e.jsx("div",Object.assign({className:"list__map"},{children:e.jsxs("div",Object.assign({className:"items"},{children:[!h&&v.data.map((a=>{var s,i,l,t;let r=[];return O&&(r=Object.keys(a.payloadVariables.variables).filter((e=>{var s;return(null===(s=a.payloadVariables.variables[e].displayName)||void 0===s?void 0:s.toLowerCase().includes(O.toLowerCase()))||_(a.payloadVariables.variables[e])}))),e.jsxs(e.Fragment,{children:[O?r.length>0?e.jsxs("div",Object.assign({className:"block"},{children:[e.jsx("div",Object.assign({className:"heading__font"},{children:null===(s=null==a?void 0:a.payloadVariables)||void 0===s?void 0:s.displayName})),e.jsx(j.BodyCaption,Object.assign({style:{marginBottom:8,color:"#616161"}},{children:null===(i=null==a?void 0:a.payloadVariables)||void 0===i?void 0:i.description}))]})):e.jsx(e.Fragment,{}):e.jsxs("div",Object.assign({className:"block"},{children:[e.jsx("div",Object.assign({className:"heading__font"},{children:null===(l=null==a?void 0:a.payloadVariables)||void 0===l?void 0:l.displayName})),e.jsx(j.BodyCaption,Object.assign({style:{marginBottom:8,color:"#616161"}},{children:null===(t=null==a?void 0:a.payloadVariables)||void 0===t?void 0:t.description}))]})),Object.keys(a.payloadVariables.variables).map((s=>{var i;return O?(null===(i=a.payloadVariables.variables[s].displayName)||void 0===i?void 0:i.toLowerCase().includes(O.toLowerCase()))||_(a.payloadVariables.variables[s])?e.jsx("div",Object.assign({onClick:a.payloadVariables.variables[s].isSubHeader?()=>B(a,s):()=>T(a,s)},{children:e.jsx(C,{item:a.payloadVariables.variables[s]})})):e.jsx(e.Fragment,{}):e.jsx("div",Object.assign({onClick:a.payloadVariables.variables[s].isSubHeader?()=>B(a,s):()=>T(a,s)},{children:e.jsx(C,{item:a.payloadVariables.variables[s]})}))}))]})})),h&&e.jsx("div",Object.assign({className:"list__map"},{children:e.jsx("div",Object.assign({className:"items",style:{marginTop:16}},{children:Object.keys(u[h].variables).map(((a,s)=>{var i;return O?(null===(i=u[h].variables[a].displayName)||void 0===i?void 0:i.toLowerCase().includes(O.toLowerCase()))||_(u[h].variables[a])?w(u[h].variables[a],a):e.jsx(e.Fragment,{}):w(u[h].variables[a],a)}))}))}))]}))}))})),e.jsx("div",{className:"bottom__padding"})]}))}))};
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),a=require("../../assets/icons/back_icon.svg.js"),s=require("../../assets/icons/chevronRightAlt.svg.js"),i=require("../../assets/icons/cross.svg.js"),l=require("../../assets/icons/plus.svg.js"),t=require("../../assets/icons/undo.svg.js"),r=require("react"),n=require("./AddVariableV2.styled.js"),o=require("../button/Button.js"),d=require("../icon-button/IconButton.js"),c=require("../searchBar/searchBar.js"),b=require("../tooltips/Tooltip.js"),j=require("../TypographyStyle.js");exports.AddVariableV2=v=>{const{data:p}=v,[u,g]=r.useState({}),[m,y]=r.useState(),[h,x]=r.useState(""),[O,V]=r.useState(""),[f,N]=r.useState(!0);r.useEffect((()=>{const e={};p.forEach((a=>{e[a.payloadVariables.displayName]=[]})),y(e)}),[p]),r.useEffect((()=>{if(O){v.data.filter((e=>Object.keys(e.payloadVariables.variables).filter((a=>{var s;return(null===(s=e.payloadVariables.variables[a].displayName)||void 0===s?void 0:s.toLowerCase().includes(O.toLowerCase()))||_(e.payloadVariables.variables[a])})).length>0)).length>0?N(!0):N(!1)}else N(!0)}),[O]);const S=(e,a)=>{const s=p.find((e=>e.payloadVariables.displayName===a));if(s){let i=s.payloadVariables;e.forEach(((e,a)=>{i=i.variables[e]})),g((e=>Object.assign(Object.assign({},e),{[a]:i})))}},_=e=>{let a=!1;if(e.isSubHeader&&e.variables){const s=Object.keys(e.variables);for(let i=0;i<s.length;i++){const l=s[i];if(e.variables&&e.variables[l].displayName.toLowerCase().includes(O.toLowerCase())){a=!0;break}}}return a},C=a=>{const s=a.item.description;return e.jsx(e.Fragment,{children:s?e.jsx(b.Tooltip,Object.assign({body:s,width:300,delay:300,placement:"bottom"},{children:e.jsx(k,{item:a.item})})):e.jsx(k,{item:a.item})})},k=a=>e.jsx(o.Button,{disabledWithClick:v.enableVariable?!v.enableVariable:!a.item.isAvailable,darkMode:!0,size:"chip",LeadingIcon:a.item.isSubHeader?void 0:l.default,TrailingIcon:()=>a.item.isSubHeader?e.jsx("div",Object.assign({className:"icon-trailing",style:{display:"flex"}},{children:e.jsx(s.default,{})})):e.jsx(e.Fragment,{}),buttonText:a.item.displayName}),w=(a,s)=>e.jsx("div",Object.assign({onClick:a.isSubHeader?()=>{const e=[...m[h],s];S(e,h),y((a=>Object.assign(Object.assign({},a),{[h]:e})))}:()=>{v.customTrigger?(v.customTrigger(a),v.setShowVariable(!1)):v.setVariableValue(a.actualValue)}},{children:e.jsx(C,{item:a})})),B=(e,a)=>{const s=[...m[e.payloadVariables.displayName],a];S(s,e.payloadVariables.displayName),y((a=>Object.assign(Object.assign({},a),{[e.payloadVariables.displayName]:s}))),x(e.payloadVariables.displayName)},T=(e,a)=>{v.customTrigger?(v.customTrigger(e.payloadVariables.variables[a]),v.setShowVariable(!1)):v.setVariableValue(e.payloadVariables.variables[a].actualValue)},q=v.isModalState?void 0:{top:"small"===v.pickerSize?"300px":"60px",left:`${v.leftPosition?v.leftPosition+24:430}px`};return e.jsx(n.AddVariableStyled,Object.assign({id:"varList",style:q,onClick:e=>{e.stopPropagation()},pickerSize:v.pickerSize||"large",isModalState:v.isModalState},{children:v.showVariable&&e.jsxs("div",Object.assign({className:"popup"},{children:[e.jsxs("div",Object.assign({className:"sticky__bar"},{children:[e.jsxs("div",Object.assign({className:"header__bar"},{children:[e.jsx("div",Object.assign({className:"add__variable"},{children:"Add a new variable"})),e.jsx("div",Object.assign({onClick:()=>{v.setShowVariable(!1)},style:{display:"flex",alignItems:"center",justifyContent:"center"}},{children:e.jsx(d.IconButton,{iconButtonType:"default",Icon:i.default})}))]})),e.jsx("div",Object.assign({className:"search__bar"},{children:e.jsx(c.SearchBar,{width:"100%",isEnabled:!0,onChange:e=>{V(e)},onEnter:()=>{},placeholder:"Search...",variant:"default"})})),!f&&e.jsxs("div",Object.assign({style:{display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",marginTop:16}},{children:[e.jsx(j.TitleSmall,{children:"No results found!"}),e.jsx(j.BodyCaption,{children:`Sorry we could not find any results for "${O}"`})]})),h&&m[h].length>0&&e.jsxs("div",Object.assign({className:"nav__bar",style:{marginTop:8}},{children:[e.jsxs("div",Object.assign({className:"left__nav"},{children:[e.jsx(d.IconButton,{Icon:a.default,style:{color:"#919191",display:"flex"},onClick:()=>{const e=m[h].slice(0,-1);S(e,h),y((a=>Object.assign(Object.assign({},a),{[h]:e}))),e.length||x("")}}),e.jsxs("div",Object.assign({className:"block"},{children:[e.jsx(j.TitleSmall,{children:u[h].displayName}),u[h].description&&e.jsx(j.BodyCaption,{children:u[h].description})]}))]})),e.jsxs("div",Object.assign({className:"right__nav"},{children:[e.jsx(d.IconButton,{Icon:t.default,style:{display:"flex"},onClick:()=>{S([],h),y((e=>Object.assign(Object.assign({},e),{[h]:[]}))),x("")}}),e.jsx("div",{children:"First page"})]}))]}))]})),e.jsx("div",Object.assign({className:"wrapper"},{children:e.jsx("div",Object.assign({className:"list__map"},{children:e.jsxs("div",Object.assign({className:"items"},{children:[!h&&v.data.map((a=>{var s,i,l,t;let r=[];return O&&(r=Object.keys(a.payloadVariables.variables).filter((e=>{var s;return(null===(s=a.payloadVariables.variables[e].displayName)||void 0===s?void 0:s.toLowerCase().includes(O.toLowerCase()))||_(a.payloadVariables.variables[e])}))),e.jsxs(e.Fragment,{children:[O?r.length>0?e.jsxs("div",Object.assign({className:"block"},{children:[e.jsx("div",Object.assign({className:"heading__font"},{children:null===(s=null==a?void 0:a.payloadVariables)||void 0===s?void 0:s.displayName})),e.jsx(j.BodyCaption,Object.assign({style:{marginBottom:8,color:"#616161"}},{children:null===(i=null==a?void 0:a.payloadVariables)||void 0===i?void 0:i.description}))]})):e.jsx(e.Fragment,{}):e.jsxs("div",Object.assign({className:"block"},{children:[e.jsx("div",Object.assign({className:"heading__font"},{children:null===(l=null==a?void 0:a.payloadVariables)||void 0===l?void 0:l.displayName})),e.jsx(j.BodyCaption,Object.assign({style:{marginBottom:8,color:"#616161"}},{children:null===(t=null==a?void 0:a.payloadVariables)||void 0===t?void 0:t.description}))]})),Object.keys(a.payloadVariables.variables).map((s=>{var i;return O?(null===(i=a.payloadVariables.variables[s].displayName)||void 0===i?void 0:i.toLowerCase().includes(O.toLowerCase()))||_(a.payloadVariables.variables[s])?e.jsx("div",Object.assign({onClick:a.payloadVariables.variables[s].isSubHeader?()=>B(a,s):()=>T(a,s)},{children:e.jsx(C,{item:a.payloadVariables.variables[s]})})):e.jsx(e.Fragment,{}):e.jsx("div",Object.assign({onClick:a.payloadVariables.variables[s].isSubHeader?()=>B(a,s):()=>T(a,s)},{children:e.jsx(C,{item:a.payloadVariables.variables[s]})}))}))]})})),h&&e.jsx("div",Object.assign({className:"list__map"},{children:e.jsx("div",Object.assign({className:"items",style:{marginTop:16}},{children:Object.keys(u[h].variables).map(((a,s)=>{var i;return O?(null===(i=u[h].variables[a].displayName)||void 0===i?void 0:i.toLowerCase().includes(O.toLowerCase()))||_(u[h].variables[a])?w(u[h].variables[a],a):e.jsx(e.Fragment,{}):w(u[h].variables[a],a)}))}))}))]}))}))})),e.jsx("div",{className:"bottom__padding"})]}))}))};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsx as a,jsxs as e,Fragment as i}from"react/jsx-runtime";import s from"../../assets/icons/back_icon.svg.js";import l from"../../assets/icons/chevronRightAlt.svg.js";import r from"../../assets/icons/cross.svg.js";import t from"../../assets/icons/plus.svg.js";import o from"../../assets/icons/undo.svg.js";import{useState as n,useEffect as
|
|
1
|
+
import{jsx as a,jsxs as e,Fragment as i}from"react/jsx-runtime";import s from"../../assets/icons/back_icon.svg.js";import l from"../../assets/icons/chevronRightAlt.svg.js";import r from"../../assets/icons/cross.svg.js";import t from"../../assets/icons/plus.svg.js";import o from"../../assets/icons/undo.svg.js";import{useState as n,useEffect as d}from"react";import{AddVariableStyled as c}from"./AddVariableV2.styled.js";import{Button as b}from"../button/Button.js";import{IconButton as m}from"../icon-button/IconButton.js";import{SearchBar as p}from"../searchBar/searchBar.js";import{Tooltip as v}from"../tooltips/Tooltip.js";import{TitleSmall as g,BodyCaption as y}from"../TypographyStyle.js";const h=h=>{const{data:u}=h,[j,f]=n({}),[O,V]=n(),[N,_]=n(""),[k,C]=n(""),[w,S]=n(!0);d((()=>{const a={};u.forEach((e=>{a[e.payloadVariables.displayName]=[]})),V(a)}),[u]),d((()=>{if(k){h.data.filter((a=>Object.keys(a.payloadVariables.variables).filter((e=>{var i;return(null===(i=a.payloadVariables.variables[e].displayName)||void 0===i?void 0:i.toLowerCase().includes(k.toLowerCase()))||L(a.payloadVariables.variables[e])})).length>0)).length>0?S(!0):S(!1)}else S(!0)}),[k]);const x=(a,e)=>{const i=u.find((a=>a.payloadVariables.displayName===e));if(i){let s=i.payloadVariables;a.forEach(((a,e)=>{s=s.variables[a]})),f((a=>Object.assign(Object.assign({},a),{[e]:s})))}},L=a=>{let e=!1;if(a.isSubHeader&&a.variables){const i=Object.keys(a.variables);for(let s=0;s<i.length;s++){const l=i[s];if(a.variables&&a.variables[l].displayName.toLowerCase().includes(k.toLowerCase())){e=!0;break}}}return e},T=e=>{const s=e.item.description;return a(i,{children:s?a(v,Object.assign({body:s,width:300,delay:300,placement:"bottom"},{children:a(I,{item:e.item})})):a(I,{item:e.item})})},I=e=>a(b,{disabledWithClick:h.enableVariable?!h.enableVariable:!e.item.isAvailable,darkMode:!0,size:"chip",LeadingIcon:e.item.isSubHeader?void 0:t,TrailingIcon:()=>e.item.isSubHeader?a("div",Object.assign({className:"icon-trailing",style:{display:"flex"}},{children:a(l,{})})):a(i,{}),buttonText:e.item.displayName}),B=(e,i)=>a("div",Object.assign({onClick:e.isSubHeader?()=>{const a=[...O[N],i];x(a,N),V((e=>Object.assign(Object.assign({},e),{[N]:a})))}:()=>{h.customTrigger?(h.customTrigger(e),h.setShowVariable(!1)):h.setVariableValue(e.actualValue)}},{children:a(T,{item:e})})),H=(a,e)=>{const i=[...O[a.payloadVariables.displayName],e];x(i,a.payloadVariables.displayName),V((e=>Object.assign(Object.assign({},e),{[a.payloadVariables.displayName]:i}))),_(a.payloadVariables.displayName)},z=(a,e)=>{h.customTrigger?(h.customTrigger(a.payloadVariables.variables[e]),h.setShowVariable(!1)):h.setVariableValue(a.payloadVariables.variables[e].actualValue)},A=h.isModalState?void 0:{top:"small"===h.pickerSize?"300px":"60px",left:`${h.leftPosition?h.leftPosition+24:430}px`};return a(c,Object.assign({id:"varList",style:A,onClick:a=>{a.stopPropagation()},pickerSize:h.pickerSize||"large",isModalState:h.isModalState},{children:h.showVariable&&e("div",Object.assign({className:"popup"},{children:[e("div",Object.assign({className:"sticky__bar"},{children:[e("div",Object.assign({className:"header__bar"},{children:[a("div",Object.assign({className:"add__variable"},{children:"Add a new variable"})),a("div",Object.assign({onClick:()=>{h.setShowVariable(!1)},style:{display:"flex",alignItems:"center",justifyContent:"center"}},{children:a(m,{iconButtonType:"default",Icon:r})}))]})),a("div",Object.assign({className:"search__bar"},{children:a(p,{width:"100%",isEnabled:!0,onChange:a=>{C(a)},onEnter:()=>{},placeholder:"Search...",variant:"default"})})),!w&&e("div",Object.assign({style:{display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",marginTop:16}},{children:[a(g,{children:"No results found!"}),a(y,{children:`Sorry we could not find any results for "${k}"`})]})),N&&O[N].length>0&&e("div",Object.assign({className:"nav__bar",style:{marginTop:8}},{children:[e("div",Object.assign({className:"left__nav"},{children:[a(m,{Icon:s,style:{color:"#919191",display:"flex"},onClick:()=>{const a=O[N].slice(0,-1);x(a,N),V((e=>Object.assign(Object.assign({},e),{[N]:a}))),a.length||_("")}}),e("div",Object.assign({className:"block"},{children:[a(g,{children:j[N].displayName}),j[N].description&&a(y,{children:j[N].description})]}))]})),e("div",Object.assign({className:"right__nav"},{children:[a(m,{Icon:o,style:{display:"flex"},onClick:()=>{x([],N),V((a=>Object.assign(Object.assign({},a),{[N]:[]}))),_("")}}),a("div",{children:"First page"})]}))]}))]})),a("div",Object.assign({className:"wrapper"},{children:a("div",Object.assign({className:"list__map"},{children:e("div",Object.assign({className:"items"},{children:[!N&&h.data.map((s=>{var l,r,t,o;let n=[];return k&&(n=Object.keys(s.payloadVariables.variables).filter((a=>{var e;return(null===(e=s.payloadVariables.variables[a].displayName)||void 0===e?void 0:e.toLowerCase().includes(k.toLowerCase()))||L(s.payloadVariables.variables[a])}))),e(i,{children:[k?n.length>0?e("div",Object.assign({className:"block"},{children:[a("div",Object.assign({className:"heading__font"},{children:null===(l=null==s?void 0:s.payloadVariables)||void 0===l?void 0:l.displayName})),a(y,Object.assign({style:{marginBottom:8,color:"#616161"}},{children:null===(r=null==s?void 0:s.payloadVariables)||void 0===r?void 0:r.description}))]})):a(i,{}):e("div",Object.assign({className:"block"},{children:[a("div",Object.assign({className:"heading__font"},{children:null===(t=null==s?void 0:s.payloadVariables)||void 0===t?void 0:t.displayName})),a(y,Object.assign({style:{marginBottom:8,color:"#616161"}},{children:null===(o=null==s?void 0:s.payloadVariables)||void 0===o?void 0:o.description}))]})),Object.keys(s.payloadVariables.variables).map((e=>{var l;return k?(null===(l=s.payloadVariables.variables[e].displayName)||void 0===l?void 0:l.toLowerCase().includes(k.toLowerCase()))||L(s.payloadVariables.variables[e])?a("div",Object.assign({onClick:s.payloadVariables.variables[e].isSubHeader?()=>H(s,e):()=>z(s,e)},{children:a(T,{item:s.payloadVariables.variables[e]})})):a(i,{}):a("div",Object.assign({onClick:s.payloadVariables.variables[e].isSubHeader?()=>H(s,e):()=>z(s,e)},{children:a(T,{item:s.payloadVariables.variables[e]})}))}))]})})),N&&a("div",Object.assign({className:"list__map"},{children:a("div",Object.assign({className:"items",style:{marginTop:16}},{children:Object.keys(j[N].variables).map(((e,s)=>{var l;return k?(null===(l=j[N].variables[e].displayName)||void 0===l?void 0:l.toLowerCase().includes(k.toLowerCase()))||L(j[N].variables[e])?B(j[N].variables[e],e):a(i,{}):B(j[N].variables[e],e)}))}))}))]}))}))})),a("div",{className:"bottom__padding"})]}))}))};export{h as AddVariableV2};
|