@zeniai/web-components 3.17.22 → 3.17.24

package/dist/BillPayApprovalRuleDetailPage-B7z1PKq6.js

@@ -1,266 +0,0 @@
-import { g as M, i as O, h as W, j as a, F as G } from "./vendor-.pnpm-UYinI_7q.js";
-import { useEffect as j } from "react";
-import b from "@emotion/styled";
-import { R as H, D as R, u as X, a as $, aD as J, aE as K, ao as Q, S as d, fN as Y } from "./index-mRSIAtAd.js";
-import { L as Z, F as ee, g as U, r as E } from "./FollowStepsSection-C_pWSlPc.js";
-const C = "billPayApprovalRuleDetailPage", F = "lowerBound", T = "upperBound", P = "steps", g = "applyToExistingBills", te = {
-  footerPadding: new H(R[2], R[2])
-};
-function he({
-  localData: e,
-  approvalUpdateActionType: r,
-  onBackClick: t,
-  onApprovalRuleDataUpdated: o,
-  onResetClick: s,
-  isLowerBoundDisabled: f = !1,
-  isUpperBoundDisabled: u = !0,
-  hideUpperBoundField: m = !1,
-  onSaveRuleClick: D,
-  onSaveRuleSuccess: I
-}) {
-  const w = X(), l = $.getLocalizedStrings().commonSetUp.approval, A = $.getLocalizedStrings().spendManagement.billPay.billPayApproval, y = le(
-    e,
-    r === "approval_create" && !f
-  ), v = M({
-    mode: "all",
-    reValidateMode: "onChange",
-    defaultValues: y
-  }), c = e.billPaySetupApproverViewUpdateData?.updateStatus, B = J(c?.fetchState), { upperBound: L } = y, {
-    allApprovalRules: i,
-    allAccountingClasses: V,
-    billPaySetupApproverViewUpdateData: h
-  } = e;
-  let x = i.length > 1 ? i.length - 1 : 0, S = i.length > 0 ? i[x].criteria[0].range.min.amount : 0;
-  if (h != null && h.type === "approval_update" && h.data != null) {
-    const { approvalRuleId: n } = h.data;
-    x = i.findIndex(
-      (p) => p.approvalRuleId === n
-    ), S = x > 0 ? i[x - 1].criteria[0].range.min.amount : 0;
-  }
-  const k = v.handleSubmit(() => {
-    D();
-  }), z = async (n, p) => {
-    o(p);
-  };
-  return j(() => {
-    const n = v.watch((p, { name: N }) => {
-      if (N != null && p != null) {
-        const q = O(p);
-        W(
-          () => z(
-            N,
-            q
-          )
-        );
-      }
-    });
-    return () => {
-      n.unsubscribe();
-    };
-  }), j(() => {
-    B === "In-Progress" && c?.fetchState === "Completed" && I();
-  }, [B, c?.fetchState, I]), /* @__PURE__ */ a.jsxs(se, { children: [
-    /* @__PURE__ */ a.jsx(
-      K,
-      {
-        title: r === "approval_create" ? l.newApproval : l.editApproval,
-        style: { zIndex: 4 },
-        onBackClick: () => {
-          t();
-        },
-        source: "BillPayApprovalRuleDetailPage"
-      }
-    ),
-    /* @__PURE__ */ a.jsxs(G, { ...v, children: [
-      /* @__PURE__ */ a.jsx(ie, { children: /* @__PURE__ */ a.jsx(
-        "form",
-        {
-          id: _(C),
-          onSubmit: k,
-          children: /* @__PURE__ */ a.jsxs(ne, { children: [
-            /* @__PURE__ */ a.jsx(
-              Z,
-              {
-                label: {
-                  label: m ? A.amountPerBillGreaterLabel : A.amountPerBillLabel
-                },
-                firstText: {
-                  type: "number",
-                  name: F,
-                  placeholder: "$0",
-                  options: {
-                    required: !0,
-                    max: L === 1 / 0 ? Number.MAX_SAFE_INTEGER - 1 : L - 1,
-                    min: S,
-                    validate: (n) => f ? !0 : n != null && n > S
-                  },
-                  isDisabled: f,
-                  additionalInfoLabel: l.firstRuleLowerBoundInfoLabel,
-                  additionalErrorLabel: l.firstRuleErrorInfoLabel
-                },
-                secondText: {
-                  type: "number",
-                  name: T,
-                  placeholder: "Infinity",
-                  isDisabled: u,
-                  hideField: m,
-                  additionalInfoLabel: l.upperBoundInfoLabel
-                }
-              }
-            ),
-            /* @__PURE__ */ a.jsx(pe, {}),
-            /* @__PURE__ */ a.jsx(
-              ee,
-              {
-                sectionId: P,
-                label: {
-                  label: l.followStepsLabel
-                },
-                approversPlaceholder: l.approversPlaceholder,
-                notifiersPlaceholder: l.notifiersPlaceholder,
-                allUserWithRoles: e.allApprovers,
-                filteredApprovers: e.filteredApprovers.map(
-                  (n) => n.user
-                ),
-                allAttributes: e.allAttributes,
-                filteredAttributes: e.filteredAttributes,
-                allAccountingClasses: V,
-                stepsInfo: y[P],
-                userSelectPlaceholder: l.userSelectPlaceholder,
-                approveNotifyPlaceholder: l.approveNotifyPlaceholder,
-                productType: "zeni_bill_pay"
-              }
-            )
-          ] })
-        }
-      ) }),
-      /* @__PURE__ */ a.jsx(
-        Q,
-        {
-          formId: _(C),
-          primaryBtn: {
-            label: l.saveBtnText,
-            isLoading: c?.fetchState === "In-Progress",
-            isDisabled: c?.fetchState === "In-Progress",
-            style: {
-              width: "85px",
-              minWidth: "auto"
-            }
-          },
-          topComponent: r === "approval_create" ? null : /* @__PURE__ */ a.jsx(
-            Y,
-            {
-              name: g,
-              mode: "always_on",
-              checkBoxes: [
-                {
-                  value: g,
-                  label: l.applyToExistingBills,
-                  defaultChecked: !0,
-                  groupLabel: !1
-                }
-              ],
-              style: { width: "100%" }
-            }
-          ),
-          showCancel: !0,
-          cancelBtn: {
-            label: l.cancelBtnText,
-            isLoading: !1,
-            style: {
-              width: "85px",
-              minWidth: "auto"
-            },
-            onClick: s
-          },
-          containerStyle: {
-            justifyContent: w === "small" ? "space-between" : "center"
-          },
-          style: { padding: te.footerPadding.valuePx(w) },
-          separatorStyle: { marginRight: d.sp4 }
-        }
-      )
-    ] })
-  ] });
-}
-const le = (e, r) => {
-  const { criteria: t, steps: o } = e.billPaySetupApproverViewUpdateData?.data ?? {};
-  return {
-    [g]: [g],
-    [P]: re(
-      e.allApprovers.map((s) => s.user),
-      e.filteredApprovers.map((s) => s.user),
-      U(e.allAttributes),
-      U(e.filteredAttributes),
-      o ?? []
-    ) ?? [],
-    [F]: r ? void 0 : t != null ? t.range.min.amount ?? 0 : 0,
-    [T]: t != null ? t.range.max == null ? 1 / 0 : t.range.max.amount : 1 / 0
-  };
-}, re = (e, r, t, o, s) => s && s.length > 0 ? s.map((u, m) => ({
-  stepIndex: m,
-  stepType: {
-    selectedOption: u.action,
-    allOptions: E
-  },
-  actors: {
-    allUsers: r,
-    selectedUsers: ae(e, u.actors),
-    allNonUsers: o,
-    selectedNonUsers: oe(t, u.actors)
-  }
-})) : [
-  {
-    stepIndex: 0,
-    stepType: {
-      selectedOption: "require_approval",
-      allOptions: E
-    },
-    actors: {
-      allUsers: r,
-      selectedUsers: [],
-      allNonUsers: o,
-      selectedNonUsers: []
-    }
-  }
-], ae = (e, r) => e.filter(
-  (t) => t.userId != null && r.findIndex(
-    (o) => o.userId === t.userId
-  ) > -1
-), oe = (e, r) => e.filter(
-  (t) => r.findIndex(
-    (o) => o.subType === t.value
-  ) > -1
-), _ = (e) => `${e}_form`, xe = (e) => `${e}`, se = b.div`
-  display: flex;
-  height: 100%;
-  flex-direction: column;
-  width: 100%;
-  background-color: ${(e) => e.theme.colors.grey4};
-  box-shadow: ${(e) => `${d.sp0} 2px ${d.sp1} ${e.theme.colors.dropShadowNormal}`};
-`, ne = b.div`
-  display: flex;
-  flex-direction: column;
-  border: 1px solid ${(e) => e.theme.colors.grey3};
-  box-shadow: ${(e) => `${d.sp0} 2px ${d.sp1} ${e.theme.colors.dropShadowNormal}`};
-  border-radius: ${d.sp2};
-`, ie = b.div`
-  display: flex;
-  justify-content: flex-start;
-  height: 100%;
-  overflow-y: auto;
-  flex-direction: column;
-  align-items: center;
-`, pe = b.div`
-  display: flex;
-  flex: 1;
-  background-color: ${(e) => e.theme.colors.grey3};
-  min-height: 1px;
-  max-height: 1px;
-`;
-export {
-  te as D,
-  he as default,
-  _ as uniqueFormName,
-  xe as uniqueName
-};

