@lanaco/lnc-react-ui 4.0.198 → 4.0.200

package/dist/EditableTable.js

@@ -1,17 +1,16 @@
-import { jsx as l, Fragment as $, jsxs as U } from "react/jsx-runtime";
-import { useState as X, useRef as A, useEffect as F, createElement as Z, forwardRef as ee, useImperativeHandle as re } from "react";
-import { P as r } from "./index-CblbdqjE.js";
-import { c as z, r as G, i as V } from "./utils-DtEfC-TX.js";
-import te from "./Table.js";
-import { s as Y } from "./emotion-styled.browser.esm-BNN1dTl3.js";
-import N from "./TextInput.js";
-import oe from "./NumberInput.js";
-import ne from "./DecimalInput.js";
-import ae from "./CheckBoxInput.js";
-import se from "./Dropdown.js";
-import ce from "./DecimalInputV2.js";
-import { u as le } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
-const h = {
+import { jsx as c, Fragment as P, jsxs as W } from "react/jsx-runtime";
+import { useState as q, useRef as g, useEffect as N, createElement as J, forwardRef as Q, useImperativeHandle as U } from "react";
+import { c as M, r as k, i as x } from "./utils-DtEfC-TX.js";
+import X from "./Table.js";
+import { s as _ } from "./emotion-styled.browser.esm-BNN1dTl3.js";
+import S from "./TextInput.js";
+import Y from "./NumberInput.js";
+import Z from "./DecimalInput.js";
+import ee from "./CheckBoxInput.js";
+import te from "./Dropdown.js";
+import re from "./DecimalInputV2.js";
+import { u as oe } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
+const E = {
   BOOLEAN: "BOOLEAN",
   STRING: "STRING",
   INTEGER: "INTEGER",
@@ -19,24 +18,24 @@ const h = {
   DECIMAL2: "DECIMAL2",
   DATE: "DATE",
   SELECT: "SELECT"
-}, ie = Y.td`
+}, ae = _.td`
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
-  max-width: ${(o) => o.width};
-  padding: ${(o) => o.focused && !o.isBoolean ? "0.5rem 0.5rem 0.5rem 0.7rem" : "0.5rem 0.5rem 0.5rem 1.5rem"};
-  ${(o) => o.bgColor}
+  max-width: ${(r) => r.width};
+  padding: ${(r) => r.focused && !r.isBoolean ? "0.5rem 0.5rem 0.5rem 0.7rem" : "0.5rem 0.5rem 0.5rem 1.5rem"};
+  ${(r) => r.bgColor}
 
-  ${(o) => z(o.theme, "TableCell", o.size, "enabled")};
-`, ue = Y.div`
-  ${(o) => z(
-  o.theme,
+  ${(r) => M(r.theme, "TableCell", r.size, "enabled")};
+`, se = _.div`
+  ${(r) => M(
+  r.theme,
   "TableSpecialLastRow",
-  o.size,
+  r.size,
   "enabled"
 )};
-  padding: ${(o) => o.hasRender ? "0" : "9.5px 6px 9.5px 0"};
-  cursor: ${(o) => o.tabIndex !== -1 ? "pointer" : "auto"};
+  padding: ${(r) => r.hasRender ? "0" : "9.5px 6px 9.5px 0"};
+  cursor: ${(r) => r.tabIndex !== -1 ? "pointer" : "auto"};
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
@@ -44,141 +43,139 @@ const h = {
   &:focus {
     outline: none;
   }
-`, x = (o) => {
-  const [u, L] = X(!1);
-  var c = A(), w = A(), y = A(!0);
+`, $ = (r) => {
+  const [i, A] = q(!1);
+  var n = g(), w = g(), v = g(!0);
   const {
-    __TYPE__: I = "TABLE_CELL",
     Column: e = {},
-    ColumnsToRender: d,
+    ColumnsToRender: u,
     RowData: a = {},
-    Index: T = 0,
-    RowIndex: f,
+    Index: h = 0,
+    RowIndex: d,
     EnableSelection: D = !1,
-    TabIndexOffset: O = 100,
-    onFocusChanged: R,
-    RowIdentifier: k,
-    onDiscard: S,
-    onMount: t,
+    TabIndexOffset: R = 100,
+    onFocusChanged: F,
+    onDiscard: O,
+    onMount: y,
     //----------------
-    onChange: s,
+    onChange: t,
     //----------------
-    className: b = "",
-    size: C = "small",
-    color: p = "primary"
-  } = o, j = le(), P = {
-    className: b,
-    size: C,
-    color: p,
-    theme: j
+    className: s = "",
+    size: f = "small",
+    color: C = "primary"
+  } = r, p = oe(), L = {
+    className: s,
+    size: f,
+    color: C,
+    theme: p
   };
-  F(() => {
-    t(f, T, w);
-  }, []), F(() => {
-    u || t(f, T, w);
-  }, [u]), F(() => {
-    u && c && c.current && c.current.focus();
-  }, [u]);
-  const H = () => e && e.width ? e.width + "%" : "auto", B = () => {
+  N(() => {
+    y(d, h, w);
+  }, []), N(() => {
+    i || y(d, h, w);
+  }, [i]), N(() => {
+    i && n && n.current && n.current.focus();
+  }, [i]);
+  const G = () => e && e.width ? e.width + "%" : "auto", B = () => {
     if (e.editable !== !0) return -1;
-    var n = d.filter((m) => m.editable), E = n.find((m) => m.id === e.id);
-    return O + f * n.length + n.indexOf(E);
-  }, v = (n, E) => {
-    R(n, E, f, T), E || L(E);
-  }, M = (n) => {
-    n.key === "Escape" && (y.current = !1, c.current.blur(), y.current = !0, S(n, f, T, a));
-  }, W = () => {
-    var n = null, E = (i, Q) => {
-      s(i, Q, f, T, e, a);
-    }, m = (i) => {
-      s(_, i, f, T, e, a);
-    }, g = {
-      ...P,
+    var o = u.filter((b) => b.editable), m = o.find((b) => b.id === e.id);
+    return R + d * o.length + o.indexOf(m);
+  }, I = (o, m) => {
+    F(o, m, d, h), m || A(m);
+  }, j = (o) => {
+    o.key === "Escape" && (v.current = !1, n.current.blur(), v.current = !0, O(o, d, h, a));
+  }, V = () => {
+    var o = null, m = (l, H) => {
+      t(l, H, d, h, e, a);
+    }, b = (l) => {
+      t(null, l, d, h, e, a);
+    }, T = {
+      ...L,
       debounceTime: 0,
       ...e.inputProps,
       value: e != null && e.objectAccessor ? a[e.accessor][e == null ? void 0 : e.objectAccessor] : a[e.accessor],
       defaultChecked: e != null && e.objectAccessor ? a[e.accessor][e == null ? void 0 : e.objectAccessor] : a[e.accessor],
-      focused: u,
-      onChange: E,
-      onBlur: (i) => v(i, !1),
-      onFocus: (i) => v(i, !0),
-      onKeyDown: (i) => M(i),
+      focused: i,
+      onChange: m,
+      onBlur: (l) => I(l, !1),
+      onFocus: (l) => I(l, !0),
+      onKeyDown: (l) => j(l),
       tabIndex: B()
     };
     switch (e.inputType) {
-      case h.STRING:
-        n = /* @__PURE__ */ l(N, { ...g, ref: c });
+      case E.STRING:
+        o = /* @__PURE__ */ c(S, { ...T, ref: n });
         break;
-      case h.INTEGER:
-        n = /* @__PURE__ */ l(oe, { ...g, ref: c });
+      case E.INTEGER:
+        o = /* @__PURE__ */ c(Y, { ...T, ref: n });
         break;
-      case h.DECIMAL:
-        n = /* @__PURE__ */ l(ne, { ...g, ref: c });
+      case E.DECIMAL:
+        o = /* @__PURE__ */ c(Z, { ...T, ref: n });
         break;
-      case h.DECIMAL2:
-        n = /* @__PURE__ */ l(ce, { ...g, ref: c });
+      case E.DECIMAL2:
+        o = /* @__PURE__ */ c(re, { ...T, ref: n });
         break;
-      case h.DATE:
-        n = /* @__PURE__ */ l(N, { ...g, ref: c });
+      case E.DATE:
+        o = /* @__PURE__ */ c(S, { ...T, ref: n });
         break;
-      case h.BOOLEAN:
-        n = /* @__PURE__ */ l(ae, { ...g, ref: c });
+      case E.BOOLEAN:
+        o = /* @__PURE__ */ c(ee, { ...T, ref: n });
         break;
-      case h.SELECT:
-        n = /* @__PURE__ */ l(
-          se,
+      case E.SELECT:
+        o = /* @__PURE__ */ c(
+          te,
           {
-            ...g,
+            ...T,
             value: e.inputProps.options.find(
-              (i) => i.value === (e == null ? void 0 : e.objectAccessor) ? a[e.accessor][e == null ? void 0 : e.objectAccessor] : a[e.accessor]
+              (l) => l.value === (e == null ? void 0 : e.objectAccessor) ? a[e.accessor][e == null ? void 0 : e.objectAccessor] : a[e.accessor]
             ),
-            onChange: m,
-            ref: c
+            onChange: b,
+            ref: n
           }
         );
         break;
       default:
-        n = /* @__PURE__ */ l(N, { ...g, ref: c });
+        o = /* @__PURE__ */ c(S, { ...T, ref: n });
     }
-    return n;
-  }, q = (n) => {
-    y.current === !0 ? v(n, !1) : L(!1);
-  }, J = () => {
-    var n = W();
+    return o;
+  }, z = (o) => {
+    v.current === !0 ? I(o, !1) : A(!1);
+  }, K = () => {
+    var o = V();
     if (e.editable === !0 && e.editComponent) {
-      var E = {};
-      e.inputType === h.SELECT && (E = {
+      var m = {};
+      e.inputType === E.SELECT && (m = {
         items: e.selectItems,
         mapNameTo: e.selectProps.mapNameTo,
         mapValueTo: e.selectProps.mapValueTo
-      }), n = /* @__PURE__ */ l(
+      }), o = /* @__PURE__ */ c(
         e.editComponent,
         {
-          ref: c,
+          ref: n,
           tabIndex: B(),
           value: e != null && e.objectAccessor ? a[e.accessor][e == null ? void 0 : e.objectAccessor] : a[e.accessor],
-          onChange: (m, g, i) => {
-            s(m, g, f, T, e, a, i);
+          onChange: (b, T, l) => {
+            t(b, T, d, h, e, a, l);
           },
-          focused: u,
-          onBlur: q,
-          onFocus: (m) => v(m, !0),
-          onKeyDown: (m) => M(m),
-          ...E
+          focused: i,
+          onBlur: z,
+          onFocus: (b) => I(b, !0),
+          onKeyDown: (b) => j(b),
+          ...m
         }
       );
     }
-    if (e.editable === !0 && u) return n;
-    if (!u || e.editable !== !0)
-      return /* @__PURE__ */ l(
-        ue,
+    if (e.editable === !0 && i) return o;
+    if (!i || e.editable !== !0)
+      return /* @__PURE__ */ c(
+        se,
         {
           ref: w,
           tabIndex: B(),
-          onFocus: () => L(!0),
+          onFocus: () => A(!0),
           hasRender: !!e.readonlyComponent,
-          ...P,
-          children: e.readonlyComponent ? /* @__PURE__ */ l(
+          ...L,
+          children: e.readonlyComponent ? /* @__PURE__ */ c(
             e.readonlyComponent,
             {
               rowData: a,
@@ -190,67 +187,44 @@ const h = {
         }
       );
   };
-  return /* @__PURE__ */ Z(
-    ie,
+  return /* @__PURE__ */ J(
+    ae,
     {
-      "data-rowindex": f,
-      ...P,
+      "data-rowindex": d,
+      ...L,
       selection: D,
-      width: H(),
-      key: T,
-      focused: u,
-      isBoolean: e.inputType === h.BOOLEAN
+      width: G(),
+      key: h,
+      focused: i,
+      isBoolean: e.inputType === E.BOOLEAN
     },
-    J()
+    K()
   );
 };
-x.propTypes = {
-  __TYPE__: r.string,
-  //----------------------------------------
-  Column: r.object,
-  RowData: r.object,
-  Index: r.number,
-  EnableSelection: r.bool,
-  TabIndexOffset: r.number,
-  //----------------------------------------
-  className: r.string,
-  size: r.oneOf(["small", "medium", "large"]),
-  color: r.oneOf([
-    "primary",
-    "secondary",
-    "success",
-    "warning",
-    "danger",
-    "information",
-    "neutral",
-    "gray"
-  ])
-};
-x.displayName = "TABLE_CELL";
-const K = ee((o, u) => {
+$.displayName = "TABLE_CELL";
+const ne = Q((r, i) => {
   var {
-    __TYPE__: L = "EDITABLE_TABLE",
-    Data: c = [],
-    onRowFocusChange: w = () => {
+    Data: A = [],
+    onRowFocusChange: n = () => {
     },
-    onDiscard: y = () => {
+    onDiscard: w = () => {
     },
-    onInputChange: I = () => {
+    onInputChange: v = () => {
     }
-  } = o;
-  const e = A({
+  } = r;
+  const e = g({
     FocusedCell: null,
     PreviousFocusedCell: null
-  }), d = A([]), a = A(null), T = A();
-  re(
-    u,
+  }), u = g([]), a = g(null), h = g();
+  U(
+    i,
     () => ({
       focusFirstCellOfLastRow: () => {
         a.current && a.current.focus();
       },
       focusLastActiveCell: () => {
         try {
-          var t = d.current.find(
+          var t = u.current.find(
             (s) => s.row === e.current.PreviousFocusedCell.row && s.cell === e.current.PreviousFocusedCell.cell
           );
           t.ref && t.ref.focus();
@@ -259,209 +233,69 @@ const K = ee((o, u) => {
       }
     }),
     [
-      o
+      r
       // Update functions when certain state changes
     ]
   );
-  const f = (t, s, b, C, p, j) => {
-    I && I(t, s, b, C, p, j);
-  }, D = (t, s, b, C, p) => {
+  const d = (t, s, f, C, p, L) => {
+    v && v(t, s, f, C, p, L);
+  }, D = (t, s, f, C, p) => {
     s && (e.current = {
       ...e.current,
       FocusedCell: {
-        row: b,
+        row: f,
         cell: C,
         ref: p
       }
     }), s || (e.current = {
       PreviousFocusedCell: e.current.FocusedCell,
       FocusedCell: null
-    }, O(t, b));
-  }, O = (t, s) => {
-    (t.relatedTarget === null || t.relatedTarget.closest("tbody") === null || !t.relatedTarget.closest("tbody").hasAttribute("data-tbody")) && w(t, s, -1), t.relatedTarget && t.relatedTarget.closest("tbody") && t.relatedTarget.closest("tbody").hasAttribute("data-tbody") && parseInt(t.relatedTarget.closest("td").getAttribute("data-rowindex")) !== s && w(
+    }, R(t, f));
+  }, R = (t, s) => {
+    (t.relatedTarget === null || t.relatedTarget.closest("tbody") === null || !t.relatedTarget.closest("tbody").hasAttribute("data-tbody")) && n(t, s, -1), t.relatedTarget && t.relatedTarget.closest("tbody") && t.relatedTarget.closest("tbody").hasAttribute("data-tbody") && parseInt(t.relatedTarget.closest("td").getAttribute("data-rowindex")) !== s && n(
       t,
       s,
       parseInt(t.relatedTarget.closest("td").getAttribute("data-rowindex"))
     );
-  }, R = (t, s, b) => {
-    if (t === c.length - 1 && s === 0 && (a.current = b.current), d.current.length === 0 && (d.current = [
-      { row: t, cell: s, ref: b.current }
-    ]), d.current.length > 0 && d.current.find(
+  }, F = (t, s, f) => {
+    if (t === A.length - 1 && s === 0 && (a.current = f.current), u.current.length === 0 && (u.current = [
+      { row: t, cell: s, ref: f.current }
+    ]), u.current.length > 0 && u.current.find(
       (p) => p.row === t && p.cell === s
     )) {
-      var C = d.current.find(
+      var C = u.current.find(
         (p) => p.row === t && p.cell === s
       );
-      C.ref = b.current;
-    } else d.current.length > 0 && (d.current = [
-      ...d.current,
-      { row: t, cell: s, ref: b.current }
+      C.ref = f.current;
+    } else u.current.length > 0 && (u.current = [
+      ...u.current,
+      { row: t, cell: s, ref: f.current }
     ]);
-  }, k = () => G(
-    V("TABLE_SPECIAL_LAST_ROW", o.children),
+  }, O = () => k(
+    x("TABLE_SPECIAL_LAST_ROW", r.children),
     {
       TabIndexOffset: 50
     }
-  ) || /* @__PURE__ */ l($, {}), S = () => {
+  ) || /* @__PURE__ */ c(P, {}), y = () => {
     var t = {
       TabIndexOffset: 50,
       onFocusChanged: D,
-      onChange: f,
-      onDiscard: y,
-      onMount: R
+      onChange: d,
+      onDiscard: w,
+      onMount: F
     };
-    return G(
-      V("TABLE_CELL", o.children),
+    return k(
+      x("TABLE_CELL", r.children),
       t
-    ) || /* @__PURE__ */ l(x, { ...t });
+    ) || /* @__PURE__ */ c($, { ...t });
   };
-  return /* @__PURE__ */ l($, { children: /* @__PURE__ */ U(te, { ref: T, ...o, Data: c, VisibilityPattern: null, children: [
-    o.children,
-    S(),
-    k()
+  return /* @__PURE__ */ c(P, { children: /* @__PURE__ */ W(X, { ref: h, ...r, Data: A, VisibilityPattern: null, children: [
+    r.children,
+    y(),
+    O()
   ] }) });
 });
-K.propTypes = {
-  /**
-   * This property determines where the component is rendered.
-   * Should not be overridden!
-   */
-  __TYPE__: r.string,
-  //----------------------------------------
-  /**
-   * Show a selection checkbox in the first cell of every row.
-   * Value of the checkbox is determined by the `SelectedData` property.
-   */
-  EnableSelection: r.bool,
-  /**
-   * Show ordering arrows in header cells.
-   */
-  EnableOrdering: r.bool,
-  /**
-   * Show a spinner with backdrop on top of the table when `Loading` is set to `true`.
-   */
-  EnableLoader: r.bool,
-  /**
-   * Show a selection checkbox in the first cell of the table header.
-   * Value of the checkbox is determined by the `SelectedEntirePage` property.
-   */
-  EnableSelectAll: r.bool,
-  //----------------------------------------
-  /**
-   * Specify the text that is shown when there are 0 rows in the `Data`.
-   */
-  NoDataText: r.string,
-  /**
-   *  Disables some events and actions when set to `true`. Also triggers the spinner if `EnableLoader` is set to `true`.
-   */
-  Loading: r.bool,
-  /**
-   * Defines the table columns.
-   * @param id - Column identifier
-   * @param displayName - Text displayed in the header
-   * @param accessor - Access the property in `Data`
-   * @param width - Default column width (overridden by the VisibilityPattern)
-   * @param sortable - Can be sorted
-   *
-   */
-  Columns: r.arrayOf(r.object),
-  /**
-   * Defines the data displayed in each row.
-   */
-  Data: r.arrayOf(r.object),
-  /**
-   * Define the selected data.
-   * @param id - Column identifier (mandatory field)
-   */
-  SelectedData: r.arrayOf(r.object),
-  /**
-   *  Value of the `SelectAll` checkbox.
-   */
-  SelectedEntirePage: r.bool,
-  /**
-   *  Defines which field in a data object is the row identifier.
-   */
-  RowIdentifier: r.string,
-  /**
-   * An object that defines the width and order of columns for different screen sizes.
-   * (`XS`,`S`,`M`,`L`,`XL`)
-   */
-  VisibilityPattern: r.object,
-  /**
-   * Describe how the data is ordered.
-   * @param columnId - Column identifier, maps to the id on the Column object
-   */
-  Ordering: r.object,
-  //----------------------------------------
-  /**
-   *  Triggers when the focus is moved to another row or another component outside of the table
-   * @param event - event object
-   * @param currentRowIndex - index of the currently focused row
-   * @param nextRowIndex - index of the next focused row (-1 if the focuse moves otutside of the table rows)
-   */
-  onRowFocusChange: () => {
-  },
-  /**
-   *
-   */
-  onDiscard: () => {
-  },
-  /**
-   *
-   */
-  onInputChange: () => {
-  },
-  //----------------------------------------
-  /**
-   * Triggered on header cell click.
-   * @param event - event object
-   * @param column - column definition
-   * @param ordering - updated ordering object, or undefined if ordering is not enabled or the column is not sortable
-   */
-  onColumnClick: r.func,
-  /**
-   * Triggered on table row click.
-   * @param event - event object
-   * @param rowData - row data
-   */
-  onRowClick: r.func,
-  /**
-   * Triggered on selection checkbox click.
-   * @param event - event object
-   * @param rowData - row data
-   * @param isSelected - the value of selection checkbox
-   */
-  onSelectRow: r.func,
-  /**
-   * Triggered on select all checkbox click.
-   * @param event - event object
-   * @param isSelected - the value of select all checkbox
-   */
-  onSelectAll: r.func,
-  //----------------------------------------
-  /**
-   * `className` applied to the component container.
-   */
-  className: r.string,
-  /**
-   * Defines size of the component (padding, margin, font etc.).
-   */
-  size: r.oneOf(["small", "medium", "large"]),
-  /**
-   *  Defines the palette color for the component.
-   */
-  color: r.oneOf([
-    "primary",
-    "secondary",
-    "success",
-    "error",
-    "warning",
-    "gray",
-    "white",
-    "neutral"
-  ])
-};
-K.displayName = "EDITABLE_TABLE";
+ne.displayName = "EDITABLE_TABLE";
 export {
-  K as default
+  ne as default
 };

package/dist/{Facebook-BCqiOWZO.js → Facebook-BSWPEXjA.js}

@@ -1,6 +1,6 @@
 import { g as _ } from "./_commonjsHelpers-BkfeUUK-.js";
 import g from "react";
-import { u as P, p as m } from "./SearchSection-DDQ_K98T.js";
+import { u as P, p as m } from "./SearchSection-DAaMecR4.js";
 function v(t, e) {
   for (var r = 0; r < e.length; r++) {
     const o = e[r];

package/dist/{Facebook-D9wwecSW.cjs → Facebook-DoKw-XxT.cjs}

@@ -1 +1 @@
-"use strict";const P=require("./_commonjsHelpers-DwTZ_eVU.cjs"),g=require("react"),h=require("./SearchSection-BcbHP6QF.cjs");function m(t,e){for(var r=0;r<e.length;r++){const o=e[r];if(typeof o!="string"&&!Array.isArray(o)){for(const s in o)if(s!=="default"&&!(s in t)){const p=Object.getOwnPropertyDescriptor(o,s);p&&Object.defineProperty(t,s,p.get?p:{enumerable:!0,get:()=>o[s]})}}}return Object.freeze(Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}))}var v=Object.create,i=Object.defineProperty,O=Object.getOwnPropertyDescriptor,D=Object.getOwnPropertyNames,S=Object.getPrototypeOf,E=Object.prototype.hasOwnProperty,j=(t,e,r)=>e in t?i(t,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[e]=r,k=(t,e)=>{for(var r in e)i(t,r,{get:e[r],enumerable:!0})},b=(t,e,r,o)=>{if(e&&typeof e=="object"||typeof e=="function")for(let s of D(e))!E.call(t,s)&&s!==r&&i(t,s,{get:()=>e[s],enumerable:!(o=O(e,s))||o.enumerable});return t},I=(t,e,r)=>(r=t!=null?v(S(t)):{},b(!t||!t.__esModule?i(r,"default",{value:t,enumerable:!0}):r,t)),w=t=>b(i({},"__esModule",{value:!0}),t),a=(t,e,r)=>(j(t,typeof e!="symbol"?e+"":e,r),r),d={};k(d,{default:()=>l});var _=w(d),u=I(g),n=h.utils,F=h.patterns;const c="https://connect.facebook.net/en_US/sdk.js",y="FB",f="fbAsyncInit",L="facebook-player-";class l extends u.Component{constructor(){super(...arguments),a(this,"callPlayer",n.callPlayer),a(this,"playerID",this.props.config.playerId||`${L}${(0,n.randomString)()}`),a(this,"mute",()=>{this.callPlayer("mute")}),a(this,"unmute",()=>{this.callPlayer("unmute")})}componentDidMount(){this.props.onMount&&this.props.onMount(this)}load(e,r){if(r){(0,n.getSDK)(c,y,f).then(o=>o.XFBML.parse());return}(0,n.getSDK)(c,y,f).then(o=>{o.init({appId:this.props.config.appId,xfbml:!0,version:this.props.config.version}),o.Event.subscribe("xfbml.render",s=>{this.props.onLoaded()}),o.Event.subscribe("xfbml.ready",s=>{s.type==="video"&&s.id===this.playerID&&(this.player=s.instance,this.player.subscribe("startedPlaying",this.props.onPlay),this.player.subscribe("paused",this.props.onPause),this.player.subscribe("finishedPlaying",this.props.onEnded),this.player.subscribe("startedBuffering",this.props.onBuffer),this.player.subscribe("finishedBuffering",this.props.onBufferEnd),this.player.subscribe("error",this.props.onError),this.props.muted?this.callPlayer("mute"):this.callPlayer("unmute"),this.props.onReady(),document.getElementById(this.playerID).querySelector("iframe").style.visibility="visible")})})}play(){this.callPlayer("play")}pause(){this.callPlayer("pause")}stop(){}seekTo(e,r=!0){this.callPlayer("seek",e),r||this.pause()}setVolume(e){this.callPlayer("setVolume",e)}getDuration(){return this.callPlayer("getDuration")}getCurrentTime(){return this.callPlayer("getCurrentPosition")}getSecondsLoaded(){return null}render(){const{attributes:e}=this.props.config,r={width:"100%",height:"100%"};return u.default.createElement("div",{style:r,id:this.playerID,className:"fb-video","data-href":this.props.url,"data-autoplay":this.props.playing?"true":"false","data-allowfullscreen":"true","data-controls":this.props.controls?"true":"false",...e})}}a(l,"displayName","Facebook");a(l,"canPlay",F.canPlay.facebook);a(l,"loopOnEnded",!0);const M=P.getDefaultExportFromCjs(_),x=m({__proto__:null,default:M},[_]);exports.Facebook=x;
+"use strict";const P=require("./_commonjsHelpers-DwTZ_eVU.cjs"),g=require("react"),h=require("./SearchSection-B94YN_6P.cjs");function m(t,e){for(var r=0;r<e.length;r++){const o=e[r];if(typeof o!="string"&&!Array.isArray(o)){for(const s in o)if(s!=="default"&&!(s in t)){const p=Object.getOwnPropertyDescriptor(o,s);p&&Object.defineProperty(t,s,p.get?p:{enumerable:!0,get:()=>o[s]})}}}return Object.freeze(Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}))}var v=Object.create,i=Object.defineProperty,O=Object.getOwnPropertyDescriptor,D=Object.getOwnPropertyNames,S=Object.getPrototypeOf,E=Object.prototype.hasOwnProperty,j=(t,e,r)=>e in t?i(t,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[e]=r,k=(t,e)=>{for(var r in e)i(t,r,{get:e[r],enumerable:!0})},b=(t,e,r,o)=>{if(e&&typeof e=="object"||typeof e=="function")for(let s of D(e))!E.call(t,s)&&s!==r&&i(t,s,{get:()=>e[s],enumerable:!(o=O(e,s))||o.enumerable});return t},I=(t,e,r)=>(r=t!=null?v(S(t)):{},b(!t||!t.__esModule?i(r,"default",{value:t,enumerable:!0}):r,t)),w=t=>b(i({},"__esModule",{value:!0}),t),a=(t,e,r)=>(j(t,typeof e!="symbol"?e+"":e,r),r),d={};k(d,{default:()=>l});var _=w(d),u=I(g),n=h.utils,F=h.patterns;const c="https://connect.facebook.net/en_US/sdk.js",y="FB",f="fbAsyncInit",L="facebook-player-";class l extends u.Component{constructor(){super(...arguments),a(this,"callPlayer",n.callPlayer),a(this,"playerID",this.props.config.playerId||`${L}${(0,n.randomString)()}`),a(this,"mute",()=>{this.callPlayer("mute")}),a(this,"unmute",()=>{this.callPlayer("unmute")})}componentDidMount(){this.props.onMount&&this.props.onMount(this)}load(e,r){if(r){(0,n.getSDK)(c,y,f).then(o=>o.XFBML.parse());return}(0,n.getSDK)(c,y,f).then(o=>{o.init({appId:this.props.config.appId,xfbml:!0,version:this.props.config.version}),o.Event.subscribe("xfbml.render",s=>{this.props.onLoaded()}),o.Event.subscribe("xfbml.ready",s=>{s.type==="video"&&s.id===this.playerID&&(this.player=s.instance,this.player.subscribe("startedPlaying",this.props.onPlay),this.player.subscribe("paused",this.props.onPause),this.player.subscribe("finishedPlaying",this.props.onEnded),this.player.subscribe("startedBuffering",this.props.onBuffer),this.player.subscribe("finishedBuffering",this.props.onBufferEnd),this.player.subscribe("error",this.props.onError),this.props.muted?this.callPlayer("mute"):this.callPlayer("unmute"),this.props.onReady(),document.getElementById(this.playerID).querySelector("iframe").style.visibility="visible")})})}play(){this.callPlayer("play")}pause(){this.callPlayer("pause")}stop(){}seekTo(e,r=!0){this.callPlayer("seek",e),r||this.pause()}setVolume(e){this.callPlayer("setVolume",e)}getDuration(){return this.callPlayer("getDuration")}getCurrentTime(){return this.callPlayer("getCurrentPosition")}getSecondsLoaded(){return null}render(){const{attributes:e}=this.props.config,r={width:"100%",height:"100%"};return u.default.createElement("div",{style:r,id:this.playerID,className:"fb-video","data-href":this.props.url,"data-autoplay":this.props.playing?"true":"false","data-allowfullscreen":"true","data-controls":this.props.controls?"true":"false",...e})}}a(l,"displayName","Facebook");a(l,"canPlay",F.canPlay.facebook);a(l,"loopOnEnded",!0);const M=P.getDefaultExportFromCjs(_),x=m({__proto__:null,default:M},[_]);exports.Facebook=x;