@bigbinary/neeto-payments-frontend 6.2.0 → 6.3.0

package/dist/cjs/v2/ManualUpiPayment.js

@@ -0,0 +1,253 @@
+'use strict';
+
+var react = require('react');
+var neetoAtoms = require('@bigbinary/neeto-atoms');
+var formik = require('@bigbinary/neeto-atoms/formik');
+var activestorage = require('@rails/activestorage');
+var neetocist = require('neetocist');
+var neetoIcons = require('@bigbinary/neeto-icons');
+var QRCodeImage = require('qrcode.react');
+var ramda = require('ramda');
+var reactI18next = require('react-i18next');
+var usePaymentApi = require('../usePaymentApi-CuL13mny.js');
+var constants = require('../index-CpEnC-Gq.js');
+var i18next = require('i18next');
+var yup = require('yup');
+var jsxRuntime = require('react/jsx-runtime');
+require('@tanstack/react-query');
+require('neetocommons/react-utils');
+require('axios');
+require('../queryConstants-CGUF7zol.js');
+require('neetocommons/constants');
+require('decimal.js');
+require('neetocommons/utils');
+
+function _interopNamespaceDefault(e) {
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var yup__namespace = /*#__PURE__*/_interopNamespaceDefault(yup);
+
+const ACCEPTED_SCREENSHOT_FORMATS = "image/png,image/jpeg,image/jpg";
+const MAX_SCREENSHOT_SIZE_MB = 5;
+const DIRECT_UPLOAD_URL = "/rails/active_storage/direct_uploads";
+const INITIAL_VALUES = {
+  identifier: ""
+};
+const buildValidationSchema = screenshotFile => yup__namespace.object({
+  identifier: yup__namespace.number().typeError(i18next.t("neetoPayments.validations.invalidField", {
+    entity: i18next.t("neetoPayments.common.transactionId")
+  })).nullable().transform((value, originalValue) => originalValue === "" ? null : value).test("identifier-or-screenshot", i18next.t("neetoPayments.upi.payment.transaction.identifierOrScreenshot"), value => neetocist.isPresent(value) || neetocist.isPresent(screenshotFile)).test("is-integer", i18next.t("neetoPayments.validations.invalidField", {
+    entity: i18next.t("neetoPayments.common.transactionId")
+  }), value => neetocist.isNotPresent(value) || Number.isInteger(value)).test("len", i18next.t("neetoPayments.validations.length", {
+    length: 12
+  }), value => neetocist.isNotPresent(value) || value?.toString().length === 12)
+});
+
+const ManualUpiPayment = ({
+  fee,
+  payableId,
+  tip,
+  amount,
+  discountCode,
+  customAmount,
+  handleCancel,
+  payableType = null,
+  onBeforePayment = neetocist.noop,
+  onFailedPayment = neetocist.noop,
+  onSuccessfulPayment = neetocist.noop
+}) => {
+  const {
+    t
+  } = reactI18next.useTranslation();
+  const fileInputRef = react.useRef(null);
+  const [screenshotFile, setScreenshotFile] = react.useState(null);
+  const [isUploading, setIsUploading] = react.useState(false);
+  const screenshotPreview = react.useMemo(() => screenshotFile ? URL.createObjectURL(screenshotFile) : null, [screenshotFile]);
+  react.useEffect(() => () => {
+    if (screenshotPreview) URL.revokeObjectURL(screenshotPreview);
+  }, [screenshotPreview]);
+  const vpaIds = ramda.pluck("address", fee?.vpas);
+  const amountToUpi = customAmount || amount;
+  const {
+    isPending,
+    mutate: createPayment
+  } = usePaymentApi.useCreateUpiPayment({
+    onSuccess: onSuccessfulPayment,
+    onError: onFailedPayment
+  });
+  const validationSchema = react.useMemo(() => buildValidationSchema(screenshotFile), [screenshotFile]);
+  const handleScreenshotSelect = event => {
+    const file = event.target.files[0];
+    if (!file) return;
+    if (file.size > MAX_SCREENSHOT_SIZE_MB * 1024 * 1024) {
+      neetoAtoms.Toastr.error(t("neetoPayments.upi.payment.screenshot.tooLarge", {
+        maxSize: MAX_SCREENSHOT_SIZE_MB
+      }));
+      return;
+    }
+    setScreenshotFile(file);
+  };
+  const handleRemoveScreenshot = () => {
+    setScreenshotFile(null);
+    if (fileInputRef.current) fileInputRef.current.value = "";
+  };
+  const uploadScreenshot = file => new Promise((resolve, reject) => {
+    const upload = new activestorage.DirectUpload(file, DIRECT_UPLOAD_URL);
+    upload.create((error, blob) => {
+      if (error) reject(error);else resolve(blob.signed_id);
+    });
+  });
+  const handleSubmit = async values => {
+    onBeforePayment();
+    let paymentScreenshot = null;
+    if (screenshotFile) {
+      try {
+        setIsUploading(true);
+        paymentScreenshot = await uploadScreenshot(screenshotFile);
+      } catch {
+        onFailedPayment();
+        return;
+      } finally {
+        setIsUploading(false);
+      }
+    }
+    createPayment({
+      ...values,
+      payableId,
+      customAmount,
+      payableType,
+      discountCode,
+      tipAttributes: tip,
+      paymentScreenshot
+    });
+  };
+  return /*#__PURE__*/jsxRuntime.jsx(formik.Form, {
+    className: "space-y-4",
+    formikProps: {
+      onSubmit: handleSubmit,
+      initialValues: INITIAL_VALUES,
+      validationSchema
+    },
+    children: ({
+      dirty
+    }) => /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
+      children: [/*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Typography, {
+        variant: "body1",
+        children: t("neetoPayments.upi.payment.vpaText", {
+          count: vpaIds.length
+        })
+      }), neetocist.isPresent(vpaIds) && /*#__PURE__*/jsxRuntime.jsx("div", {
+        className: "grid grid-cols-1 gap-8 gap-y-4 sm:grid-cols-2",
+        children: vpaIds.map(vpaId => /*#__PURE__*/jsxRuntime.jsxs("div", {
+          className: "flex flex-col items-center justify-center",
+          children: [/*#__PURE__*/jsxRuntime.jsx(QRCodeImage, {
+            size: 256,
+            style: {
+              width: 80,
+              height: 80
+            },
+            value: constants.getQrCodeValue(vpaId, amountToUpi)
+          }), /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Typography, {
+            className: "w-full mt-2 text-center wrap-break-word",
+            variant: "body2",
+            children: vpaId
+          })]
+        }, vpaId))
+      }), /*#__PURE__*/jsxRuntime.jsx(formik.Input, {
+        label: t("neetoPayments.upi.payment.transaction.label"),
+        name: "identifier",
+        placeholder: t("neetoPayments.upi.payment.transaction.placeholder"),
+        type: "number"
+      }), /*#__PURE__*/jsxRuntime.jsxs("div", {
+        className: "flex items-center gap-3",
+        children: [/*#__PURE__*/jsxRuntime.jsx("hr", {
+          className: "flex-1 neeto-ui-border-gray-300"
+        }), /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Typography, {
+          className: "neeto-ui-text-gray-500 uppercase",
+          variant: "body2",
+          children: t("neetoPayments.common.or")
+        }), /*#__PURE__*/jsxRuntime.jsx("hr", {
+          className: "flex-1 neeto-ui-border-gray-300"
+        })]
+      }), /*#__PURE__*/jsxRuntime.jsxs("div", {
+        children: [/*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Typography, {
+          className: "mb-2",
+          variant: "body2",
+          weight: "medium",
+          children: t("neetoPayments.upi.payment.screenshot.label")
+        }), screenshotPreview ? /*#__PURE__*/jsxRuntime.jsxs("div", {
+          className: "relative inline-block",
+          children: [/*#__PURE__*/jsxRuntime.jsx("img", {
+            alt: t("neetoPayments.upi.payment.screenshot.alt"),
+            className: "max-h-40 neeto-ui-rounded border neeto-ui-border-gray-200",
+            src: screenshotPreview
+          }), /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Button, {
+            className: "absolute -right-2 -top-2 neeto-ui-rounded-full neeto-ui-bg-white neeto-ui-shadow-sm",
+            icon: neetoIcons.Close,
+            size: "sm",
+            variant: "ghost",
+            onClick: handleRemoveScreenshot
+          })]
+        }) : /*#__PURE__*/jsxRuntime.jsxs("div", {
+          className: "flex cursor-pointer flex-col items-center justify-center neeto-ui-rounded border-2 border-dashed neeto-ui-border-gray-300 p-6 transition-colors hover:neeto-ui-border-gray-400",
+          role: "button",
+          tabIndex: 0,
+          onClick: () => fileInputRef.current?.click(),
+          onKeyDown: e => {
+            if (e.key === "Enter" || e.key === " ") {
+              fileInputRef.current?.click();
+            }
+          },
+          children: [/*#__PURE__*/jsxRuntime.jsx("i", {
+            className: "ri-upload-2-line text-2xl neeto-ui-text-gray-400"
+          }), /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Typography, {
+            className: "mt-1 neeto-ui-text-gray-500",
+            variant: "body3",
+            children: t("neetoPayments.upi.payment.screenshot.uploadText")
+          }), /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Typography, {
+            className: "neeto-ui-text-gray-400",
+            variant: "nano",
+            children: t("neetoPayments.upi.payment.screenshot.formatHint", {
+              maxSize: MAX_SCREENSHOT_SIZE_MB
+            })
+          })]
+        }), /*#__PURE__*/jsxRuntime.jsx("input", {
+          accept: ACCEPTED_SCREENSHOT_FORMATS,
+          className: "hidden",
+          "data-testid": "manual-upi-screenshot-upload-input-field",
+          ref: fileInputRef,
+          type: "file",
+          onChange: handleScreenshotSelect
+        })]
+      }), /*#__PURE__*/jsxRuntime.jsx(formik.ActionBlock, {
+        cancelButtonProps: {
+          label: t("neetoPayments.upi.payment.buttons.back"),
+          onClick: handleCancel,
+          disabled: isPending
+        },
+        submitButtonProps: {
+          label: t("neetoPayments.upi.payment.buttons.submit"),
+          disabled: !dirty && !screenshotFile || isPending || isUploading,
+          loading: isPending || isUploading
+        }
+      })]
+    })
+  });
+};
+
+module.exports = ManualUpiPayment;
+//# sourceMappingURL=ManualUpiPayment.js.map