package/dist/BillPayApprovalRuleDetailPage-CoDKuT_4.cjs

@@ -1,27 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("./vendor-.pnpm-DLVCFIC_.cjs"),L=require("react"),y=require("@emotion/styled"),t=require("./index-OMYmSL-3.cjs"),d=require("./FollowStepsSection-BRfHOuX0.cjs"),U="billPayApprovalRuleDetailPage",$="lowerBound",q="upperBound",I="steps",b="applyToExistingBills",_={footerPadding:new t.ResponsiveSized(t.sp[2],t.sp[2])};function k({localData:e,approvalUpdateActionType:s,onBackClick:r,onApprovalRuleDataUpdated:n,onResetClick:a,isLowerBoundDisabled:x=!1,isUpperBoundDisabled:c=!0,hideUpperBoundField:f=!1,onSaveRuleClick:C,onSaveRuleSuccess:j}){const A=t.useWindowSizeContext(),o=t.appLocale.getLocalizedStrings().commonSetUp.approval,R=t.appLocale.getLocalizedStrings().spendManagement.billPay.billPayApproval,S=D(e,s==="approval_create"&&!x),v=l.useForm({mode:"all",reValidateMode:"onChange",defaultValues:S}),m=e.billPaySetupApproverViewUpdateData?.updateStatus,E=t.usePrevious(m?.fetchState),{upperBound:B}=S,{allApprovalRules:p,allAccountingClasses:T,billPaySetupApproverViewUpdateData:h}=e;let g=p.length>1?p.length-1:0,P=p.length>0?p[g].criteria[0].range.min.amount:0;if(h!=null&&h.type==="approval_update"&&h.data!=null){const{approvalRuleId:i}=h.data;g=p.findIndex(u=>u.approvalRuleId===i),P=g>0?p[g-1].criteria[0].range.min.amount:0}const F=v.handleSubmit(()=>{C()}),O=async(i,u)=>{n(u)};return L.useEffect(()=>{const i=v.watch((u,{name:N})=>{if(N!=null&&u!=null){const V=l.cloneDeep(u);l.defer(()=>O(N,V))}});return()=>{i.unsubscribe()}}),L.useEffect(()=>{E==="In-Progress"&&m?.fetchState==="Completed"&&j()},[E,m?.fetchState,j]),l.jsxRuntimeExports.jsxs(H,{children:[l.jsxRuntimeExports.jsx(t.NavBar,{title:s==="approval_create"?o.newApproval:o.editApproval,style:{zIndex:4},onBackClick:()=>{r()},source:"BillPayApprovalRuleDetailPage"}),l.jsxRuntimeExports.jsxs(l.FormProvider,{...v,children:[l.jsxRuntimeExports.jsx(J,{children:l.jsxRuntimeExports.jsx("form",{id:w(U),onSubmit:F,children:l.jsxRuntimeExports.jsxs(X,{children:[l.jsxRuntimeExports.jsx(d.LabeledMultiTextField,{label:{label:f?R.amountPerBillGreaterLabel:R.amountPerBillLabel},firstText:{type:"number",name:$,placeholder:"$0",options:{required:!0,max:B===1/0?Number.MAX_SAFE_INTEGER-1:B-1,min:P,validate:i=>x?!0:i!=null&&i>P},isDisabled:x,additionalInfoLabel:o.firstRuleLowerBoundInfoLabel,additionalErrorLabel:o.firstRuleErrorInfoLabel},secondText:{type:"number",name:q,placeholder:"Infinity",isDisabled:c,hideField:f,additionalInfoLabel:o.upperBoundInfoLabel}}),l.jsxRuntimeExports.jsx(K,{}),l.jsxRuntimeExports.jsx(d.FollowStepsSection,{sectionId:I,label:{label:o.followStepsLabel},approversPlaceholder:o.approversPlaceholder,notifiersPlaceholder:o.notifiersPlaceholder,allUserWithRoles:e.allApprovers,filteredApprovers:e.filteredApprovers.map(i=>i.user),allAttributes:e.allAttributes,filteredAttributes:e.filteredAttributes,allAccountingClasses:T,stepsInfo:S[I],userSelectPlaceholder:o.userSelectPlaceholder,approveNotifyPlaceholder:o.approveNotifyPlaceholder,productType:"zeni_bill_pay"})]})})}),l.jsxRuntimeExports.jsx(t.Footer,{formId:w(U),primaryBtn:{label:o.saveBtnText,isLoading:m?.fetchState==="In-Progress",isDisabled:m?.fetchState==="In-Progress",style:{width:"85px",minWidth:"auto"}},topComponent:s==="approval_create"?null:l.jsxRuntimeExports.jsx(t.LabeledGroupedCheckBoxField,{name:b,mode:"always_on",checkBoxes:[{value:b,label:o.applyToExistingBills,defaultChecked:!0,groupLabel:!1}],style:{width:"100%"}}),showCancel:!0,cancelBtn:{label:o.cancelBtnText,isLoading:!1,style:{width:"85px",minWidth:"auto"},onClick:a},containerStyle:{justifyContent:A==="small"?"space-between":"center"},style:{padding:_.footerPadding.valuePx(A)},separatorStyle:{marginRight:t.Space.sp4}})]})]})}const D=(e,s)=>{const{criteria:r,steps:n}=e.billPaySetupApproverViewUpdateData?.data??{};return{[b]:[b],[I]:z(e.allApprovers.map(a=>a.user),e.filteredApprovers.map(a=>a.user),d.getNonUserOptions(e.allAttributes),d.getNonUserOptions(e.filteredAttributes),n??[])??[],[$]:s?void 0:r!=null?r.range.min.amount??0:0,[q]:r!=null?r.range.max==null?1/0:r.range.max.amount:1/0}},z=(e,s,r,n,a)=>a&&a.length>0?a.map((c,f)=>({stepIndex:f,stepType:{selectedOption:c.action,allOptions:d.requireAndNotifyOptions},actors:{allUsers:s,selectedUsers:M(e,c.actors),allNonUsers:n,selectedNonUsers:W(r,c.actors)}})):[{stepIndex:0,stepType:{selectedOption:"require_approval",allOptions:d.requireAndNotifyOptions},actors:{allUsers:s,selectedUsers:[],allNonUsers:n,selectedNonUsers:[]}}],M=(e,s)=>e.filter(r=>r.userId!=null&&s.findIndex(n=>n.userId===r.userId)>-1),W=(e,s)=>e.filter(r=>s.findIndex(n=>n.subType===r.value)>-1),w=e=>`${e}_form`,G=e=>`${e}`,H=y.div`
-  display: flex;
-  height: 100%;
-  flex-direction: column;
-  width: 100%;
-  background-color: ${e=>e.theme.colors.grey4};
-  box-shadow: ${e=>`${t.Space.sp0} 2px ${t.Space.sp1} ${e.theme.colors.dropShadowNormal}`};
-`,X=y.div`
-  display: flex;
-  flex-direction: column;
-  border: 1px solid ${e=>e.theme.colors.grey3};
-  box-shadow: ${e=>`${t.Space.sp0} 2px ${t.Space.sp1} ${e.theme.colors.dropShadowNormal}`};
-  border-radius: ${t.Space.sp2};
-`,J=y.div`
-  display: flex;
-  justify-content: flex-start;
-  height: 100%;
-  overflow-y: auto;
-  flex-direction: column;
-  align-items: center;
-`,K=y.div`
-  display: flex;
-  flex: 1;
-  background-color: ${e=>e.theme.colors.grey3};
-  min-height: 1px;
-  max-height: 1px;
-`;exports.D=_;exports.default=k;exports.uniqueFormName=w;exports.uniqueName=G;