@lightsparkdev/ui 1.0.8 → 1.0.10

package/dist/chunk-WC66SYZ7.cjs

@@ -0,0 +1,117 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var _chunkNCH72LUBcjs = require('./chunk-NCH72LUB.cjs');
+
+
+var _chunkGDLQ54TNcjs = require('./chunk-GDLQ54TN.cjs');
+
+
+
+var _chunkWKRK5OVEcjs = require('./chunk-WKRK5OVE.cjs');
+
+
+var _chunkDCQM7IVKcjs = require('./chunk-DCQM7IVK.cjs');
+
+// src/components/PendingValue.tsx
+var _react = require('@emotion/react');
+var _styled = require('@emotion/styled'); var _styled2 = _interopRequireDefault(_styled);
+var _jsxruntime = require('@emotion/react/jsx-runtime');
+var bgPosition = _react.keyframes`
+  0% {
+    background-position: 200% 0;
+  }
+  100% {
+    background-position: -200% 0;
+  }
+`;
+function PendingValue({
+  animate = true,
+  content: contentProp,
+  typography: typographyProp,
+  width,
+  forceTheme
+}) {
+  const defaultTypography = {
+    type: (typographyProp == null ? void 0 : typographyProp.type) || "Body",
+    size: (typographyProp == null ? void 0 : typographyProp.size) || "Small",
+    color: (typographyProp == null ? void 0 : typographyProp.color) || "text",
+    hideOverflow: true
+  };
+  const defaultTypographyMap = {
+    link: defaultTypography,
+    text: defaultTypography,
+    nextLink: defaultTypography
+  };
+  const nodesWithTypography = _chunkNCH72LUBcjs.setDefaultReactNodesTypography.call(void 0, 
+    contentProp,
+    defaultTypographyMap
+  );
+  const content = _chunkGDLQ54TNcjs.toReactNodes.call(void 0, nodesWithTypography);
+  const nodes = /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+    StyledPendingValue,
+    {
+      typographyType: defaultTypography.type,
+      typographySize: defaultTypography.size,
+      widthProp: width,
+      children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, StyledPendingValueBg, { visible: !contentProp, animate }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, StyledPendingValueContent, { children: content })
+      ]
+    }
+  );
+  return forceTheme ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _react.ThemeProvider, { theme: _chunkWKRK5OVEcjs.themes[forceTheme], children: nodes }) : nodes;
+}
+var StyledPendingValue = _styled2.default.div`
+  position: relative;
+  height: ${({ typographyType, typographySize, theme }) => _chunkDCQM7IVKcjs.getLineHeightForTypographyType.call(void 0, typographyType, typographySize, theme)};
+
+  ${({ widthProp }) => widthProp ? `width: ${widthProp}px;` : "width: 100%;"}
+  max-width: 100%;
+`;
+var StyledPendingValueContent = _styled2.default.div`
+  position: relative;
+  z-index: 1;
+`;
+var vSpacing = 2;
+var StyledPendingValueBg = _styled2.default.div`
+  z-index: 0;
+  height: calc(100% - ${vSpacing * 2}px);
+  width: 100%;
+  position: absolute;
+  top: ${vSpacing}px;
+  border-radius: 999px;
+
+  ${({ visible }) => visible ? "opacity: 1;" : "opacity: 0;"}
+  transition: opacity 0.01s ease;
+
+  background: linear-gradient(
+    90deg,
+    ${_chunkWKRK5OVEcjs.themeOrWithKey.call(void 0, "c15Neutral", "c25Neutral")} 0%,
+    ${_chunkWKRK5OVEcjs.themeOrWithKey.call(void 0, "c2Neutral", "c3Neutral")} 50%,
+    ${_chunkWKRK5OVEcjs.themeOrWithKey.call(void 0, "c15Neutral", "c25Neutral")} 100%
+  );
+
+  background-size: 200% 100%;
+  background-position: 0% 0%;
+
+  @keyframes rotate {
+    0% {
+      transform: rotate(0deg);
+    }
+    100% {
+      transform: rotate(360deg);
+    }
+  }
+
+  ${({ animate }) => {
+  return animate ? _react.css`
+          animation: ${bgPosition} 2s linear infinite;
+        ` : "";
+}}
+`;
+
+
+
+
+
+exports.PendingValue = PendingValue; exports.StyledPendingValueContent = StyledPendingValueContent; exports.StyledPendingValueBg = StyledPendingValueBg;