package/dist/cjs/v2/ManualUpiPayment.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ManualUpiPayment.js","sources":["../../../app/javascript/src/v2/components/ManualUpiPayment/constants.js","../../../app/javascript/src/v2/components/ManualUpiPayment/index.jsx"],"sourcesContent":["import { t } from \"i18next\";\nimport { isPresent, isNotPresent } from \"neetocist\";\nimport * as yup from \"yup\";\n\nexport const ACCEPTED_SCREENSHOT_FORMATS = \"image/png,image/jpeg,image/jpg\";\n\nexport const MAX_SCREENSHOT_SIZE_MB = 5;\n\nexport const DIRECT_UPLOAD_URL = \"/rails/active_storage/direct_uploads\";\n\nexport const INITIAL_VALUES = { identifier: \"\" };\n\nexport const buildValidationSchema = screenshotFile =>\n  yup.object({\n    identifier: yup\n      .number()\n      .typeError(\n        t(\"neetoPayments.validations.invalidField\", {\n          entity: t(\"neetoPayments.common.transactionId\"),\n        })\n      )\n      .nullable()\n      .transform((value, originalValue) =>\n        originalValue === \"\" ? null : value\n      )\n      .test(\n        \"identifier-or-screenshot\",\n        t(\"neetoPayments.upi.payment.transaction.identifierOrScreenshot\"),\n        value => isPresent(value) || isPresent(screenshotFile)\n      )\n      .test(\n        \"is-integer\",\n        t(\"neetoPayments.validations.invalidField\", {\n          entity: t(\"neetoPayments.common.transactionId\"),\n        }),\n        value => isNotPresent(value) || Number.isInteger(value)\n      )\n      .test(\n        \"len\",\n        t(\"neetoPayments.validations.length\", { length: 12 }),\n        value => isNotPresent(value) || value?.toString().length === 12\n      ),\n  });\n","import { useRef, useState, useMemo, useEffect } from \"react\";\n\nimport { Button, Toastr, Typography } from \"@bigbinary/neeto-atoms\";\nimport { ActionBlock, Form, Input } from \"@bigbinary/neeto-atoms/formik\";\nimport { DirectUpload } from \"@rails/activestorage\";\nimport { noop, isPresent } from \"neetocist\";\nimport { Close } from \"neetoicons\";\nimport QRCodeImage from \"qrcode.react\";\nimport { pluck } from \"ramda\";\nimport { useTranslation } from \"react-i18next\";\n\nimport { useCreateUpiPayment } from \"hooks/reactQuery/manualUpi/usePaymentApi\";\nimport { getQrCodeValue } from \"utils\";\n\nimport {\n  buildValidationSchema,\n  ACCEPTED_SCREENSHOT_FORMATS,\n  MAX_SCREENSHOT_SIZE_MB,\n  DIRECT_UPLOAD_URL,\n  INITIAL_VALUES,\n} from \"./constants\";\n\nconst ManualUpiPayment = ({\n  fee,\n  payableId,\n  tip,\n  amount,\n  discountCode,\n  customAmount,\n  handleCancel,\n  payableType = null,\n  onBeforePayment = noop,\n  onFailedPayment = noop,\n  onSuccessfulPayment = noop,\n}) => {\n  const { t } = useTranslation();\n  const fileInputRef = useRef(null);\n  const [screenshotFile, setScreenshotFile] = useState(null);\n  const [isUploading, setIsUploading] = useState(false);\n\n  const screenshotPreview = useMemo(\n    () => (screenshotFile ? URL.createObjectURL(screenshotFile) : null),\n    [screenshotFile]\n  );\n\n  useEffect(\n    () => () => {\n      if (screenshotPreview) URL.revokeObjectURL(screenshotPreview);\n    },\n    [screenshotPreview]\n  );\n\n  const vpaIds = pluck(\"address\", fee?.vpas);\n  const amountToUpi = customAmount || amount;\n\n  const { isPending, mutate: createPayment } = useCreateUpiPayment({\n    onSuccess: onSuccessfulPayment,\n    onError: onFailedPayment,\n  });\n\n  const validationSchema = useMemo(\n    () => buildValidationSchema(screenshotFile),\n    [screenshotFile]\n  );\n\n  const handleScreenshotSelect = event => {\n    const file = event.target.files[0];\n    if (!file) return;\n\n    if (file.size > MAX_SCREENSHOT_SIZE_MB * 1024 * 1024) {\n      Toastr.error(\n        t(\"neetoPayments.upi.payment.screenshot.tooLarge\", {\n          maxSize: MAX_SCREENSHOT_SIZE_MB,\n        })\n      );\n\n      return;\n    }\n\n    setScreenshotFile(file);\n  };\n\n  const handleRemoveScreenshot = () => {\n    setScreenshotFile(null);\n    if (fileInputRef.current) fileInputRef.current.value = \"\";\n  };\n\n  const uploadScreenshot = file =>\n    new Promise((resolve, reject) => {\n      const upload = new DirectUpload(file, DIRECT_UPLOAD_URL);\n      upload.create((error, blob) => {\n        if (error) reject(error);\n        else resolve(blob.signed_id);\n      });\n    });\n\n  const handleSubmit = async values => {\n    onBeforePayment();\n\n    let paymentScreenshot = null;\n    if (screenshotFile) {\n      try {\n        setIsUploading(true);\n        paymentScreenshot = await uploadScreenshot(screenshotFile);\n      } catch {\n        onFailedPayment();\n\n        return;\n      } finally {\n        setIsUploading(false);\n      }\n    }\n\n    createPayment({\n      ...values,\n      payableId,\n      customAmount,\n      payableType,\n      discountCode,\n      tipAttributes: tip,\n      paymentScreenshot,\n    });\n  };\n\n  return (\n    <Form\n      className=\"space-y-4\"\n      formikProps={{\n        onSubmit: handleSubmit,\n        initialValues: INITIAL_VALUES,\n        validationSchema,\n      }}\n    >\n      {({ dirty }) => (\n        <>\n          <Typography variant=\"body1\">\n            {t(\"neetoPayments.upi.payment.vpaText\", { count: vpaIds.length })}\n          </Typography>\n          {isPresent(vpaIds) && (\n            <div className=\"grid grid-cols-1 gap-8 gap-y-4 sm:grid-cols-2\">\n              {vpaIds.map(vpaId => (\n                <div\n                  className=\"flex flex-col items-center justify-center\"\n                  key={vpaId}\n                >\n                  <QRCodeImage\n                    size={256}\n                    style={{ width: 80, height: 80 }}\n                    value={getQrCodeValue(vpaId, amountToUpi)}\n                  />\n                  <Typography\n                    className=\"w-full mt-2 text-center wrap-break-word\"\n                    variant=\"body2\"\n                  >\n                    {vpaId}\n                  </Typography>\n                </div>\n              ))}\n            </div>\n          )}\n          <Input\n            label={t(\"neetoPayments.upi.payment.transaction.label\")}\n            name=\"identifier\"\n            placeholder={t(\"neetoPayments.upi.payment.transaction.placeholder\")}\n            type=\"number\"\n          />\n          <div className=\"flex items-center gap-3\">\n            <hr className=\"flex-1 neeto-ui-border-gray-300\" />\n            <Typography\n              className=\"neeto-ui-text-gray-500 uppercase\"\n              variant=\"body2\"\n            >\n              {t(\"neetoPayments.common.or\")}\n            </Typography>\n            <hr className=\"flex-1 neeto-ui-border-gray-300\" />\n          </div>\n          <div>\n            <Typography className=\"mb-2\" variant=\"body2\" weight=\"medium\">\n              {t(\"neetoPayments.upi.payment.screenshot.label\")}\n            </Typography>\n            {screenshotPreview ? (\n              <div className=\"relative inline-block\">\n                <img\n                  alt={t(\"neetoPayments.upi.payment.screenshot.alt\")}\n                  className=\"max-h-40 neeto-ui-rounded border neeto-ui-border-gray-200\"\n                  src={screenshotPreview}\n                />\n                <Button\n                  className=\"absolute -right-2 -top-2 neeto-ui-rounded-full neeto-ui-bg-white neeto-ui-shadow-sm\"\n                  icon={Close}\n                  size=\"sm\"\n                  variant=\"ghost\"\n                  onClick={handleRemoveScreenshot}\n                />\n              </div>\n            ) : (\n              <div\n                className=\"flex cursor-pointer flex-col items-center justify-center neeto-ui-rounded border-2 border-dashed neeto-ui-border-gray-300 p-6 transition-colors hover:neeto-ui-border-gray-400\"\n                role=\"button\"\n                tabIndex={0}\n                onClick={() => fileInputRef.current?.click()}\n                onKeyDown={e => {\n                  if (e.key === \"Enter\" || e.key === \" \") {\n                    fileInputRef.current?.click();\n                  }\n                }}\n              >\n                <i className=\"ri-upload-2-line text-2xl neeto-ui-text-gray-400\" />\n                <Typography\n                  className=\"mt-1 neeto-ui-text-gray-500\"\n                  variant=\"body3\"\n                >\n                  {t(\"neetoPayments.upi.payment.screenshot.uploadText\")}\n                </Typography>\n                <Typography className=\"neeto-ui-text-gray-400\" variant=\"nano\">\n                  {t(\"neetoPayments.upi.payment.screenshot.formatHint\", {\n                    maxSize: MAX_SCREENSHOT_SIZE_MB,\n                  })}\n                </Typography>\n              </div>\n            )}\n            <input\n              accept={ACCEPTED_SCREENSHOT_FORMATS}\n              className=\"hidden\"\n              data-testid=\"manual-upi-screenshot-upload-input-field\"\n              ref={fileInputRef}\n              type=\"file\"\n              onChange={handleScreenshotSelect}\n            />\n          </div>\n          <ActionBlock\n            cancelButtonProps={{\n              label: t(\"neetoPayments.upi.payment.buttons.back\"),\n              onClick: handleCancel,\n              disabled: isPending,\n            }}\n            submitButtonProps={{\n              label: t(\"neetoPayments.upi.payment.buttons.submit\"),\n              disabled: (!dirty && !screenshotFile) || isPending || isUploading,\n              loading: isPending || isUploading,\n            }}\n          />\n        </>\n      )}\n    </Form>\n  );\n};\n\nexport default ManualUpiPayment;\n"],"names":["ACCEPTED_SCREENSHOT_FORMATS","MAX_SCREENSHOT_SIZE_MB","DIRECT_UPLOAD_URL","INITIAL_VALUES","identifier","buildValidationSchema","screenshotFile","yup","object","number","typeError","t","entity","nullable","transform","value","originalValue","test","isPresent","isNotPresent","Number","isInteger","length","toString","ManualUpiPayment","fee","payableId","tip","amount","discountCode","customAmount","handleCancel","payableType","onBeforePayment","noop","onFailedPayment","onSuccessfulPayment","useTranslation","fileInputRef","useRef","setScreenshotFile","useState","isUploading","setIsUploading","screenshotPreview","useMemo","URL","createObjectURL","useEffect","revokeObjectURL","vpaIds","pluck","vpas","amountToUpi","isPending","mutate","createPayment","useCreateUpiPayment","onSuccess","onError","validationSchema","handleScreenshotSelect","event","file","target","files","size","Toastr","error","maxSize","handleRemoveScreenshot","current","uploadScreenshot","Promise","resolve","reject","upload","DirectUpload","create","blob","signed_id","handleSubmit","values","paymentScreenshot","tipAttributes","_jsx","Form","className","formikProps","onSubmit","initialValues","children","dirty","_jsxs","_Fragment","Typography","variant","count","map","vpaId","QRCodeImage","style","width","height","getQrCodeValue","Input","label","name","placeholder","type","weight","alt","src","Button","icon","Close","onClick","role","tabIndex","click","onKeyDown","e","key","accept","ref","onChange","ActionBlock","cancelButtonProps","disabled","submitButtonProps","loading"],"mappings":"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"}

