@ikas/core 1.0.6 → 1.0.8

package/dist/index108.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react"),N=require("react-dom"),B=require("mobx");function L({sidebarViewModel:e,onNavigate:M}){const[I,x]=a.useState([]),[K,S]=a.useState([]),[i,g]=a.useState(null),[P,E]=a.useState(!1),f=a.useRef(null),[V,T]=a.useState(!0),[m,k]=a.useState(!0),r=a.useMemo(()=>{const n=t=>{var u;for(let l=0;l<t.length;l++){const o=t[l];if(o.childItems){const d=n(o.childItems);if(d)return d}else if(o.useExactRoute){if(e.currentPath==="/admin"+o.path)return o.uuid}else if((u=e.currentPath)!=null&&u.startsWith("/admin"+(o.path||"")))return o.uuid}},s=[...e.menuItems];return e.footerTopMenu&&s.push(e.footerTopMenu),e.salesChannelMenu&&s.push(e.salesChannelMenu),e.bottomMenuItems&&s.push(...e.bottomMenuItems),n(s)},[e.currentPath,e.menuItems,e.footerTopMenu,e.salesChannelMenu,e.bottomMenuItems]),b=a.useMemo(()=>r?[r]:[],[r]),F=a.useCallback(n=>{const s=u=>{for(let l=0;l<u.length;l++){const o=u[l];if(o.uuid===n)return o;if(o.childItems){const d=s(o.childItems);if(d)return d}}},t=[...e.menuItems];return e.footerTopMenu&&t.push(e.footerTopMenu),e.bottomMenuItems&&t.push(...e.bottomMenuItems),s(t)},[e.menuItems,e.footerTopMenu,e.bottomMenuItems]),c=a.useCallback((n,s=!0)=>{f.current&&clearTimeout(f.current),e.sidebarCollapsed&&s&&e.setSidebarCollapsed(!1),g(n),E(!0)},[e]),h=a.useCallback((n=!1)=>{var t;f.current&&clearTimeout(f.current);const s=()=>{var u;(u=i==null?void 0:i.expandedMenuSettings)!=null&&u.onBackClick&&i.expandedMenuSettings.onBackClick(),g(null)};E(!1),n||(t=i==null?void 0:i.expandedMenuSettings)!=null&&t.closeFast?s():f.current=setTimeout(s,300)},[i]),A=a.useCallback(n=>{if(!e.sidebarCollapsed&&n.length){const s=n[n.length-1];let t=r;e.menuItems.forEach(u=>{var o;((o=u.childItems)==null?void 0:o.find(d=>d.uuid===r))&&(t=u.uuid)}),n.find(u=>u===t)&&t!==s&&(n=[t,s])}x(n.slice(n.length-2,n.length)||[])},[e.sidebarCollapsed,e.menuItems,r]),w=a.useCallback(n=>{e.expandMenuItem&&e.expandMenuItem.path===n.path&&e.expandMenuItem.isExpandableMenu||n.isExpandableMenu||n.path&&(!document.startViewTransition||n.skipViewTransition||e.isExpandedMenu?M(n.path):document.startViewTransition(()=>{N.flushSync(()=>{M(n.path)})}))},[e.expandMenuItem,e.isExpandedMenu,M]),O=a.useCallback(n=>{var s;if(e.expandMenuItem)if(e.expandMenuItem.path===n.path){const t=e.menuItems.find(u=>{var l;return((l=e.expandMenuItem)==null?void 0:l.uuid)===u.uuid})||e.expandMenuItem;c(t,!1);return}else h(!0);n.isExpandableMenu?c(n,!1):(s=n==null?void 0:n.onClick)==null||s.call(n)},[e.expandMenuItem,e.menuItems,c,h]),C=a.useCallback(()=>{b.length&&!I.length&&e.menuItems.forEach(n=>{var t;((t=n.childItems)==null?void 0:t.find(u=>u.uuid===r))&&x([n.uuid])})},[b,I,e.menuItems,r]),y=a.useCallback(n=>{var t,u;if((t=n.childItems)==null?void 0:t.some(l=>l.isExpandableMenu)){const l=(u=n.childItems)==null?void 0:u.find(o=>{var d;return(d=o.childItems)==null?void 0:d.find(D=>D.uuid===r)});l&&c(l)}},[r,c]),p=a.useCallback((n=!0)=>{if(!e.expandMenuItem)return;const s=e.menuItems.find(t=>{var u;return((u=e.expandMenuItem)==null?void 0:u.uuid)===t.uuid})||e.expandMenuItem;c(s,n)},[e.expandMenuItem,e.menuItems,c]),R=a.useMemo(()=>{if(i)return{sidebarCollapsed:e.sidebarCollapsed,menuItems:[i],currentPath:e.currentPath,footerMenu:void 0,isExpandedMenu:!0,setSidebarCollapsed:e.setSidebarCollapsed}},[i,e.sidebarCollapsed,e.currentPath,e.setSidebarCollapsed]),U=a.useCallback(n=>{var s,t;if(n!=null&&n.iconBackgroundColor)return n.iconBackgroundColor;if((s=n==null?void 0:n.expandedMenuSettings)!=null&&s.backgroundColor)return n.expandedMenuSettings.backgroundColor;if((t=n.icon)!=null&&t.displayName){const u=n.icon.displayName;if(u==="world-icon")return"#B2A4FF";if(u==="building-icon")return"#8FCCF8";if(u==="store-icon")return"#9AA4B2"}},[]);a.useEffect(()=>{var n,s;if(e.sidebarCollapsed||C(),e.salesChannelMenu&&S([e.salesChannelMenu.uuid]),p(),I.length||(e.menuItems.forEach(t=>y(t)),e.salesChannelMenu&&y(e.salesChannelMenu)),e.isExpandedMenu&&e.menuItems.length&&((n=e.menuItems[0].childItems)!=null&&n.length)){const t=e.menuItems[0].childItems;!t.slice(1).some(o=>o.uuid===r)&&t[0]&&w(t[0])}(s=e.footerMenu)!=null&&s.thumbnailImageSrc&&T(!1)},[]),a.useEffect(()=>{const n=B.reaction(()=>e.sidebarCollapsed,s=>{s?k(!1):(k(!0),setTimeout(()=>{C(),p()},300))});return()=>n()},[e,C,p]),a.useEffect(()=>{const n=B.reaction(()=>!!e.expandMenuItem,()=>{e.expandMenuItem?p():h()});return()=>n()},[e,p,h]);const q=e.isExpandedMenu&&e.sidebarCollapsed;return{openKeys:I,salesChannelOpenKey:K,selectedExpandedMenu:i,isSelectedExpandedMenuVisible:P,showAvatarBorder:V,showTypographyText:m,selectedItemUUID:r,selectedUUIDList:b,isExpandedFooterVisible:q,salesChannelsSidebarModel:R,setShowAvatarBorder:T,setSalesChannelOpenKey:S,getItem:F,expandMenu:c,clearExpandedMenu:h,onOpenKeysChange:A,onItemClick:w,onLeafClick:O,openExpandedItem:p,getSalesChannelIconBackgroundColor:U}}exports.useNavigation=L;
+"use strict";var u=Object.defineProperty;var d=(i,s,e)=>s in i?u(i,s,{enumerable:!0,configurable:!0,writable:!0,value:e}):i[s]=e;var g=(i,s,e)=>d(i,typeof s!="symbol"?s+"":s,e);const c=require("react/jsx-runtime"),b=require("react"),C=require("mobx-react"),a=require("mobx"),I=require("@ikas/ui"),f=require("./index40.cjs"),p=require("./index5.cjs");var v=Object.defineProperty,x=Object.getOwnPropertyDescriptor,l=(i,s,e,t)=>{for(var o=t>1?void 0:t?x(s,e):s,m=i.length-1,r;m>=0;m--)(r=i[m])&&(o=(t?r(s,e,o):r(o))||o);return t&&o&&v(s,e,o),o};let n=class extends b.Component{constructor(e){super(e);g(this,"image",null);g(this,"isUploading",!1);a.makeObservable(this)}onClose(){this.image=null,this.props.onClose()}insertImage(){var t;const{summernoteObj:e}=this.props;try{e.summernote("editor.focus"),e.summernote("editor.saveRange"),e.summernote("editor.restoreRange"),e.summernote("editor.insertImage",(t=this.image)==null?void 0:t.src),this.onClose()}catch(o){e.summernote("editor.restoreRange"),console.log("image insert error",o)}}async onImageChange(e){const{onImageUpload:t}=this.props;if(this.isUploading=!0,e.length){const o=e[0];if(!!o.file||!!o.base64||!o.src){const r=await t(o);if(r){const h={src:r};this.image=h}else this.image=null}else this.image=null}else this.image=null;this.isUploading=!1}render(){var t,o;const{open:e}=this.props;return c.jsx(I.Modal,{open:e,onCancel:this.onClose,onOk:this.insertImage,okText:p.coreTranslations.richText.addImage,title:p.coreTranslations.richText.image,okButtonProps:{disabled:!((o=(t=this.image)==null?void 0:t.src)!=null&&o.length)||this.isUploading},children:c.jsx(f.ImageSelect,{images:this.image?[this.image]:[],imageLimit:1,onChange:this.onImageChange})})}};l([a.observable],n.prototype,"image",2);l([a.observable],n.prototype,"isUploading",2);l([a.action.bound],n.prototype,"onClose",1);l([a.action.bound],n.prototype,"insertImage",1);l([a.action.bound],n.prototype,"onImageChange",1);n=l([C.observer],n);const U=n;module.exports=U;

