@dashadmin/dash-admin 1.3.25 → 1.3.26

package/dist/components/selects/RASearchableSelectChips.js

@@ -1 +1,225 @@
-import{Fragment as S,jsx as o,jsxs as w}from"react/jsx-runtime";import{Autocomplete as X,Box as Y,Chip as Z,CircularProgress as $,TextField as K}from"@mui/material";import{useEffect as j,useState as h}from"react";import{useController as M}from"react-hook-form";import{useGetList as ee}from"react-admin";import{useRecordContext as te}from"react-admin";import{isArray as re}from"lodash";import{LoadingIndicator as oe}from"react-admin";const f=(n,a)=>{for(var r=a.split(".");r.length&&(n=n[r.shift()]););return n},V=({method:n,attribute:a,isMultiple:r=!1,searchResults:ae=50,minSearch:L=3,timerSearch:v=500,resource:P,selectLabel:k,renderText:y,transformData:se=s=>s,queryFilter:x="q",defaultValues:O=void 0,isEmpty:ie=!1,filter:_,isOptionEqualToValue:D=void 0,viewAttribute:le=null,valueKeyId:b="id",useBaseAttributeName:F=!1,useListAttributeForController:E=!1,transformOption:I})=>{let s=E?a.listAttribute:a.attribute;s=F?s.split(".")[0]:s;const l=te(),d=F?s.split(".")[0]:s,[q,g]=h(!1),[m,T]=h(null),[B,z]=h(""),u=(e,t)=>typeof I=="function"?I(e,m,t):e,C=e=>e?r&&Array.isArray(e)?e.map(t=>u(t,"_processFieldValue")):u(e,"_processFieldValue"):r?[]:null,A=O?C(O):l&&f(l,d)?C(f(l,d)):r?[]:null,G=M({name:s});let c=l&&f(l,d)?f(l,d):[];c=re(c)?c:[c[b]];const H=c.filter(e=>e).map(e=>e.hasOwnProperty(b)?e[b]:e),{data:p,total:ue,isLoading:R,error:ce}=ee(P,{meta:{removeSortFilters:!0},filter:{[x]:B,..._,includes:H}});j(()=>{if(p){const t=(Array.isArray(p)?p:Object.values(p)).map(i=>({...i,key:"option"+i.id}));T(t)}},[p]);const[N,Q]=h(void 0),W=(e,t=500)=>{clearTimeout(N),Q(setTimeout(()=>{e()},t))},J=e=>{const t=C(e);G.field.onChange(t)};return w(S,{children:[m?o(X,{multiple:r,loading:R,fullWidth:!0,freeSolo:!0,options:m,open:q,onOpen:()=>g(!0),onClose:()=>g(!1),defaultValue:A,isOptionEqualToValue:D,autoHighlight:!0,getOptionLabel:e=>y(u(e,"optionlabel"),"optionlabel"),renderOption:(e,t)=>{const{key:i,...U}=e;return o(Y,{component:"li",sx:{"& > img":{mr:2,flexShrink:0}},...U,children:y(u(t,"option"),"option")},t.key)},onChange:(e,t)=>{g(!1),J(t)},renderInput:e=>o(K,{...e,label:k,variant:"outlined",onChange:t=>{let i=t.target.value;i&&i!==""&&i.length>=L&&W(()=>z(i),v)},InputProps:{...e.InputProps,autoComplete:"new-password",endAdornment:w(S,{children:[R?o($,{color:"inherit",size:20}):null,e.InputProps.endAdornment]})}},e.id)},"autocomplete-"+a.attribute):o(oe,{}),!r&&m&&A&&o(S,{children:o(Z,{label:y(u(A,"chip"),"chip")})})]})},ne=({method:n,attribute:a,...r})=>{switch(n){case"edit":case"create":return o(V,{attribute:a,method:n,...r});case"view":return o(V,{attribute:a,method:n,...r})}};var Ie=ne;export{V as SearchableSelectChipsControl,Ie as default};
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import {
+  Autocomplete,
+  Box,
+  Chip,
+  CircularProgress,
+  TextField
+} from "@mui/material";
+import { useEffect, useState } from "react";
+import { useController } from "react-hook-form";
+import { useGetList } from "react-admin";
+import { useRecordContext } from "react-admin";
+import { isArray } from "lodash";
+import { LoadingIndicator } from "react-admin";
+const getDescendantProp = (obj, desc) => {
+  var arr = desc.split(".");
+  while (arr.length && (obj = obj[arr.shift()])) ;
+  return obj;
+};
+const SearchableSelectChipsControl = ({
+  method,
+  attribute,
+  isMultiple = false,
+  //pagination = true,
+  searchResults = 50,
+  minSearch = 3,
+  timerSearch = 500,
+  resource,
+  selectLabel,
+  renderText,
+  transformData = (val) => val,
+  queryFilter = "q",
+  defaultValues = void 0,
+  isEmpty = false,
+  filter,
+  isOptionEqualToValue = void 0,
+  viewAttribute = null,
+  valueKeyId = "id",
+  useBaseAttributeName = false,
+  useListAttributeForController = false,
+  transformOption
+}) => {
+  let attributeName = useListAttributeForController ? attribute.listAttribute : attribute.attribute;
+  attributeName = useBaseAttributeName ? attributeName.split(".")[0] : attributeName;
+  const record = useRecordContext();
+  const recordAttributeValue = useBaseAttributeName ? attributeName.split(".")[0] : attributeName;
+  const [open, setOpen] = useState(false);
+  const [parsedOptions, setParsedOptions] = useState(null);
+  const [q, setQ] = useState("");
+  const _transformOption = (option, caller) => {
+    return typeof transformOption === "function" ? transformOption(option, parsedOptions, caller) : option;
+  };
+  const _processFieldValue = (value) => {
+    return value ? isMultiple && Array.isArray(value) ? value.map(
+      (valItem) => _transformOption(valItem, "_processFieldValue")
+    ) : _transformOption(value, "_processFieldValue") : isMultiple ? [] : null;
+  };
+  const _defaultValues = defaultValues ? _processFieldValue(defaultValues) : record && getDescendantProp(record, recordAttributeValue) ? _processFieldValue(getDescendantProp(record, recordAttributeValue)) : isMultiple ? [] : null;
+  const field = useController({
+    name: attributeName
+    /*, defaultValue*/
+  });
+  let _inc = record && getDescendantProp(record, recordAttributeValue) ? getDescendantProp(record, recordAttributeValue) : [];
+  _inc = isArray(_inc) ? _inc : [_inc[valueKeyId]];
+  const includes = _inc.filter((element) => element).map(
+    (element) => element.hasOwnProperty(valueKeyId) ? element[valueKeyId] : element
+  );
+  const {
+    data: resourceSearchResults,
+    total: totalSearchResults,
+    isLoading: isResourceSearchLoading,
+    error: isResourceSearchErrored
+  } = useGetList(resource, {
+    meta: { removeSortFilters: true },
+    filter: __spreadProps(__spreadValues({ [queryFilter]: q }, filter), { includes })
+  });
+  useEffect(() => {
+    if (resourceSearchResults) {
+      const resultsArray = Array.isArray(resourceSearchResults) ? resourceSearchResults : Object.values(resourceSearchResults);
+      const _parsedOptions = resultsArray.map((ele) => {
+        return __spreadProps(__spreadValues({}, ele), { key: "option" + ele.id });
+      });
+      setParsedOptions(_parsedOptions);
+    }
+  }, [
+    resourceSearchResults
+    /*, isResourceSearchLoading*/
+  ]);
+  const [timeOutSearch, setTimeOutSearch] = useState(void 0);
+  const debounce = (fn, delay = 500) => {
+    clearTimeout(timeOutSearch);
+    setTimeOutSearch(
+      setTimeout(() => {
+        fn();
+      }, delay)
+    );
+  };
+  const updateFieldValue = (value) => {
+    const val = _processFieldValue(value);
+    field.field.onChange(val);
+  };
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    parsedOptions ? /* @__PURE__ */ jsx(
+      Autocomplete,
+      {
+        multiple: isMultiple,
+        loading: isResourceSearchLoading,
+        fullWidth: true,
+        freeSolo: true,
+        options: parsedOptions,
+        open,
+        onOpen: () => setOpen(true),
+        onClose: () => setOpen(false),
+        defaultValue: _defaultValues,
+        isOptionEqualToValue,
+        autoHighlight: true,
+        getOptionLabel: (option) => renderText(_transformOption(option, "optionlabel"), "optionlabel"),
+        renderOption: (props, option) => {
+          const _a = props, { key } = _a, newProps = __objRest(_a, ["key"]);
+          return /* @__PURE__ */ jsx(
+            Box,
+            __spreadProps(__spreadValues({
+              component: "li",
+              sx: { "& > img": { mr: 2, flexShrink: 0 } }
+            }, newProps), {
+              children: renderText(_transformOption(option, "option"), "option")
+            }),
+            option.key
+          );
+        },
+        onChange: (event, rawValue) => {
+          setOpen(false);
+          updateFieldValue(rawValue);
+        },
+        renderInput: (params) => {
+          return /* @__PURE__ */ jsx(
+            TextField,
+            __spreadProps(__spreadValues({}, params), {
+              label: selectLabel,
+              variant: "outlined",
+              onChange: (ev) => {
+                let searchValue = ev.target.value;
+                if (searchValue && searchValue !== "" && searchValue.length >= minSearch)
+                  debounce(() => setQ(searchValue), timerSearch);
+              },
+              InputProps: __spreadProps(__spreadValues({}, params.InputProps), {
+                autoComplete: "new-password",
+                endAdornment: /* @__PURE__ */ jsxs(Fragment, { children: [
+                  isResourceSearchLoading ? /* @__PURE__ */ jsx(CircularProgress, { color: "inherit", size: 20 }) : null,
+                  params.InputProps.endAdornment
+                ] })
+              })
+            }),
+            params.id
+          );
+        }
+      },
+      "autocomplete-" + attribute.attribute
+    ) : /* @__PURE__ */ jsx(LoadingIndicator, {}),
+    !isMultiple && parsedOptions && _defaultValues && /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(
+      Chip,
+      {
+        label: renderText(_transformOption(_defaultValues, "chip"), "chip")
+      }
+    ) })
+  ] });
+};
+const RASearchableSelectChips = (_a) => {
+  var _b = _a, { method, attribute } = _b, props = __objRest(_b, ["method", "attribute"]);
+  switch (method) {
+    case "edit":
+    case "create":
+      return /* @__PURE__ */ jsx(
+        SearchableSelectChipsControl,
+        __spreadValues({
+          attribute,
+          method
+        }, props)
+      );
+    case "view":
+      return /* @__PURE__ */ jsx(
+        SearchableSelectChipsControl,
+        __spreadValues({
+          attribute,
+          method
+        }, props)
+      );
+  }
+};
+var RASearchableSelectChips_default = RASearchableSelectChips;
+export {
+  SearchableSelectChipsControl,
+  RASearchableSelectChips_default as default
+};