package/dist/cjs/v2/ManualUpiPaymentConfirmButton.js

@@ -0,0 +1,172 @@
+'use strict';
+
+var react = require('react');
+var neetoAtoms = require('@bigbinary/neeto-atoms');
+var formik = require('@bigbinary/neeto-atoms/formik');
+var neetocist = require('neetocist');
+var ramda = require('ramda');
+var reactI18next = require('react-i18next');
+var usePaymentApi = require('../usePaymentApi-CuL13mny.js');
+var i18next = require('i18next');
+var yup = require('yup');
+var jsxRuntime = require('react/jsx-runtime');
+require('@tanstack/react-query');
+require('neetocommons/react-utils');
+require('axios');
+require('../index-CpEnC-Gq.js');
+require('neetocommons/constants');
+require('decimal.js');
+require('neetocommons/utils');
+require('../queryConstants-CGUF7zol.js');
+
+function _interopNamespaceDefault(e) {
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var yup__namespace = /*#__PURE__*/_interopNamespaceDefault(yup);
+
+const INITIAL_VALUE = {
+  vpaId: "",
+  notes: ""
+};
+const VALIDATION_SCHEMA = yup__namespace.object({
+  vpaId: yup__namespace.string().required(i18next.t("neetoPayments.upi.confirmModal.vpasIdRequired"))
+});
+
+const ManualUpiPaymentConfirmButton = ({
+  vpas,
+  identifier,
+  paymentId,
+  manualUpiId,
+  payableId,
+  onSuccess = neetocist.noop,
+  keysToInvalidate = [],
+  children
+}) => {
+  const [isModalOpen, setIsModalOpen] = react.useState(false);
+  const {
+    t
+  } = reactI18next.useTranslation();
+  const onSuccessfulUpdate = () => {
+    setIsModalOpen(false);
+    onSuccess();
+  };
+  const {
+    mutate: updateUpiPayment,
+    isPending
+  } = usePaymentApi.useUpdateUpiPayment({
+    id: paymentId,
+    manualUpiId,
+    keysToInvalidate,
+    options: {
+      onSuccess: onSuccessfulUpdate
+    }
+  });
+  const initialValues = vpas.length === 1 ? ramda.mergeLeft({
+    vpaId: vpas[0].id
+  }, INITIAL_VALUE) : INITIAL_VALUE;
+  const onClose = () => setIsModalOpen(false);
+  const handleSubmit = ({
+    vpaId,
+    notes
+  }) => {
+    const vpa = neetocist.findBy({
+      id: vpaId
+    }, vpas);
+    const payload = {
+      notes,
+      vpaId,
+      payableId,
+      upiId: vpa.upiId,
+      status: "successful"
+    };
+    updateUpiPayment(payload);
+  };
+  return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
+    children: [/*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Button, {
+      "data-testid": "confirm-payment-btn",
+      label: t("neetoPayments.upi.payment.buttons.confirmPayment"),
+      loading: isPending,
+      size: "sm",
+      onClick: () => setIsModalOpen(true)
+    }), /*#__PURE__*/jsxRuntime.jsxs(neetoAtoms.Dialog, {
+      onClose,
+      isOpen: isModalOpen,
+      size: "large",
+      children: [/*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Dialog.Header, {
+        children: /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Dialog.Title, {
+          children: t("neetoPayments.upi.confirmModal.title")
+        })
+      }), /*#__PURE__*/jsxRuntime.jsx(formik.Form, {
+        formikProps: {
+          initialValues,
+          enableReinitialize: true,
+          onSubmit: handleSubmit,
+          validationSchema: VALIDATION_SCHEMA
+        },
+        children: ({
+          dirty,
+          isSubmitting
+        }) => /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
+          children: [/*#__PURE__*/jsxRuntime.jsxs(neetoAtoms.Dialog.Body, {
+            children: [children, /*#__PURE__*/jsxRuntime.jsxs("div", {
+              className: "flex flex-col space-y-4",
+              children: [/*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Typography, {
+                lineHeight: "normal",
+                variant: "body2",
+                children: t("neetoPayments.upi.confirmModal.upiTransactionId", {
+                  identifier
+                })
+              }), /*#__PURE__*/jsxRuntime.jsx(formik.Select, {
+                label: t("neetoPayments.upi.confirmModal.accountIdLabel"),
+                name: "vpaId",
+                options: vpas?.map(({
+                  address,
+                  id
+                }) => ({
+                  label: address,
+                  value: String(id)
+                }))
+              }), /*#__PURE__*/jsxRuntime.jsx(formik.Textarea, {
+                "data-testid": "confirm-booking-modal-input-textfield",
+                label: t("neetoPayments.upi.confirmModal.notes"),
+                name: "notes",
+                placeholder: t("neetoPayments.upi.confirmModal.notesPlaceholder")
+              })]
+            })]
+          }), /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Dialog.Footer, {
+            className: "space-x-2",
+            children: /*#__PURE__*/jsxRuntime.jsx(formik.ActionBlock, {
+              isSubmitting: isPending,
+              position: "right",
+              cancelButtonProps: {
+                onClick: onClose,
+                variant: "ghost"
+              },
+              submitButtonProps: {
+                disabled: isSubmitting || isPending || vpas.length !== 1 && !dirty,
+                label: t("neetoPayments.common.confirm")
+              }
+            })
+          })]
+        })
+      })]
+    })]
+  });
+};
+
+module.exports = ManualUpiPaymentConfirmButton;
+//# sourceMappingURL=ManualUpiPaymentConfirmButton.js.map