package/dist/{chunk-4HGJNBTO.cjs → chunk-WG6IF6MG.cjs}

@@ -1,9 +1,9 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunk2WREDS5Bcjs = require('./chunk-2WREDS5B.cjs');
+var _chunkYTMT3NY6cjs = require('./chunk-YTMT3NY6.cjs');
 
 
-var _chunkPYL3O7AFcjs = require('./chunk-PYL3O7AF.cjs');
+var _chunkDIMJISMHcjs = require('./chunk-DIMJISMH.cjs');
 
 // src/components/SecretContainer.tsx
 var _styled = require('@emotion/styled'); var _styled2 = _interopRequireDefault(_styled);
@@ -22,12 +22,12 @@ function SecretContainer(props) {
         children: props.secret
       }
     ),
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2WREDS5Bcjs.CopyToClipboardButton, { value: props.secret, isSm: true, ml: 4 })
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYTMT3NY6cjs.CopyToClipboardButton, { value: props.secret, isSm: true, ml: 4 })
   ] }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, StyledSecretContainer, { hasSecret: false, children: "There are no tokens associated with this account" });
 }
 var StyledSecretContainer = _styled2.default.div`
   background-color: ${({ theme, hasSecret, success }) => hasSecret ? success ? theme.success : theme.c05Neutral : theme.bg};
-  ${_chunkPYL3O7AFcjs.standardBorderRadius.call(void 0, 8)}
+  ${_chunkDIMJISMHcjs.standardBorderRadius.call(void 0, 8)}
   padding: 18px 20px;
   color: ${({ theme, success }) => success ? theme.hcNeutral : theme.text};
   border: solid 1px

package/dist/chunk-WIPV62VC.cjs

@@ -0,0 +1,101 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var _chunkSMVLBX2Dcjs = require('./chunk-SMVLBX2D.cjs');
+
+
+var _chunkLE5UZLTMcjs = require('./chunk-LE5UZLTM.cjs');
+
+
+var _chunkZUAO4DW3cjs = require('./chunk-ZUAO4DW3.cjs');
+
+
+var _chunk7LOKZM7Vcjs = require('./chunk-7LOKZM7V.cjs');
+
+
+
+var _chunkYM5JDZDQcjs = require('./chunk-YM5JDZDQ.cjs');
+
+// src/components/DataManagerTable/EnumFilter.tsx
+var _styled = require('@emotion/styled'); var _styled2 = _interopRequireDefault(_styled);
+var _core = require('@lightsparkdev/core');
+var _jsxruntime = require('@emotion/react/jsx-runtime');
+var isEnumFilterState = (state) => state.type === "enum" /* ENUM */;
+var getDefaultEnumFilterState = () => ({
+  type: "enum" /* ENUM */,
+  value: "",
+  isApplied: false
+});
+var EnumFilter = ({
+  updateFilterState,
+  state,
+  options,
+  placeholder,
+  label,
+  isMulti
+}) => {
+  var _a;
+  const appliedValueButtons = (_a = state.appliedValues) == null ? void 0 : _a.map((value) => {
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      _chunk7LOKZM7Vcjs.Button,
+      {
+        kind: "primary",
+        size: "ExtraSmall",
+        text: value,
+        icon: "Close",
+        iconSide: "right",
+        onClick: () => {
+          var _a2;
+          updateFilterState(_chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, state), {
+            appliedValues: (_a2 = state.appliedValues) == null ? void 0 : _a2.filter(
+              (appliedValue) => appliedValue !== value
+            )
+          }));
+        }
+      },
+      value
+    );
+  });
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkSMVLBX2Dcjs.Filter, { label, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      _chunkLE5UZLTMcjs.Select_default,
+      {
+        placeholder: "Select event",
+        options,
+        onChange: (option) => {
+          if (option) {
+            const optionValues = _core.ensureArray.call(void 0, option.value);
+            let updatedAppliedValues = [];
+            if (isMulti) {
+              updatedAppliedValues = state.appliedValues ? [
+                ...state.appliedValues.filter(
+                  (appliedValue) => appliedValue !== option.value
+                ),
+                ...optionValues
+              ] : [...optionValues];
+            } else {
+              updatedAppliedValues = [...optionValues];
+            }
+            updateFilterState(_chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, state), {
+              value: option.label,
+              isApplied: true,
+              appliedValues: updatedAppliedValues
+            }));
+          }
+        }
+      }
+    ) }),
+    !!(appliedValueButtons == null ? void 0 : appliedValueButtons.length) ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, AppliedButtonsContainer, { children: appliedValueButtons }) : null
+  ] });
+};
+var AppliedButtonsContainer = _styled2.default.div`
+  margin-top: ${_chunkZUAO4DW3cjs.Spacing.px.sm};
+  display: flex;
+  gap: ${_chunkZUAO4DW3cjs.Spacing.px.xs};
+  flex-wrap: wrap;
+`;
+
+
+
+
+
+exports.isEnumFilterState = isEnumFilterState; exports.getDefaultEnumFilterState = getDefaultEnumFilterState; exports.EnumFilter = EnumFilter;

package/dist/chunk-WIRXH6BA.js

@@ -0,0 +1,58 @@
+import {
+  useQRReader
+} from "./chunk-SNAEIQF4.js";
+import {
+  styles
+} from "./chunk-7ZBJZ4GA.js";
+import {
+  __spreadProps,
+  __spreadValues
+} from "./chunk-CWMXXUWU.js";
+
+// src/components/QRReader/QRReader.tsx
+import { jsx } from "@emotion/react/jsx-runtime";
+function QRReader({
+  videoContainerStyle = {},
+  containerStyle = {},
+  videoStyle = {},
+  constraints,
+  scanDelay,
+  className,
+  onResult,
+  videoId
+}) {
+  useQRReader({
+    constraints,
+    scanDelay,
+    onResult,
+    videoId
+  });
+  return /* @__PURE__ */ jsx("section", { className, style: containerStyle, children: /* @__PURE__ */ jsx(
+    "div",
+    {
+      style: __spreadValues(__spreadValues({}, styles.container), videoContainerStyle),
+      children: /* @__PURE__ */ jsx(
+        "video",
+        {
+          muted: true,
+          id: videoId,
+          style: __spreadProps(__spreadValues(__spreadValues({}, styles.video), videoStyle), {
+            transform: (constraints == null ? void 0 : constraints.facingMode) === "user" ? "scaleX(-1)" : void 0
+          })
+        }
+      )
+    }
+  ) });
+}
+QRReader.displayName = "QRReader";
+QRReader.defaultProps = {
+  constraints: {
+    facingMode: "user"
+  },
+  videoId: "video",
+  scanDelay: 500
+};
+
+export {
+  QRReader
+};

package/dist/chunk-WKNYSBTF.cjs

@@ -0,0 +1,28 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+var _chunkYHJTGE2Ycjs = require('./chunk-YHJTGE2Y.cjs');
+
+// src/components/CardForm/CardFormCodeInput.tsx
+var _react = require('@emotion/react');
+var _jsxruntime = require('@emotion/react/jsx-runtime');
+var inputCSS = _react.css``;
+function CardFormCodeInput({
+  onChange,
+  onSubmit,
+  onBlur
+}) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    _chunkYHJTGE2Ycjs.CodeInput,
+    {
+      codeLength: 6,
+      onSubmit,
+      inputCSS,
+      onChange,
+      onBlur
+    }
+  );
+}
+
+
+
+exports.CardFormCodeInput = CardFormCodeInput;