package/dist/components/selects/SearchableSelect.js

@@ -1 +1,128 @@
-import{Fragment as p,jsx as n,jsxs as v}from"react/jsx-runtime";import{Autocomplete as w,Box as x,CircularProgress as B,InputLabel as R,TextField as F}from"@mui/material";import{useEffect as k,useState as u}from"react";import{useController as q}from"react-hook-form";import{useGetList as z}from"react-admin";import D from"@mui/icons-material/TrendingUpRounded";const G=({name:I,isMultiple:P=!1,resource:b,selectLabel:y,title:A,renderText:i,transformData:f,defaultValues:r=void 0,isEmpty:s=!1,filter:L={}})=>{const[d,g]=u(!1),[S,m]=u(!1),[O,c]=u(""),a=q({name:I}),{data:l,total:H,isLoading:h,error:M}=z(b,{pagination:{page:1,perPage:100},filter:{q:O,...L}});return k(()=>(l&&!S&&(r&&a.field.onChange(r),m(!0)),()=>{m(!1)}),[l]),v(p,{children:[n(R,{children:A}),D&&n(w,{multiple:P,loading:h&&d,sx:{width:373},options:l||[],open:d,onOpen:()=>g(!0),onClose:()=>g(!1),autoHighlight:!0,...!s&&{value:a.field.value},...s&&{renderTags:(t,e)=>n(p,{})},getOptionLabel:t=>i?i(t):t.name,renderOption:(t,e)=>n(x,{component:"li",sx:{"& > img":{mr:2,flexShrink:0}},...t,children:i?i(e):e.name}),onChange:(t,e)=>{let o=e;Array.isArray(e)&&(s&&(o=[...e,...a.field.value]),o=[...new Map(o.map(C=>[C.id,C])).values()]),f?a.field.onChange(f(o)):a.field.onChange(o)},renderInput:t=>n(F,{...t,label:y,variant:"outlined",onChange:e=>{(e.target.value!==""||e.target.value!==null)&&c(e.target.value)},onBlur:()=>c(""),InputProps:{...t.InputProps,autoComplete:"new-password",endAdornment:v(p,{children:[h?n(B,{color:"inherit",size:20}):null,t.InputProps.endAdornment]})}})})]})};var V=G;export{V as default};
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import {
+  Autocomplete,
+  Box,
+  CircularProgress,
+  InputLabel,
+  TextField
+} from "@mui/material";
+import { useEffect, useState } from "react";
+import { useController } from "react-hook-form";
+import { useGetList } from "react-admin";
+import TrendingUpRounded from "@mui/icons-material/TrendingUpRounded";
+const SearchableSelect = ({
+  name,
+  isMultiple = false,
+  resource,
+  selectLabel,
+  title,
+  renderText,
+  transformData,
+  defaultValues = void 0,
+  isEmpty = false,
+  filter = {}
+}) => {
+  const [open, setOpen] = useState(false);
+  const [settedInitialValues, setSettedInitialValues] = useState(false);
+  const [q, setQ] = useState("");
+  const field = useController({ name });
+  const {
+    data: resourceData,
+    total,
+    isLoading,
+    error
+  } = useGetList(resource, {
+    pagination: { page: 1, perPage: 100 },
+    filter: __spreadValues({ q }, filter)
+  });
+  useEffect(() => {
+    if (resourceData && !settedInitialValues) {
+      if (defaultValues) {
+        field.field.onChange(defaultValues);
+      }
+      setSettedInitialValues(true);
+    }
+    return () => {
+      setSettedInitialValues(false);
+    };
+  }, [resourceData]);
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(InputLabel, { children: title }),
+    TrendingUpRounded && /* @__PURE__ */ jsx(
+      Autocomplete,
+      __spreadProps(__spreadValues(__spreadValues({
+        multiple: isMultiple,
+        loading: isLoading && open,
+        sx: { width: 373 },
+        options: !resourceData ? [] : !defaultValues ? resourceData : resourceData,
+        open,
+        onOpen: () => setOpen(true),
+        onClose: () => setOpen(false),
+        autoHighlight: true
+      }, !isEmpty && { value: field.field.value }), isEmpty && { renderTags: (value, getTagProps) => /* @__PURE__ */ jsx(Fragment, {}) }), {
+        getOptionLabel: (option) => renderText ? renderText(option) : option.name,
+        renderOption: (props, option) => /* @__PURE__ */ jsx(
+          Box,
+          __spreadProps(__spreadValues({
+            component: "li",
+            sx: { "& > img": { mr: 2, flexShrink: 0 } }
+          }, props), {
+            children: renderText ? renderText(option) : option.name
+          })
+        ),
+        onChange: (event, rawValue) => {
+          let newValue = rawValue;
+          if (Array.isArray(rawValue)) {
+            if (isEmpty) newValue = [...rawValue, ...field.field.value];
+            newValue = [...new Map(newValue.map((v) => [v.id, v])).values()];
+          }
+          if (transformData) field.field.onChange(transformData(newValue));
+          else field.field.onChange(newValue);
+        },
+        renderInput: (params) => /* @__PURE__ */ jsx(
+          TextField,
+          __spreadProps(__spreadValues({}, params), {
+            label: selectLabel,
+            variant: "outlined",
+            onChange: (ev) => {
+              if (ev.target.value !== "" || ev.target.value !== null) {
+                setQ(ev.target.value);
+              }
+            },
+            onBlur: () => setQ(""),
+            InputProps: __spreadProps(__spreadValues({}, params.InputProps), {
+              autoComplete: "new-password",
+              endAdornment: /* @__PURE__ */ jsxs(Fragment, { children: [
+                isLoading ? /* @__PURE__ */ jsx(CircularProgress, { color: "inherit", size: 20 }) : null,
+                params.InputProps.endAdornment
+              ] })
+            })
+          })
+        )
+      })
+    )
+  ] });
+};
+var SearchableSelect_default = SearchableSelect;
+export {
+  SearchableSelect_default as default
+};