package/dist/cjs/v2/ManualUpiPaymentConfirmButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ManualUpiPaymentConfirmButton.js","sources":["../../../app/javascript/src/v2/components/ManualUpiPaymentConfirmButton/constants.js","../../../app/javascript/src/v2/components/ManualUpiPaymentConfirmButton/index.jsx"],"sourcesContent":["import { t } from \"i18next\";\nimport * as yup from \"yup\";\n\nexport const INITIAL_VALUE = { vpaId: \"\", notes: \"\" };\n\nexport const VALIDATION_SCHEMA = yup.object({\n  vpaId: yup\n    .string()\n    .required(t(\"neetoPayments.upi.confirmModal.vpasIdRequired\")),\n});\n","import { useState } from \"react\";\n\nimport { Button, Dialog, Typography } from \"@bigbinary/neeto-atoms\";\nimport {\n  Form,\n  Textarea,\n  Select,\n  ActionBlock,\n} from \"@bigbinary/neeto-atoms/formik\";\nimport { findBy, noop } from \"neetocist\";\nimport { mergeLeft } from \"ramda\";\nimport { useTranslation } from \"react-i18next\";\n\nimport { useUpdateUpiPayment } from \"hooks/reactQuery/manualUpi/usePaymentApi\";\n\nimport { INITIAL_VALUE, VALIDATION_SCHEMA } from \"./constants\";\n\nconst ManualUpiPaymentConfirmButton = ({\n  vpas,\n  identifier,\n  paymentId,\n  manualUpiId,\n  payableId,\n  onSuccess = noop,\n  keysToInvalidate = [],\n  children,\n}) => {\n  const [isModalOpen, setIsModalOpen] = useState(false);\n\n  const { t } = useTranslation();\n\n  const onSuccessfulUpdate = () => {\n    setIsModalOpen(false);\n    onSuccess();\n  };\n\n  const { mutate: updateUpiPayment, isPending } = useUpdateUpiPayment({\n    id: paymentId,\n    manualUpiId,\n    keysToInvalidate,\n    options: { onSuccess: onSuccessfulUpdate },\n  });\n\n  const initialValues =\n    vpas.length === 1\n      ? mergeLeft({ vpaId: vpas[0].id }, INITIAL_VALUE)\n      : INITIAL_VALUE;\n\n  const onClose = () => setIsModalOpen(false);\n\n  const handleSubmit = ({ vpaId, notes }) => {\n    const vpa = findBy({ id: vpaId }, vpas);\n    const payload = {\n      notes,\n      vpaId,\n      payableId,\n      upiId: vpa.upiId,\n      status: \"successful\",\n    };\n    updateUpiPayment(payload);\n  };\n\n  return (\n    <>\n      <Button\n        data-testid=\"confirm-payment-btn\"\n        label={t(\"neetoPayments.upi.payment.buttons.confirmPayment\")}\n        loading={isPending}\n        size=\"sm\"\n        onClick={() => setIsModalOpen(true)}\n      />\n      <Dialog {...{ onClose }} isOpen={isModalOpen} size=\"large\">\n        <Dialog.Header>\n          <Dialog.Title>\n            {t(\"neetoPayments.upi.confirmModal.title\")}\n          </Dialog.Title>\n        </Dialog.Header>\n        <Form\n          formikProps={{\n            initialValues,\n            enableReinitialize: true,\n            onSubmit: handleSubmit,\n            validationSchema: VALIDATION_SCHEMA,\n          }}\n        >\n          {({ dirty, isSubmitting }) => (\n            <>\n              <Dialog.Body>\n                {children}\n                <div className=\"flex flex-col space-y-4\">\n                  <Typography lineHeight=\"normal\" variant=\"body2\">\n                    {t(\"neetoPayments.upi.confirmModal.upiTransactionId\", {\n                      identifier,\n                    })}\n                  </Typography>\n                  <Select\n                    label={t(\"neetoPayments.upi.confirmModal.accountIdLabel\")}\n                    name=\"vpaId\"\n                    options={vpas?.map(({ address, id }) => ({\n                      label: address,\n                      value: String(id),\n                    }))}\n                  />\n                  <Textarea\n                    data-testid=\"confirm-booking-modal-input-textfield\"\n                    label={t(\"neetoPayments.upi.confirmModal.notes\")}\n                    name=\"notes\"\n                    placeholder={t(\n                      \"neetoPayments.upi.confirmModal.notesPlaceholder\"\n                    )}\n                  />\n                </div>\n              </Dialog.Body>\n              <Dialog.Footer className=\"space-x-2\">\n                <ActionBlock\n                  isSubmitting={isPending}\n                  position=\"right\"\n                  cancelButtonProps={{\n                    onClick: onClose,\n                    variant: \"ghost\",\n                  }}\n                  submitButtonProps={{\n                    disabled:\n                      isSubmitting ||\n                      isPending ||\n                      (vpas.length !== 1 && !dirty),\n                    label: t(\"neetoPayments.common.confirm\"),\n                  }}\n                />\n              </Dialog.Footer>\n            </>\n          )}\n        </Form>\n      </Dialog>\n    </>\n  );\n};\n\nexport default ManualUpiPaymentConfirmButton;\n"],"names":["INITIAL_VALUE","vpaId","notes","VALIDATION_SCHEMA","yup","object","string","required","t","ManualUpiPaymentConfirmButton","vpas","identifier","paymentId","manualUpiId","payableId","onSuccess","noop","keysToInvalidate","children","isModalOpen","setIsModalOpen","useState","useTranslation","onSuccessfulUpdate","mutate","updateUpiPayment","isPending","useUpdateUpiPayment","id","options","initialValues","length","mergeLeft","onClose","handleSubmit","vpa","findBy","payload","upiId","status","_jsxs","_Fragment","_jsx","Button","label","loading","size","onClick","Dialog","isOpen","Header","Title","Form","formikProps","enableReinitialize","onSubmit","validationSchema","dirty","isSubmitting","Body","className","Typography","lineHeight","variant","Select","name","map","address","value","String","Textarea","placeholder","Footer","ActionBlock","position","cancelButtonProps","submitButtonProps","disabled"],"mappings":"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"}