package/dist/index108.js

@@ -1,225 +1,101 @@
-import { useState as f, useRef as q, useMemo as g, useCallback as l, useEffect as S } from "react";
-import { flushSync as z } from "react-dom";
-import { reaction as V } from "mobx";
-function Q({
-  sidebarViewModel: e,
-  onNavigate: x
-}) {
-  const [M, E] = f([]), [F, T] = f([]), [d, w] = f(null), [P, B] = f(!1), h = q(
-    null
-  ), [A, k] = f(!0), [O, m] = f(!0), i = g(() => {
-    const n = (t) => {
-      var u;
-      for (let a = 0; a < t.length; a++) {
-        const o = t[a];
-        if (o.childItems) {
-          const r = n(o.childItems);
-          if (r) return r;
-        } else if (o.useExactRoute) {
-          if (e.currentPath === "/admin" + o.path) return o.uuid;
-        } else if ((u = e.currentPath) != null && u.startsWith("/admin" + (o.path || "")))
-          return o.uuid;
-      }
-    }, s = [...e.menuItems];
-    return e.footerTopMenu && s.push(e.footerTopMenu), e.salesChannelMenu && s.push(e.salesChannelMenu), e.bottomMenuItems && s.push(...e.bottomMenuItems), n(s);
-  }, [
-    e.currentPath,
-    e.menuItems,
-    e.footerTopMenu,
-    e.salesChannelMenu,
-    e.bottomMenuItems
-  ]), C = g(
-    () => i ? [i] : [],
-    [i]
-  ), R = l(
-    (n) => {
-      const s = (u) => {
-        for (let a = 0; a < u.length; a++) {
-          const o = u[a];
-          if (o.uuid === n) return o;
-          if (o.childItems) {
-            const r = s(o.childItems);
-            if (r) return r;
-          }
-        }
-      }, t = [...e.menuItems];
-      return e.footerTopMenu && t.push(e.footerTopMenu), e.bottomMenuItems && t.push(...e.bottomMenuItems), s(t);
-    },
-    [e.menuItems, e.footerTopMenu, e.bottomMenuItems]
-  ), c = l(
-    (n, s = !0) => {
-      h.current && clearTimeout(h.current), e.sidebarCollapsed && s && e.setSidebarCollapsed(!1), w(n), B(!0);
-    },
-    [e]
-  ), I = l(
-    (n = !1) => {
-      var t;
-      h.current && clearTimeout(h.current);
-      const s = () => {
-        var u;
-        (u = d == null ? void 0 : d.expandedMenuSettings) != null && u.onBackClick && d.expandedMenuSettings.onBackClick(), w(null);
-      };
-      B(!1), n || (t = d == null ? void 0 : d.expandedMenuSettings) != null && t.closeFast ? s() : h.current = setTimeout(s, 300);
-    },
-    [d]
-  ), U = l(
-    (n) => {
-      if (!e.sidebarCollapsed && n.length) {
-        const s = n[n.length - 1];
-        let t = i;
-        e.menuItems.forEach((u) => {
-          var o;
-          ((o = u.childItems) == null ? void 0 : o.find(
-            (r) => r.uuid === i
-          )) && (t = u.uuid);
-        }), n.find((u) => u === t) && t !== s && (n = [t, s]);
-      }
-      E(n.slice(n.length - 2, n.length) || []);
-    },
-    [e.sidebarCollapsed, e.menuItems, i]
-  ), y = l(
-    (n) => {
-      e.expandMenuItem && e.expandMenuItem.path === n.path && e.expandMenuItem.isExpandableMenu || n.isExpandableMenu || n.path && (!document.startViewTransition || n.skipViewTransition || e.isExpandedMenu ? x(n.path) : document.startViewTransition(() => {
-        z(() => {
-          x(n.path);
-        });
-      }));
-    },
-    [e.expandMenuItem, e.isExpandedMenu, x]
-  ), D = l(
-    (n) => {
-      var s;
-      if (e.expandMenuItem)
-        if (e.expandMenuItem.path === n.path) {
-          const t = e.menuItems.find(
-            (u) => {
-              var a;
-              return ((a = e.expandMenuItem) == null ? void 0 : a.uuid) === u.uuid;
-            }
-          ) || e.expandMenuItem;
-          c(t, !1);
-          return;
+var d = Object.defineProperty;
+var u = (s, e, o) => e in s ? d(s, e, { enumerable: !0, configurable: !0, writable: !0, value: o }) : s[e] = o;
+var l = (s, e, o) => u(s, typeof e != "symbol" ? e + "" : e, o);
+import { jsx as g } from "react/jsx-runtime";
+import f from "react";
+import { observer as b } from "mobx-react";
+import { makeObservable as C, action as p, observable as c } from "mobx";
+import { Modal as I } from "@ikas/ui";
+import { ImageSelect as v } from "./index40.js";
+import { coreTranslations as h } from "./index5.js";
+var U = Object.defineProperty, _ = Object.getOwnPropertyDescriptor, n = (s, e, o, t) => {
+  for (var r = t > 1 ? void 0 : t ? _(e, o) : e, a = s.length - 1, m; a >= 0; a--)
+    (m = s[a]) && (r = (t ? m(e, o, r) : m(r)) || r);
+  return t && r && U(e, o, r), r;
+};
+let i = class extends f.Component {
+  constructor(e) {
+    super(e);
+    l(this, "image", null);
+    l(this, "isUploading", !1);
+    C(this);
+  }
+  onClose() {
+    this.image = null, this.props.onClose();
+  }
+  insertImage() {
+    var o;
+    const { summernoteObj: e } = this.props;
+    try {
+      e.summernote("editor.focus"), e.summernote("editor.saveRange"), e.summernote("editor.restoreRange"), e.summernote("editor.insertImage", (o = this.image) == null ? void 0 : o.src), this.onClose();
+    } catch (t) {
+      e.summernote("editor.restoreRange"), console.log("image insert error", t);
+    }
+  }
+  async onImageChange(e) {
+    const { onImageUpload: o } = this.props;
+    if (this.isUploading = !0, e.length) {
+      const t = e[0];
+      if (!!t.file || !!t.base64 || !t.src) {
+        const a = await o(t);
+        if (a) {
+          const m = {
+            src: a
+          };
+          this.image = m;
         } else
-          I(!0);
-      n.isExpandableMenu ? c(n, !1) : (s = n == null ? void 0 : n.onClick) == null || s.call(n);
-    },
-    [e.expandMenuItem, e.menuItems, c, I]
-  ), b = l(() => {
-    C.length && !M.length && e.menuItems.forEach((n) => {
-      var t;
-      ((t = n.childItems) == null ? void 0 : t.find(
-        (u) => u.uuid === i
-      )) && E([n.uuid]);
-    });
-  }, [C, M, e.menuItems, i]), K = l(
-    (n) => {
-      var t, u;
-      if ((t = n.childItems) == null ? void 0 : t.some(
-        (a) => a.isExpandableMenu
-      )) {
-        const a = (u = n.childItems) == null ? void 0 : u.find(
-          (o) => {
-            var r;
-            return (r = o.childItems) == null ? void 0 : r.find((j) => j.uuid === i);
+          this.image = null;
+      } else
+        this.image = null;
+    } else
+      this.image = null;
+    this.isUploading = !1;
+  }
+  render() {
+    var o, t;
+    const { open: e } = this.props;
+    return /* @__PURE__ */ g(
+      I,
+      {
+        open: e,
+        onCancel: this.onClose,
+        onOk: this.insertImage,
+        okText: h.richText.addImage,
+        title: h.richText.image,
+        okButtonProps: {
+          disabled: !((t = (o = this.image) == null ? void 0 : o.src) != null && t.length) || this.isUploading
+        },
+        children: /* @__PURE__ */ g(
+          v,
+          {
+            images: this.image ? [this.image] : [],
+            imageLimit: 1,
+            onChange: this.onImageChange
           }
-        );
-        a && c(a);
-      }
-    },
-    [i, c]
-  ), p = l(
-    (n = !0) => {
-      if (!e.expandMenuItem) return;
-      const s = e.menuItems.find(
-        (t) => {
-          var u;
-          return ((u = e.expandMenuItem) == null ? void 0 : u.uuid) === t.uuid;
-        }
-      ) || e.expandMenuItem;
-      c(s, n);
-    },
-    [e.expandMenuItem, e.menuItems, c]
-  ), L = g(() => {
-    if (d)
-      return {
-        sidebarCollapsed: e.sidebarCollapsed,
-        menuItems: [d],
-        currentPath: e.currentPath,
-        footerMenu: void 0,
-        isExpandedMenu: !0,
-        setSidebarCollapsed: e.setSidebarCollapsed
-      };
-  }, [d, e.sidebarCollapsed, e.currentPath, e.setSidebarCollapsed]), N = l(
-    (n) => {
-      var s, t;
-      if (n != null && n.iconBackgroundColor)
-        return n.iconBackgroundColor;
-      if ((s = n == null ? void 0 : n.expandedMenuSettings) != null && s.backgroundColor)
-        return n.expandedMenuSettings.backgroundColor;
-      if ((t = n.icon) != null && t.displayName) {
-        const u = n.icon.displayName;
-        if (u === "world-icon") return "#B2A4FF";
-        if (u === "building-icon") return "#8FCCF8";
-        if (u === "store-icon") return "#9AA4B2";
-      }
-    },
-    []
-  );
-  S(() => {
-    var n, s;
-    if (e.sidebarCollapsed || b(), e.salesChannelMenu && T([e.salesChannelMenu.uuid]), p(), M.length || (e.menuItems.forEach((t) => K(t)), e.salesChannelMenu && K(e.salesChannelMenu)), e.isExpandedMenu && e.menuItems.length && ((n = e.menuItems[0].childItems) != null && n.length)) {
-      const t = e.menuItems[0].childItems;
-      !t.slice(1).some(
-        (o) => o.uuid === i
-      ) && t[0] && y(t[0]);
-    }
-    (s = e.footerMenu) != null && s.thumbnailImageSrc && k(!1);
-  }, []), S(() => {
-    const n = V(
-      () => e.sidebarCollapsed,
-      (s) => {
-        s ? m(!1) : (m(!0), setTimeout(() => {
-          b(), p();
-        }, 300));
+        )
       }
     );
-    return () => n();
-  }, [e, b, p]), S(() => {
-    const n = V(
-      () => !!e.expandMenuItem,
-      () => {
-        e.expandMenuItem ? p() : I();
-      }
-    );
-    return () => n();
-  }, [e, p, I]);
-  const W = e.isExpandedMenu && e.sidebarCollapsed;
-  return {
-    // State
-    openKeys: M,
-    salesChannelOpenKey: F,
-    selectedExpandedMenu: d,
-    isSelectedExpandedMenuVisible: P,
-    showAvatarBorder: A,
-    showTypographyText: O,
-    selectedItemUUID: i,
-    selectedUUIDList: C,
-    isExpandedFooterVisible: W,
-    salesChannelsSidebarModel: L,
-    // Setters
-    setShowAvatarBorder: k,
-    setSalesChannelOpenKey: T,
-    // Actions
-    getItem: R,
-    expandMenu: c,
-    clearExpandedMenu: I,
-    onOpenKeysChange: U,
-    onItemClick: y,
-    onLeafClick: D,
-    openExpandedItem: p,
-    getSalesChannelIconBackgroundColor: N
-  };
-}
+  }
+};
+n([
+  c
+], i.prototype, "image", 2);
+n([
+  c
+], i.prototype, "isUploading", 2);
+n([
+  p.bound
+], i.prototype, "onClose", 1);
+n([
+  p.bound
+], i.prototype, "insertImage", 1);
+n([
+  p.bound
+], i.prototype, "onImageChange", 1);
+i = n([
+  b
+], i);
+const M = i;
 export {
-  Q as useNavigation
+  M as default
 };

package/dist/index109.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("react"),h=require("@ikas/ui"),v=require("./index3.cjs"),l=require("./index124.cjs"),w=require("./index125.cjs"),q=require("./index126.cjs");function L({theme:r="dark",isExpandedMenu:s,menuItems:n,logoRightSideContent:i,logo:u,collapsedLogo:g,onLogoSectionClick:o,clearExpandedMenu:d,expandedMenuItem:p,getSalesChannelIconBackgroundColor:k,onCollapse:x,salesChannelMenuUUID:b,setSalesChannelOpenKey:y}){const{state:N}=h.useSidebar(),m=N==="collapsed";if(!s)return e.jsx(h.SidebarHeader,{className:"h-[72px] min-h-[72px] flex-row items-center justify-between p-4",children:m?e.jsx("button",{onClick:()=>x(!1),className:"mx-auto flex items-center justify-center rounded bg-black p-2 text-sidebar-foreground transition-colors duration-300 hover:bg-gray-black-7 hover:text-sidebar-accent-foreground",children:g??e.jsx(l.Logo,{className:"h-6 w-6"})}):e.jsxs(e.Fragment,{children:[e.jsxs("div",{onClick:o,className:"flex h-10 flex-1 items-center gap-2 pl-1.5",style:{cursor:o?"pointer":void 0},children:[u??(r==="light"?e.jsx(l.LightSidebarIkasLogo,{}):e.jsx(l.LogoIkas,{})),i]}),e.jsx("button",{onClick:()=>{x(!0),b&&y([b])},className:"flex h-10 w-10 shrink-0 items-center justify-center text-gray-blue-5 transition-colors duration-300 hover:text-sidebar-accent-foreground dark:text-gray-black-4",style:{marginRight:"calc((18px - 40px) / 2)"},children:e.jsx(w.default,{className:"h-[18px] w-[18px]"})})]})});const t=n[0],j=t?k(t):void 0,c=p??t;return e.jsx(h.SidebarHeader,{className:"h-[72px] min-h-[72px] p-0 border-b border-sidebar-accent",children:m?e.jsx("button",{onClick:()=>x(!1),className:v.cn("mx-auto flex items-center justify-center rounded bg-black text-sidebar-foreground transition-colors duration-300 hover:bg-gray-black-7 hover:text-sidebar-accent-foreground",t!=null&&t.icon?"p-2.5":"p-2"),children:t!=null&&t.icon?e.jsx(f,{icon:t.icon,fillColor:j,size:20}):e.jsx(l.Logo,{className:"h-6 w-6"})}):e.jsxs("button",{onClick:()=>d==null?void 0:d(),className:"flex h-full w-full items-center gap-2 px-[26px] text-sidebar-foreground transition-colors duration-300 hover:bg-sidebar-accent select-none",children:[e.jsx(q.default,{className:"h-4 w-4 shrink-0"}),e.jsxs("div",{className:"flex flex-1 items-center gap-2 min-w-0",children:[(t==null?void 0:t.icon)&&e.jsx(f,{icon:t.icon,fillColor:j,size:20}),e.jsx("span",{className:"max-w-[136px] truncate text-sm font-medium",children:(c==null?void 0:c.label)??(c==null?void 0:c.labelTitle)})]})]})})}function S({icon:r,fillColor:s,size:n=16}){if(!r)return null;const i=a.isValidElement(r)?r:e.jsx(r,{style:{width:"100%",height:"100%",fill:"none",...s?{"--icon-fill-color":s}:{}}});return e.jsx("span",{className:"flex shrink-0 items-center justify-center [&_svg_rect]:transition-colors",style:{width:n,height:n},children:i})}function f({icon:r,fillColor:s,size:n=16}){if(!r)return null;const i=a.useRef(null);a.useEffect(()=>{i.current&&s&&i.current.querySelectorAll("svg rect").forEach(o=>{o.style.fill=s})},[s]);const u=a.isValidElement(r)?r:e.jsx(r,{style:{width:"100%",height:"100%",fill:"none"}});return e.jsx("span",{ref:i,className:"flex shrink-0 items-center justify-center",style:{width:n,height:n},children:u})}exports.IconWithFill=f;exports.IconWrapper=S;exports.NavigationHeader=L;
+"use strict";var H=Object.defineProperty;var J=(i,o,e)=>o in i?H(i,o,{enumerable:!0,configurable:!0,writable:!0,value:e}):i[o]=e;var k=(i,o,e)=>J(i,typeof o!="symbol"?o+"":o,e);const d=require("react/jsx-runtime"),K=require("react"),Q=require("mobx-react"),h=require("mobx"),_=require("@ikas/ui"),f=require("./index5.cjs"),w=require("./index104.cjs");var W=Object.defineProperty,X=Object.getOwnPropertyDescriptor,m=(i,o,e,s)=>{for(var r=s>1?void 0:s?X(o,e):o,u=i.length-1,l;u>=0;u--)(l=i[u])&&(r=(s?l(o,e,r):l(r))||r);return s&&r&&W(o,e,r),r};let n=class extends K.Component{constructor(e){super(e);k(this,"url","");h.makeObservable(this)}onClose(){this.url="",this.props.onClose()}insertVideo(){const{summernoteObj:e}=this.props;try{e.summernote("editor.saveRange"),e.summernote("editor.restoreRange");const s=this.createVideoNode();s&&e.summernote("editor.insertNode",s),this.onClose()}catch(s){e.summernote("editor.restoreRange"),console.log("video insert error",s)}}createVideoNode(){const e=this.url;if(!e)return null;const s=/(?:youtu\.be\/|youtube\.com\/(?:[^\/\n\s]+\/\S+\/|(?:v|e(?:mbed)?)\/|\S*?[?&]v=))([^&\n?]+)(?:.*[?&]t=(\d+))?.*/,r=e.match(s),u=/(?:\.|\/\/)drive\.google\.com\/file\/d\/(.[a-zA-Z0-9_-]*)\/view/,l=e.match(u),j=/(?:www\.|\/\/)instagram\.com\/p\/(.[a-zA-Z0-9_-]*)/,v=e.match(j),N=/\/\/vine\.co\/v\/([a-zA-Z0-9]+)/,x=e.match(N),L=/\/\/(player\.)?vimeo\.com\/([a-z]*\/)*(\d+)[?]?.*/,y=e.match(L),z=/.+dailymotion.com\/(video|hub)\/([^_]+)[^#]*(#video=([^_&]+))?/,R=e.match(z),O=/\/\/v\.youku\.com\/v_show\/id_(\w+)=*\.html/,q=e.match(O),I=/\/\/(.*)\/videos\/watch\/([^?]*)(?:\?(?:start=(\w*))?(?:&stop=(\w*))?(?:&loop=([10]))?(?:&autoplay=([10]))?(?:&muted=([10]))?)?/,t=e.match(I),P=/\/\/v\.qq\.com.*?vid=(.+)/,p=e.match(P),U=/\/\/v\.qq\.com\/x?\/?(page|cover).*?\/([^\/]+)\.html\??.*/,g=e.match(U),A=/^.+.(mp4|m4v)$/,D=e.match(A),Z=/^.+.(ogg|ogv)$/,S=e.match(Z),B=/^.+.(webm)$/,F=e.match(B),G=/(?:www\.|\/\/)facebook\.com\/([^\/]+)\/videos\/([0-9]+)/,M=e.match(G);let a,b=0;if(r&&r[1].length===11){const c=r[1];typeof r[2]<"u"&&(b=parseInt(r[2],10)),a=$("<iframe>").attr("frameborder",0).attr("src","//www.youtube.com/embed/"+c+(b>0?"?start="+b:"")).attr("width","640").attr("height","360")}else if(l&&l[0].length)a=$("<iframe>").attr("frameborder",0).attr("src","https://drive.google.com/file/d/"+l[1]+"/preview").attr("width","640").attr("height","480");else if(v&&v[0].length)a=$("<iframe>").attr("frameborder",0).attr("src","https://instagram.com/p/"+v[1]+"/embed/").attr("width","612").attr("height","710").attr("scrolling","no").attr("allowtransparency","true");else if(x&&x[0].length)a=$("<iframe>").attr("frameborder",0).attr("src",x[0]+"/embed/simple").attr("width","600").attr("height","600").attr("class","vine-embed");else if(y&&y[3].length)a=$("<iframe webkitallowfullscreen mozallowfullscreen allowfullscreen>").attr("frameborder",0).attr("src","//player.vimeo.com/video/"+y[3]).attr("width","640").attr("height","360");else if(R&&R[2].length)a=$("<iframe>").attr("frameborder",0).attr("src","//www.dailymotion.com/embed/video/"+R[2]).attr("width","640").attr("height","360");else if(q&&q[1].length)a=$("<iframe webkitallowfullscreen mozallowfullscreen allowfullscreen>").attr("frameborder",0).attr("height","498").attr("width","510").attr("src","//player.youku.com/embed/"+q[1]);else if(t&&t[0].length){let c=0;t[2]!=="undefined"&&(c=Number(t[2]));let C=0;t[3]!=="undefined"&&(C=Number(t[3]));let V=0;t[4]!=="undefined"&&(V=Number(t[4]));let E=0;t[5]!=="undefined"&&(E=Number(t[5]));let T=0;t[6]!=="undefined"&&(T=Number(t[6])),a=$('<iframe allowfullscreen sandbox="allow-same-origin allow-scripts allow-popups">').attr("frameborder",0).attr("src","//"+t[1]+"/videos/embed/"+t[2]+"?loop="+V+"&autoplay="+E+"&muted="+T+(c>0?"&start="+c:"")+(C>0?"&end="+b:"")).attr("width","560").attr("height","315")}else if(p&&p[1].length||g&&g[2].length){const c=p&&p[1].length?p[1]:g?g[2]:"";a=$("<iframe webkitallowfullscreen mozallowfullscreen allowfullscreen>").attr("frameborder",0).attr("height","310").attr("width","500").attr("src","https://v.qq.com/txp/iframe/player.html?vid="+c+"&amp;auto=0")}else if(D||S||F)a=$("<video controls>").attr("src",e).attr("width","640").attr("height","360");else if(M&&M[0].length)a=$("<iframe>").attr("frameborder",0).attr("src","https://www.facebook.com/plugins/video.php?href="+encodeURIComponent(M[0])+"&show_text=0&width=560").attr("width","560").attr("height","301").attr("scrolling","no").attr("allowtransparency","true");else return!1;return a.addClass("note-video-clip"),a[0]}onVideoLinkChange(e){this.url=e.target.value}render(){const{open:e}=this.props;return d.jsx(_.Modal,{open:e,onCancel:this.onClose,onOk:this.insertVideo,okText:f.coreTranslations.richText.addVideo,title:f.coreTranslations.richText.video,okButtonProps:{disabled:!this.url.length},children:d.jsxs(w.ModalContainer,{children:[d.jsxs(w.Title,{style:{flexDirection:"column",alignItems:"flex-start",gap:4},children:[d.jsx(w.Label,{children:f.coreTranslations.richText.addVideoLink}),d.jsx(w.Label,{children:f.coreTranslations.richText.suppoertedVideoLinks})]}),d.jsx(_.Input,{value:this.url,onChange:this.onVideoLinkChange,placeholder:f.coreTranslations.richText.enterURL})]})})}};m([h.observable],n.prototype,"url",2);m([h.action.bound],n.prototype,"onClose",1);m([h.action.bound],n.prototype,"insertVideo",1);m([h.action.bound],n.prototype,"createVideoNode",1);m([h.action.bound],n.prototype,"onVideoLinkChange",1);n=m([Q.observer],n);const Y=n;module.exports=Y;