package/dist/components/subscription/BillingCycleSelectInput.js

@@ -1 +1,50 @@
-import{jsx as t,jsxs as a}from"react/jsx-runtime";import{SelectInput as c}from"react-admin";import{Box as o,CircularProgress as d,Alert as p}from"@mui/material";const m=()=>({supportedBillingCycles:["daily","weekly","monthly","yearly"],isLoading:!1,gatewayName:"Default Gateway"}),u=()=>{const{supportedBillingCycles:n,isLoading:s,gatewayName:l}=m(),y=[{id:"daily",name:"Daily"},{id:"weekly",name:"Weekly"},{id:"monthly",name:"Monthly"},{id:"yearly",name:"Yearly"}];if(s)return a(o,{sx:{display:"flex",alignItems:"center",gap:2,my:2},children:[t(d,{size:20}),t("span",{children:"Loading payment gateway capabilities..."})]});const r=y.filter(e=>n.includes(e.id)),i=y.filter(e=>!n.includes(e.id)).map(e=>e.name);return a(o,{children:[t(c,{source:"billing_cycle",label:"Billing Cycle",choices:r,fullWidth:!0,defaultValue:"monthly",helperText:l?`Available cycles for ${l}`:"Select billing cycle for this plan",validate:e=>e?void 0:"Required"}),i.length>0&&a(p,{severity:"info",sx:{mt:1},children:["Note: ",i.join(", ")," billing cycle",i.length>1?"s are":" is"," not supported by your current payment gateway (",l,")."]})]})};var b=u;export{b as default};
+import { jsx, jsxs } from "react/jsx-runtime";
+import { SelectInput } from "react-admin";
+import { Box, CircularProgress, Alert } from "@mui/material";
+import { usePaymentGatewayCapabilities } from "dash-web/src/hooks/usePaymentGatewayCapabilities";
+const BillingCycleSelectInput = () => {
+  const { supportedBillingCycles, isLoading, gatewayName } = usePaymentGatewayCapabilities();
+  const allBillingCycles = [
+    { id: "daily", name: "Daily" },
+    { id: "weekly", name: "Weekly" },
+    { id: "monthly", name: "Monthly" },
+    { id: "yearly", name: "Yearly" }
+  ];
+  if (isLoading) {
+    return /* @__PURE__ */ jsxs(Box, { sx: { display: "flex", alignItems: "center", gap: 2, my: 2 }, children: [
+      /* @__PURE__ */ jsx(CircularProgress, { size: 20 }),
+      /* @__PURE__ */ jsx("span", { children: "Loading payment gateway capabilities..." })
+    ] });
+  }
+  const filteredChoices = allBillingCycles.filter(
+    (cycle) => supportedBillingCycles.includes(cycle.id)
+  );
+  const unsupportedCycles = allBillingCycles.filter((cycle) => !supportedBillingCycles.includes(cycle.id)).map((c) => c.name);
+  return /* @__PURE__ */ jsxs(Box, { children: [
+    /* @__PURE__ */ jsx(
+      SelectInput,
+      {
+        source: "billing_cycle",
+        label: "Billing Cycle",
+        choices: filteredChoices,
+        fullWidth: true,
+        defaultValue: "monthly",
+        helperText: gatewayName ? `Available cycles for ${gatewayName}` : "Select billing cycle for this plan",
+        validate: (value) => !value ? "Required" : void 0
+      }
+    ),
+    unsupportedCycles.length > 0 && /* @__PURE__ */ jsxs(Alert, { severity: "info", sx: { mt: 1 }, children: [
+      "Note: ",
+      unsupportedCycles.join(", "),
+      " billing cycle",
+      unsupportedCycles.length > 1 ? "s are" : " is",
+      " not supported by your current payment gateway (",
+      gatewayName,
+      ")."
+    ] })
+  ] });
+};
+var BillingCycleSelectInput_default = BillingCycleSelectInput;
+export {
+  BillingCycleSelectInput_default as default
+};