@telia-ace/knowledge-widget-bot-provider 0.0.1-next.4 → 0.0.1-next.6

package/dist/{contact-method-list.4ee58573.js → contact-method-list.8a9dd3ec.js}

@@ -10,14 +10,14 @@ var u = (t, e, n) => e in t ? y(t, e, { enumerable: !0, configurable: !0, writab
       E.call(e, n) && u(t, n, e[n]);
   return t;
 }, h = (t, e) => C(t, M(e));
+import c from "@emotion/styled";
 import { ContactList as b, ContactMethod as S } from "@telia-ace/knowledge-widget-adapters";
 import { useDispatch as v, useContainer as z } from "@telia-ace/knowledge-widget-ui";
 import s, { useState as L, useMemo as j } from "react";
-import c from "styled-components";
-import I from "./contact-method.37f0020e.js";
+import I from "./contact-method.baf5a019.js";
 import "@telia-ace/knowledge-widget-types-grid";
 import "@telia-ace/widget-forms";
-import "./index.e647892d.js";
+import "./index.721ac1d1.js";
 import "@telia-ace/widget-conversation";
 import "@telia-ace/widget-services";
 import "@telia-ace/widget-utilities";
@@ -85,4 +85,4 @@ const P = ({ actions: t, entryId: e, groupId: n }) => {
 export {
   P as default
 };
-//# sourceMappingURL=contact-method-list.4ee58573.js.map
+//# sourceMappingURL=contact-method-list.8a9dd3ec.js.map

package/dist/contact-method-list.8a9dd3ec.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"contact-method-list.8a9dd3ec.js","sources":["../src/ui/contact-method-list.tsx"],"sourcesContent":["import styled from '@emotion/styled';\nimport {\n    ContactList,\n    ContactMethod as GenericContactMethod,\n} from '@telia-ace/knowledge-widget-adapters';\nimport { useContainer, useDispatch } from '@telia-ace/knowledge-widget-ui';\nimport React, { useMemo, useState } from 'react';\nimport { ActionItem } from '../types';\nimport ContactMethod from './contact-method';\n\ntype Props = {\n    actions: ActionItem[];\n    contactMethodIds?: string[];\n    entryId: string;\n    groupId: string;\n};\nconst ContactMethodList: React.FC<Props> = ({ actions, entryId, groupId }) => {\n    const dispatch = useDispatch();\n    const container = useContainer();\n    const [expanded, setExpanded] = useState<string[]>([]);\n\n    const items = useMemo<any[]>(() => {\n        return actions.map((action) => {\n            return {\n                ...action.data,\n                onClick: (_event: any, data: any) => {\n                    if (data.inline && !data.expanded) {\n                        setExpanded([...expanded, data.id]);\n                    } else {\n                        const { events } = container.get('$widget');\n                        events.dispatch('provider:open-contact-method', {\n                            entryId,\n                            contactMethod: data,\n                            actionKey: action.actionKey,\n                        });\n                    }\n                },\n            };\n        });\n    }, [actions, container, entryId, expanded]);\n\n    if (!items.length) {\n        return null;\n    }\n\n    return (\n        <StyledContactList\n            contactMethods={items}\n            dispatch={dispatch}\n            itemRenderer={(cm: any, props: any) => {\n                const isExpanded = expanded.includes(cm.id) || cm.expanded;\n                if (isExpanded && cm.inline) {\n                    return (\n                        <StyledContactMethod\n                            contactMethodId={cm.id}\n                            groupId={groupId}\n                            guideId={cm.body.guideId}\n                        />\n                    );\n                }\n                return <StyledGenericContactMethod {...cm} {...props} />;\n            }}\n        />\n    );\n};\n\nexport default ContactMethodList;\n\nconst StyledContactList = styled(ContactList)`\n    > ul > li {\n        a {\n            display: flex;\n            align-items: center;\n            outline-offset: -2px;\n        }\n\n        &:not(:last-child) {\n            ${(p) => p.theme.border && `border-bottom: ${p.theme.border};`}\n        }\n    }\n`;\n\nconst StyledContactMethod = styled(ContactMethod)`\n    i {\n        margin: 0 ${(p) => p.theme.sizes?.medium} 0 0;\n        display: flex;\n        justify-content: center;\n        align-items: center;\n    }\n`;\nconst StyledGenericContactMethod = styled(GenericContactMethod)`\n    padding: ${(p) => p.theme.sizes?.medium};\n    i {\n        margin: 0 ${(p) => p.theme.sizes?.medium} 0 0;\n        display: flex;\n        justify-content: center;\n        align-items: center;\n    }\n`;\n"],"names":["ContactMethodList","actions","entryId","groupId","dispatch","useDispatch","container","useContainer","expanded","setExpanded","useState","items","useMemo","action","__spreadProps","__spreadValues","_event","data","events","React","StyledContactList","cm","props","StyledContactMethod","StyledGenericContactMethod","styled","ContactList","p","ContactMethod","_a","GenericContactMethod"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAgBA,MAAMA,IAAqC,CAAC,EAAE,SAAAC,GAAS,SAAAC,GAAS,SAAAC,QAAc;AAC1E,QAAMC,IAAWC,KACXC,IAAYC,KACZ,CAACC,GAAUC,CAAW,IAAIC,EAAmB,CAAE,CAAA,GAE/CC,IAAQC,EAAe,MAClBX,EAAQ,IAAI,CAACY,MACTC,EAAAC,EAAA,IACAF,EAAO,OADP;AAAA,IAEH,SAAS,CAACG,GAAaC,MAAc;AACjC,UAAIA,EAAK,UAAU,CAACA,EAAK;AACrB,QAAAR,EAAY,CAAC,GAAGD,GAAUS,EAAK,EAAE,CAAC;AAAA,WAC/B;AACH,cAAM,EAAE,QAAAC,EAAW,IAAAZ,EAAU,IAAI,SAAS;AAC1C,QAAAY,EAAO,SAAS,gCAAgC;AAAA,UAC5C,SAAAhB;AAAA,UACA,eAAee;AAAA,UACf,WAAWJ,EAAO;AAAA,QAAA,CACrB;AAAA,MACL;AAAA,IACJ;AAAA,EAAA,EAEP,GACF,CAACZ,GAASK,GAAWJ,GAASM,CAAQ,CAAC;AAEtC,SAACG,EAAM,SAKN,gBAAAQ,EAAA,cAAAC,GAAA;AAAA,IACG,gBAAgBT;AAAA,IAChB,UAAAP;AAAA,IACA,cAAc,CAACiB,GAASC,OACDd,EAAS,SAASa,EAAG,EAAE,KAAKA,EAAG,aAChCA,EAAG,SAEZ,gBAAAF,EAAA,cAAAI,GAAA;AAAA,MACG,iBAAiBF,EAAG;AAAA,MACpB,SAAAlB;AAAA,MACA,SAASkB,EAAG,KAAK;AAAA,IAAA,CACrB,IAGA,gBAAAF,EAAA,cAAAK,GAAAT,IAAA,IAA+BM,IAAQC,EAAO;AAAA,EAC1D,CACJ,IApBO;AAsBf,GAIMF,IAAoBK,EAAOC,CAAW;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,cAS9B,CAACC,MAAMA,EAAE,MAAM,UAAU,kBAAkBA,EAAE,MAAM;AAAA;AAAA;AAAA,GAK3DJ,IAAsBE,EAAOG,CAAa;AAAA;AAAA,oBAE5B,CAACD,MAAM;;AAAA,UAAAE,IAAAF,EAAE,MAAM,UAAR,gBAAAE,EAAe;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAMpCL,IAA6BC,EAAOK,CAAoB;AAAA,eAC/C,CAACH,MAAM;;AAAA,UAAAE,IAAAF,EAAE,MAAM,UAAR,gBAAAE,EAAe;AAAA;AAAA;AAAA,oBAEjB,CAACF,MAAM;;AAAA,UAAAE,IAAAF,EAAE,MAAM,UAAR,gBAAAE,EAAe;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;"}

package/dist/{contact-method.37f0020e.js → contact-method.baf5a019.js}

@@ -26,18 +26,18 @@ var y = (e, t, o) => new Promise((h, r) => {
   }, l = (n) => n.done ? h(n.value) : Promise.resolve(n.value).then(i, d);
   l((o = o.apply(e, t)).next());
 });
-import { ContactMethod as k } from "@telia-ace/knowledge-widget-adapters";
-import { DataType as G } from "@telia-ace/knowledge-widget-types-grid";
-import { useContainer as V, useDispatch as j, useConversation as q } from "@telia-ace/knowledge-widget-ui";
-import { FormBuilder as H } from "@telia-ace/widget-forms";
-import J, { useState as K, useRef as L, useEffect as F, useCallback as N } from "react";
-import O from "styled-components";
-import { u as R } from "./index.e647892d.js";
+import k from "@emotion/styled";
+import { ContactMethod as G } from "@telia-ace/knowledge-widget-adapters";
+import { DataType as V } from "@telia-ace/knowledge-widget-types-grid";
+import { useContainer as j, useDispatch as q, useConversation as H } from "@telia-ace/knowledge-widget-ui";
+import { FormBuilder as J } from "@telia-ace/widget-forms";
+import K, { useState as L, useRef as N, useEffect as F, useCallback as O } from "react";
+import { u as R } from "./index.721ac1d1.js";
 import "@telia-ace/widget-conversation";
 import "@telia-ace/widget-services";
 import "@telia-ace/widget-utilities";
 const st = ({ contactMethodId: e, guideId: t, groupId: o, className: h }) => {
-  const [r, i] = K(), d = V(), l = j(), n = L(!0), u = q();
+  const [r, i] = L(), d = j(), l = q(), n = N(!0), u = H();
   F(() => {
     const { events: p } = d.get("$widget"), g = p.subscribe("bot-provider:form-submitted", (C, c) => y(void 0, null, function* () {
       var E;
@@ -50,7 +50,7 @@ const st = ({ contactMethodId: e, guideId: t, groupId: o, className: h }) => {
         })
       }), { errors: b, valid: M, errorTypes: Q } = yield v.validate(s);
       if (!M) {
-        const S = new H(r.body.form);
+        const S = new J(r.body.form);
         i(void 0), S.setValidationErrors(b), s.body = m(a({}, s.body), {
           form: S.get()
         }), i(a({}, s));
@@ -80,9 +80,9 @@ const st = ({ contactMethodId: e, guideId: t, groupId: o, className: h }) => {
       g(), f();
     };
   }, [d, r, i, u]);
-  const w = N(
+  const w = O(
     (p) => y(void 0, null, function* () {
-      const f = yield (yield d.getAsync("dataClient")).fetch(G.ContactMethod, {
+      const f = yield (yield d.getAsync("dataClient")).fetch(V.ContactMethod, {
         contactMethodId: p,
         guideId: t
       }), C = R(f, {
@@ -98,14 +98,14 @@ const st = ({ contactMethodId: e, guideId: t, groupId: o, className: h }) => {
   );
   return F(() => (w(e), () => {
     n.current = !1;
-  }), [e, w]), r ? /* @__PURE__ */ J.createElement(P, m(a({}, r), {
+  }), [e, w]), r ? /* @__PURE__ */ K.createElement(P, m(a({}, r), {
     body: r.body,
     inline: !0,
     expanded: !0,
     dispatch: l,
     className: h
   })) : null;
-}, P = O(k)`
+}, P = k(G)`
     padding: ${(e) => {
   var t;
   return (t = e.theme.sizes) == null ? void 0 : t.normal;
@@ -117,4 +117,4 @@ const st = ({ contactMethodId: e, guideId: t, groupId: o, className: h }) => {
 export {
   st as default
 };
-//# sourceMappingURL=contact-method.37f0020e.js.map
+//# sourceMappingURL=contact-method.baf5a019.js.map

package/dist/contact-method.baf5a019.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"contact-method.baf5a019.js","sources":["../src/ui/contact-method.tsx"],"sourcesContent":["import styled from '@emotion/styled';\nimport {\n    ContactMethod as GenericContactMethod,\n    ContactMethodPlatform,\n} from '@telia-ace/knowledge-widget-adapters';\nimport { DataType } from '@telia-ace/knowledge-widget-types-grid';\nimport { useContainer, useConversation, useDispatch } from '@telia-ace/knowledge-widget-ui';\nimport { FormBuilder } from '@telia-ace/widget-forms';\nimport { Widget } from '@webprovisions/platform';\nimport React, { useCallback, useEffect, useRef, useState } from 'react';\nimport { updateForm } from '../utils';\n\ntype Props = {\n    contactMethodId: string;\n    groupId: string;\n    guideId?: string;\n    className?: string;\n};\nconst ContactMethod: React.FC<Props> = ({ contactMethodId, guideId, groupId, className }) => {\n    const [contactMethod, setContactMethod] = useState<any>();\n    const container = useContainer();\n    const dispatch = useDispatch();\n    const mountedRef = useRef<boolean>(true);\n    const currentConversation = useConversation();\n\n    useEffect(() => {\n        const { events } = container.get('$widget') as Widget;\n\n        const unsubscribe = events.subscribe('bot-provider:form-submitted', async (_, data) => {\n            // making sure that this is the form that is submitted\n            if (data.form.meta?.groupId !== groupId || data.id !== contactMethod.id) {\n                return;\n            }\n\n            if (currentConversation) {\n                if (!data.form.meta) {\n                    data.form.meta = {};\n                }\n\n                data.form.meta.conversation = currentConversation;\n            }\n\n            const platform = (await container.getAsync('contactMethods')) as ContactMethodPlatform;\n\n            const updatedMethod = {\n                ...contactMethod,\n                body: {\n                    ...contactMethod.body,\n                    form: data.form,\n                },\n            };\n\n            const { errors, valid, errorTypes } = await platform.validate(updatedMethod);\n\n            if (!valid) {\n                const builder = new FormBuilder(contactMethod.body.form);\n                setContactMethod(undefined);\n\n                builder.setValidationErrors(errors);\n\n                updatedMethod.body = {\n                    ...updatedMethod.body,\n                    form: builder.get(),\n                };\n\n                setContactMethod({ ...updatedMethod });\n                return;\n            }\n\n            const result = await platform.submit(updatedMethod);\n\n            updatedMethod.confirmation = result;\n            setContactMethod(updatedMethod);\n        });\n\n        const unsubscribeEvaluate = events.subscribe('bot-provider:evaluate', async (_, data) => {\n            if (data.id != contactMethodId) {\n                return;\n            }\n\n            const platform = (await container.getAsync('contactMethods')) as ContactMethodPlatform;\n\n            const updatedForm = await platform.evaluate(contactMethod);\n\n            let updatedMethod = {\n                ...contactMethod,\n                body: {\n                    ...contactMethod.body,\n                    form: updatedForm,\n                },\n            };\n\n            const updatedBody = updateForm(updatedMethod, {\n                submit: 'Submit',\n                errors: {},\n                meta: { groupId },\n            });\n\n            updatedMethod = {\n                ...updatedMethod,\n                body: updatedBody,\n            };\n\n            setContactMethod(updatedMethod);\n        });\n\n        return () => {\n            unsubscribe();\n            unsubscribeEvaluate();\n        };\n    }, [container, contactMethod, setContactMethod, currentConversation]);\n\n    const fetchContactMethod = useCallback(\n        async (id: string) => {\n            const dataClient = await container.getAsync('dataClient');\n\n            const cm = await dataClient.fetch(DataType.ContactMethod, {\n                contactMethodId: id,\n                guideId,\n            });\n\n            const body = updateForm(cm, {\n                submit: 'Submit',\n                errors: {},\n                meta: { groupId },\n            });\n            cm.body = body;\n            cm.body.guideId = guideId;\n\n            if (!mountedRef.current) {\n                return null;\n            }\n            setContactMethod(cm);\n        },\n        [mountedRef]\n    );\n\n    useEffect(() => {\n        fetchContactMethod(contactMethodId);\n        return () => {\n            mountedRef.current = false; // clean up\n        };\n    }, [contactMethodId, fetchContactMethod]);\n\n    if (!contactMethod) {\n        return null;\n    }\n    return (\n        <StyledGenericContactMethod\n            {...contactMethod}\n            body={contactMethod.body}\n            inline={true}\n            expanded={true}\n            dispatch={dispatch}\n            className={className}\n        />\n    );\n};\n\nexport default ContactMethod;\n\nconst StyledGenericContactMethod = styled(GenericContactMethod)`\n    padding: ${(p) => p.theme.sizes?.normal} ${(p) => p.theme.sizes?.medium};\n`;\n"],"names":["ContactMethod","contactMethodId","guideId","groupId","className","contactMethod","setContactMethod","useState","container","useContainer","dispatch","useDispatch","mountedRef","useRef","currentConversation","useConversation","useEffect","events","unsubscribe","_","data","__async","_a","platform","updatedMethod","__spreadProps","__spreadValues","errors","valid","errorTypes","builder","FormBuilder","result","unsubscribeEvaluate","updatedForm","updatedBody","updateForm","fetchContactMethod","useCallback","id","cm","DataType","body","React","StyledGenericContactMethod","styled","GenericContactMethod","p"],"mappings":"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"}

package/dist/feedback-list.a7f7ec9c.js

@@ -0,0 +1,72 @@
+import a from "@emotion/styled";
+import { useDispatch as n, Icon as i, List as s, list as l, Button as c, buttonCss as m, invertedHoverButton as d } from "@telia-ace/knowledge-widget-ui";
+import o from "react";
+import { m as p } from "./styles.a00306c5.js";
+import "@emotion/react";
+const g = ({ actions: e }) => {
+  const t = n();
+  return /* @__PURE__ */ o.createElement(f, {
+    items: e,
+    "data-direction": "vertical",
+    renderItem: (r) => /* @__PURE__ */ o.createElement("li", {
+      key: r.actionKey
+    }, /* @__PURE__ */ o.createElement(u, {
+      className: "humany-feedback-button",
+      disabled: !1,
+      "aria-pressed": !0,
+      "data-selected": !0,
+      onClick: () => {
+        t("action", r.actionKey);
+      }
+    }, /* @__PURE__ */ o.createElement(i, {
+      faIcon: r.actionKey == "yes" ? "smile-o" : "frown-o"
+    }), /* @__PURE__ */ o.createElement("span", null, r.label)))
+  });
+}, f = a(s)`
+    ${(e) => l(e)}
+    ${p}
+    display: flex;
+    gap: ${(e) => {
+  var t;
+  return (t = e.theme.sizes) == null ? void 0 : t.normal;
+}};
+    flex-direction: ${(e) => e["data-direction"] === "horizontal" ? "row" : "column"};
+    > li {
+        flex: 1;
+        margin: 0;
+    }
+`, u = a(c)`
+    ${m}
+    font-size: ${(e) => {
+  var t;
+  return (t = e.theme.fonts) == null ? void 0 : t.normal;
+}};
+    border-color: ${(e) => {
+  var t;
+  return (t = e.theme.colors) == null ? void 0 : t.primary;
+}};
+    font-weight: 300;
+    display: block;
+    width: 100%;
+
+    ${(e) => {
+  var t;
+  return d({
+    primaryColor: `${(t = e.theme.colors) == null ? void 0 : t.primary}`,
+    secondaryColor: "#FFFFFF",
+    theme: e.theme
+  });
+}}
+    i {
+        margin: 0 ${(e) => {
+  var t;
+  return (t = e.theme.sizes) == null ? void 0 : t.small;
+}} 0 0;
+    }
+    span {
+    }
+`;
+export {
+  g as default
+};
+//# sourceMappingURL=feedback-list.a7f7ec9c.js.map

package/dist/feedback-list.a7f7ec9c.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"feedback-list.a7f7ec9c.js","sources":["../src/ui/feedback-list.tsx"],"sourcesContent":["import styled from '@emotion/styled';\nimport {\n    Button,\n    buttonCss,\n    Icon,\n    invertedHoverButton,\n    list,\n    List,\n    useDispatch,\n} from '@telia-ace/knowledge-widget-ui';\nimport React from 'react';\nimport { messageContentPadding } from './styles';\n\ntype Props = {\n    actions: { [key: string]: string }[];\n};\nconst FeedbackList: React.FC<Props> = ({ actions }) => {\n    const dispatch = useDispatch();\n    return (\n        <StyledButtonList\n            items={actions}\n            data-direction={'vertical'}\n            renderItem={(item: any) => {\n                return (\n                    <li key={item.actionKey}>\n                        <FeedbackButton\n                            className=\"humany-feedback-button\"\n                            disabled={false}\n                            aria-pressed={true}\n                            data-selected={true}\n                            onClick={() => {\n                                dispatch('action', item.actionKey);\n                            }}\n                        >\n                            <Icon faIcon={item.actionKey == 'yes' ? 'smile-o' : 'frown-o'} />\n                            <span>{item.label}</span>\n                        </FeedbackButton>\n                    </li>\n                );\n            }}\n        />\n    );\n};\n\nexport default FeedbackList;\n\nconst StyledButtonList = styled(List)<{ 'data-direction': 'horizontal' | 'vertical' } & any>`\n    ${(p) => list(p)}\n    ${messageContentPadding}\n    display: flex;\n    gap: ${(p) => p.theme.sizes?.normal};\n    flex-direction: ${(p) => (p['data-direction'] === 'horizontal' ? 'row' : 'column')};\n    > li {\n        flex: 1;\n        margin: 0;\n    }\n`;\n\nconst FeedbackButton = styled(Button)<{\n    'data-selected': boolean;\n}>`\n    ${buttonCss}\n    font-size: ${(p) => p.theme.fonts?.normal};\n    border-color: ${(p) => p.theme.colors?.primary};\n    font-weight: 300;\n    display: block;\n    width: 100%;\n\n    ${(p) =>\n        invertedHoverButton({\n            primaryColor: `${p.theme.colors?.primary}`,\n            secondaryColor: '#FFFFFF',\n            theme: p.theme,\n        })}\n    i {\n        margin: 0 ${(p) => p.theme.sizes?.small} 0 0;\n    }\n    span {\n    }\n`;\n"],"names":["FeedbackList","actions","dispatch","useDispatch","React","StyledButtonList","item","FeedbackButton","Icon","styled","List","p","list","messageContentPadding","_a","Button","buttonCss","invertedHoverButton"],"mappings":";;;;;AAgBA,MAAMA,IAAgC,CAAC,EAAE,SAAAC,QAAc;AACnD,QAAMC,IAAWC;AACjB,SACK,gBAAAC,EAAA,cAAAC,GAAA;AAAA,IACG,OAAOJ;AAAA,IACP,kBAAgB;AAAA,IAChB,YAAY,CAACK,MAEJ,gBAAAF,EAAA,cAAA,MAAA;AAAA,MAAG,KAAKE,EAAK;AAAA,IAAA,GACT,gBAAAF,EAAA,cAAAG,GAAA;AAAA,MACG,WAAU;AAAA,MACV,UAAU;AAAA,MACV,gBAAc;AAAA,MACd,iBAAe;AAAA,MACf,SAAS,MAAM;AACF,QAAAL,EAAA,UAAUI,EAAK,SAAS;AAAA,MACrC;AAAA,IAAA,GAEC,gBAAAF,EAAA,cAAAI,GAAA;AAAA,MAAK,QAAQF,EAAK,aAAa,QAAQ,YAAY;AAAA,IAAA,CAAW,GAC9D,gBAAAF,EAAA,cAAA,QAAA,MAAME,EAAK,KAAM,CACtB,CACJ;AAAA,EAER,CACJ;AAER,GAIMD,IAAmBI,EAAOC,CAAI;AAAA,MAC9B,CAACC,MAAMC,EAAKD,CAAC;AAAA,MACbE;AAAA;AAAA,WAEK,CAACF,MAAM;;AAAA,UAAAG,IAAAH,EAAE,MAAM,UAAR,gBAAAG,EAAe;AAAA;AAAA,sBACX,CAACH,MAAOA,EAAE,sBAAsB,eAAe,QAAQ;AAAA;AAAA;AAAA;AAAA;AAAA,GAOvEJ,IAAiBE,EAAOM,CAAM;AAAA,MAG9BC;AAAA,iBACW,CAACL,MAAM;;AAAA,UAAAG,IAAAH,EAAE,MAAM,UAAR,gBAAAG,EAAe;AAAA;AAAA,oBACnB,CAACH,MAAM;;AAAA,UAAAG,IAAAH,EAAE,MAAM,WAAR,gBAAAG,EAAgB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAKrC,CAACH;;AACC,SAAAM,EAAoB;AAAA,IAChB,cAAc,IAAGH,IAAAH,EAAE,MAAM,WAAR,gBAAAG,EAAgB;AAAA,IACjC,gBAAgB;AAAA,IAChB,OAAOH,EAAE;AAAA,EACb,CAAC;AAAA;AAAA;AAAA,oBAEW,CAACA,MAAM;;AAAA,UAAAG,IAAAH,EAAE,MAAM,UAAR,gBAAAG,EAAe;AAAA;AAAA;AAAA;AAAA;AAAA;"}