package/dist/cjs/v2/ManualUpiPaymentRejectButton.js

@@ -0,0 +1,127 @@
+'use strict';
+
+var react = require('react');
+var neetoAtoms = require('@bigbinary/neeto-atoms');
+var formik = require('@bigbinary/neeto-atoms/formik');
+var neetocist = require('neetocist');
+var reactI18next = require('react-i18next');
+var usePaymentApi = require('../usePaymentApi-CuL13mny.js');
+var jsxRuntime = require('react/jsx-runtime');
+require('@tanstack/react-query');
+require('neetocommons/react-utils');
+require('axios');
+require('../index-CpEnC-Gq.js');
+require('i18next');
+require('neetocommons/constants');
+require('decimal.js');
+require('neetocommons/utils');
+require('ramda');
+require('../queryConstants-CGUF7zol.js');
+
+const INITIAL_VALUE = {
+  notes: ""
+};
+
+const ManualUpiPaymentRejectButton = ({
+  identifier,
+  paymentId,
+  manualUpiId,
+  payableId,
+  onSuccess = neetocist.noop,
+  keysToInvalidate = []
+}) => {
+  const [isModalOpen, setIsModalOpen] = react.useState(false);
+  const {
+    t
+  } = reactI18next.useTranslation();
+  const onSuccessfulUpdate = () => {
+    setIsModalOpen(false);
+    onSuccess();
+  };
+  const {
+    mutate: updateUpiPayment,
+    isPending
+  } = usePaymentApi.useUpdateUpiPayment({
+    id: paymentId,
+    manualUpiId,
+    keysToInvalidate,
+    options: {
+      onSuccess: onSuccessfulUpdate
+    }
+  });
+  const onClose = () => setIsModalOpen(false);
+  const handleSubmit = ({
+    notes
+  }) => {
+    const payload = {
+      notes,
+      payableId,
+      status: "rejected"
+    };
+    updateUpiPayment(payload);
+  };
+  return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
+    children: [/*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Button, {
+      "data-testid": "reject-upi-payment-button",
+      label: t("neetoPayments.upi.payment.buttons.rejectPayment"),
+      loading: isPending,
+      size: "sm",
+      variant: "destructive",
+      onClick: () => setIsModalOpen(true)
+    }), /*#__PURE__*/jsxRuntime.jsxs(neetoAtoms.Dialog, {
+      onClose,
+      isOpen: isModalOpen,
+      size: "large",
+      children: [/*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Dialog.Header, {
+        children: /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Dialog.Title, {
+          children: t("neetoPayments.upi.rejectModal.title")
+        })
+      }), /*#__PURE__*/jsxRuntime.jsx(formik.Form, {
+        formikProps: {
+          initialValues: INITIAL_VALUE,
+          enableReinitialize: true,
+          onSubmit: handleSubmit
+        },
+        children: ({
+          isSubmitting
+        }) => /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
+          children: [/*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Dialog.Body, {
+            children: /*#__PURE__*/jsxRuntime.jsxs("div", {
+              className: "flex flex-col space-y-4",
+              children: [/*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Typography, {
+                lineHeight: "normal",
+                variant: "body2",
+                children: t("neetoPayments.upi.confirmModal.upiTransactionId", {
+                  identifier
+                })
+              }), /*#__PURE__*/jsxRuntime.jsx(formik.Textarea, {
+                "data-testid": "reject-booking-modal-input-textfield",
+                label: t("neetoPayments.upi.confirmModal.notes"),
+                name: "notes",
+                placeholder: t("neetoPayments.upi.confirmModal.notesPlaceholder")
+              })]
+            })
+          }), /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Dialog.Footer, {
+            className: "space-x-2",
+            children: /*#__PURE__*/jsxRuntime.jsx(formik.ActionBlock, {
+              isSubmitting: isPending,
+              position: "right",
+              cancelButtonProps: {
+                onClick: onClose,
+                variant: "ghost"
+              },
+              submitButtonProps: {
+                disabled: isSubmitting || isPending,
+                label: t("neetoPayments.common.reject"),
+                variant: "destructive"
+              }
+            })
+          })]
+        })
+      })]
+    })]
+  });
+};
+
+module.exports = ManualUpiPaymentRejectButton;
+//# sourceMappingURL=ManualUpiPaymentRejectButton.js.map

package/dist/cjs/v2/ManualUpiPaymentRejectButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ManualUpiPaymentRejectButton.js","sources":["../../../app/javascript/src/v2/components/ManualUpiPaymentRejectButton/constants.js","../../../app/javascript/src/v2/components/ManualUpiPaymentRejectButton/index.jsx"],"sourcesContent":["export const INITIAL_VALUE = { notes: \"\" };\n","import { useState } from \"react\";\n\nimport { Button, Dialog, Typography } from \"@bigbinary/neeto-atoms\";\nimport { Form, Textarea, ActionBlock } from \"@bigbinary/neeto-atoms/formik\";\nimport { noop } from \"neetocist\";\nimport { useTranslation } from \"react-i18next\";\n\nimport { useUpdateUpiPayment } from \"hooks/reactQuery/manualUpi/usePaymentApi\";\n\nimport { INITIAL_VALUE } from \"./constants\";\n\nconst ManualUpiPaymentRejectButton = ({\n  identifier,\n  paymentId,\n  manualUpiId,\n  payableId,\n  onSuccess = noop,\n  keysToInvalidate = [],\n}) => {\n  const [isModalOpen, setIsModalOpen] = useState(false);\n\n  const { t } = useTranslation();\n\n  const onSuccessfulUpdate = () => {\n    setIsModalOpen(false);\n    onSuccess();\n  };\n\n  const { mutate: updateUpiPayment, isPending } = useUpdateUpiPayment({\n    id: paymentId,\n    manualUpiId,\n    keysToInvalidate,\n    options: { onSuccess: onSuccessfulUpdate },\n  });\n\n  const onClose = () => setIsModalOpen(false);\n\n  const handleSubmit = ({ notes }) => {\n    const payload = { notes, payableId, status: \"rejected\" };\n    updateUpiPayment(payload);\n  };\n\n  return (\n    <>\n      <Button\n        data-testid=\"reject-upi-payment-button\"\n        label={t(\"neetoPayments.upi.payment.buttons.rejectPayment\")}\n        loading={isPending}\n        size=\"sm\"\n        variant=\"destructive\"\n        onClick={() => setIsModalOpen(true)}\n      />\n      <Dialog {...{ onClose }} isOpen={isModalOpen} size=\"large\">\n        <Dialog.Header>\n          <Dialog.Title>\n            {t(\"neetoPayments.upi.rejectModal.title\")}\n          </Dialog.Title>\n        </Dialog.Header>\n        <Form\n          formikProps={{\n            initialValues: INITIAL_VALUE,\n            enableReinitialize: true,\n            onSubmit: handleSubmit,\n          }}\n        >\n          {({ isSubmitting }) => (\n            <>\n              <Dialog.Body>\n                <div className=\"flex flex-col space-y-4\">\n                  <Typography lineHeight=\"normal\" variant=\"body2\">\n                    {t(\"neetoPayments.upi.confirmModal.upiTransactionId\", {\n                      identifier,\n                    })}\n                  </Typography>\n                  <Textarea\n                    data-testid=\"reject-booking-modal-input-textfield\"\n                    label={t(\"neetoPayments.upi.confirmModal.notes\")}\n                    name=\"notes\"\n                    placeholder={t(\n                      \"neetoPayments.upi.confirmModal.notesPlaceholder\"\n                    )}\n                  />\n                </div>\n              </Dialog.Body>\n              <Dialog.Footer className=\"space-x-2\">\n                <ActionBlock\n                  isSubmitting={isPending}\n                  position=\"right\"\n                  cancelButtonProps={{\n                    onClick: onClose,\n                    variant: \"ghost\",\n                  }}\n                  submitButtonProps={{\n                    disabled: isSubmitting || isPending,\n                    label: t(\"neetoPayments.common.reject\"),\n                    variant: \"destructive\",\n                  }}\n                />\n              </Dialog.Footer>\n            </>\n          )}\n        </Form>\n      </Dialog>\n    </>\n  );\n};\n\nexport default ManualUpiPaymentRejectButton;\n"],"names":["INITIAL_VALUE","notes","ManualUpiPaymentRejectButton","identifier","paymentId","manualUpiId","payableId","onSuccess","noop","keysToInvalidate","isModalOpen","setIsModalOpen","useState","t","useTranslation","onSuccessfulUpdate","mutate","updateUpiPayment","isPending","useUpdateUpiPayment","id","options","onClose","handleSubmit","payload","status","_jsxs","_Fragment","children","_jsx","Button","label","loading","size","variant","onClick","Dialog","isOpen","Header","Title","Form","formikProps","initialValues","enableReinitialize","onSubmit","isSubmitting","Body","className","Typography","lineHeight","Textarea","name","placeholder","Footer","ActionBlock","position","cancelButtonProps","submitButtonProps","disabled"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAO,MAAMA,aAAa,GAAG;AAAEC,EAAAA,KAAK,EAAE;AAAG,CAAC;;ACW1C,MAAMC,4BAA4B,GAAGA,CAAC;EACpCC,UAAU;EACVC,SAAS;EACTC,WAAW;EACXC,SAAS;AACTC,EAAAA,SAAS,GAAGC,cAAI;AAChBC,EAAAA,gBAAgB,GAAG;AACrB,CAAC,KAAK;EACJ,MAAM,CAACC,WAAW,EAAEC,cAAc,CAAC,GAAGC,cAAQ,CAAC,KAAK,CAAC;EAErD,MAAM;AAAEC,IAAAA;GAAG,GAAGC,2BAAc,EAAE;EAE9B,MAAMC,kBAAkB,GAAGA,MAAM;IAC/BJ,cAAc,CAAC,KAAK,CAAC;AACrBJ,IAAAA,SAAS,EAAE;EACb,CAAC;EAED,MAAM;AAAES,IAAAA,MAAM,EAAEC,gBAAgB;AAAEC,IAAAA;GAAW,GAAGC,iCAAmB,CAAC;AAClEC,IAAAA,EAAE,EAAEhB,SAAS;IACbC,WAAW;IACXI,gBAAgB;AAChBY,IAAAA,OAAO,EAAE;AAAEd,MAAAA,SAAS,EAAEQ;AAAmB;AAC3C,GAAC,CAAC;AAEF,EAAA,MAAMO,OAAO,GAAGA,MAAMX,cAAc,CAAC,KAAK,CAAC;EAE3C,MAAMY,YAAY,GAAGA,CAAC;AAAEtB,IAAAA;AAAM,GAAC,KAAK;AAClC,IAAA,MAAMuB,OAAO,GAAG;MAAEvB,KAAK;MAAEK,SAAS;AAAEmB,MAAAA,MAAM,EAAE;KAAY;IACxDR,gBAAgB,CAACO,OAAO,CAAC;EAC3B,CAAC;EAED,oBACEE,eAAA,CAAAC,mBAAA,EAAA;IAAAC,QAAA,EAAA,cACEC,cAAA,CAACC,iBAAM,EAAA;AACL,MAAA,aAAA,EAAY,2BAA2B;AACvCC,MAAAA,KAAK,EAAElB,CAAC,CAAC,iDAAiD,CAAE;AAC5DmB,MAAAA,OAAO,EAAEd,SAAU;AACnBe,MAAAA,IAAI,EAAC,IAAI;AACTC,MAAAA,OAAO,EAAC,aAAa;AACrBC,MAAAA,OAAO,EAAEA,MAAMxB,cAAc,CAAC,IAAI;AAAE,KACrC,CAAC,eACFe,eAAA,CAACU,iBAAM,EAAA;MAAOd,OAAO;AAAIe,MAAAA,MAAM,EAAE3B,WAAY;AAACuB,MAAAA,IAAI,EAAC,OAAO;AAAAL,MAAAA,QAAA,EAAA,cACxDC,cAAA,CAACO,iBAAM,CAACE,MAAM,EAAA;AAAAV,QAAAA,QAAA,eACZC,cAAA,CAACO,iBAAM,CAACG,KAAK,EAAA;UAAAX,QAAA,EACVf,CAAC,CAAC,qCAAqC;SAC5B;AAAC,OACF,CAAC,eAChBgB,cAAA,CAACW,WAAI,EAAA;AACHC,QAAAA,WAAW,EAAE;AACXC,UAAAA,aAAa,EAAE1C,aAAa;AAC5B2C,UAAAA,kBAAkB,EAAE,IAAI;AACxBC,UAAAA,QAAQ,EAAErB;SACV;AAAAK,QAAAA,QAAA,EAEDA,CAAC;AAAEiB,UAAAA;SAAc,kBAChBnB,eAAA,CAAAC,mBAAA,EAAA;AAAAC,UAAAA,QAAA,EAAA,cACEC,cAAA,CAACO,iBAAM,CAACU,IAAI,EAAA;AAAAlB,YAAAA,QAAA,eACVF,eAAA,CAAA,KAAA,EAAA;AAAKqB,cAAAA,SAAS,EAAC,yBAAyB;cAAAnB,QAAA,EAAA,cACtCC,cAAA,CAACmB,qBAAU,EAAA;AAACC,gBAAAA,UAAU,EAAC,QAAQ;AAACf,gBAAAA,OAAO,EAAC,OAAO;AAAAN,gBAAAA,QAAA,EAC5Cf,CAAC,CAAC,iDAAiD,EAAE;AACpDV,kBAAAA;iBACD;AAAC,eACQ,CAAC,eACb0B,cAAA,CAACqB,eAAQ,EAAA;AACP,gBAAA,aAAA,EAAY,sCAAsC;AAClDnB,gBAAAA,KAAK,EAAElB,CAAC,CAAC,sCAAsC,CAAE;AACjDsC,gBAAAA,IAAI,EAAC,OAAO;gBACZC,WAAW,EAAEvC,CAAC,CACZ,iDACF;AAAE,eACH,CAAC;aACC;AAAC,WACK,CAAC,eACdgB,cAAA,CAACO,iBAAM,CAACiB,MAAM,EAAA;AAACN,YAAAA,SAAS,EAAC,WAAW;YAAAnB,QAAA,eAClCC,cAAA,CAACyB,kBAAW,EAAA;AACVT,cAAAA,YAAY,EAAE3B,SAAU;AACxBqC,cAAAA,QAAQ,EAAC,OAAO;AAChBC,cAAAA,iBAAiB,EAAE;AACjBrB,gBAAAA,OAAO,EAAEb,OAAO;AAChBY,gBAAAA,OAAO,EAAE;eACT;AACFuB,cAAAA,iBAAiB,EAAE;gBACjBC,QAAQ,EAAEb,YAAY,IAAI3B,SAAS;AACnCa,gBAAAA,KAAK,EAAElB,CAAC,CAAC,6BAA6B,CAAC;AACvCqB,gBAAAA,OAAO,EAAE;AACX;aACD;AAAC,WACW,CAAC;SAChB;AACH,OACG,CAAC;AAAA,KACD,CAAC;AAAA,GACT,CAAC;AAEP;;;;"}