m2m-components 3.0.2 → 3.1.0

package/feedback/index.js

@@ -0,0 +1,189 @@
+var _excluded = ["children"];
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
+function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
+import { Button, Modal, Portal, Typography, useAlert, useModal } from "matsuri-ui";
+import FeedbackIcon from "@mui/icons-material/Feedback";
+import { MatsuriFormsQuestion, MatsuriFormsQuestionProvider, useMatsuriForms } from "matsuri-forms-sdk";
+import { SelectQuestion } from "./SelectQuestion";
+import { MultipleTextQuestion } from "./MultipleTextQuestion";
+import { createContext, useContext, useState } from "react";
+import { getRandomId } from "./getRandomId";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+import { createElement as _createElement } from "react";
+var getFormId = () => {
+  return globalThis.M2M_COMPONENTS_ENV === "production" ? "01GWRQ1MRS7PE29XGRETFZ6D7Y" : "01GTBSYMGPMX91E96P007SXEMH";
+};
+var TextQuestionContext = /*#__PURE__*/createContext({});
+var TextQuestion = props => {
+  var context = useContext(TextQuestionContext);
+  return /*#__PURE__*/_jsx("input", {
+    value: context[props.title],
+    type: "hidden",
+    name: props.name
+  });
+};
+var FeedbackProviderModal = props => {
+  var {
+    questions,
+    submit
+  } = useMatsuriForms(getFormId());
+  var {
+    throwAlert
+  } = useAlert();
+  var [status, setStatus] = useState("started");
+  var id = getRandomId();
+  return /*#__PURE__*/_jsx(Modal, _objectSpread({
+    backdrop: true,
+    width: 600,
+    maxWidth: 600,
+    header: /*#__PURE__*/_jsx(Typography, {
+      variant: "h3",
+      children: "\u30D5\u30A3\u30FC\u30C9\u30D0\u30C3\u30AF\u3092\u9001\u4FE1"
+    }),
+    body: status === "completed" ? /*#__PURE__*/_jsxs("div", {
+      style: {
+        display: "grid",
+        gap: 32
+      },
+      children: [/*#__PURE__*/_jsx(Typography, {
+        children: "\u30EC\u30DD\u30FC\u30C8\u3092\u9001\u4FE1\u3057\u307E\u3057\u305F\u3002\u3042\u308A\u304C\u3068\u3046\u3054\u3056\u3044\u307E\u3059\u3002"
+      }), /*#__PURE__*/_jsx(Typography, {
+        color: "textSecondary",
+        variant: "caption",
+        as: "p",
+        children: "\u304A\u9001\u308A\u3044\u305F\u3060\u3044\u305F\u30D5\u30A3\u30FC\u30C9\u30D0\u30C3\u30AF\u306F\u3001\u554F\u984C\u306E\u89E3\u6C7A\u3068\u30B5\u30FC\u30D3\u30B9\u306E\u6539\u5584\u306B\u5F79\u7ACB\u3066\u3055\u305B\u3066\u3044\u305F\u3060\u304D\u307E\u3059\u3002"
+      }), /*#__PURE__*/_jsx(Button, {
+        color: "primary",
+        variant: "filled",
+        onClick: () => {
+          var _props$onClose;
+          (_props$onClose = props.onClose) === null || _props$onClose === void 0 ? void 0 : _props$onClose.call(props);
+        },
+        children: "\u9589\u3058\u308B"
+      })]
+    }) : /*#__PURE__*/_jsxs("form", {
+      onSubmit: /*#__PURE__*/function () {
+        var _ref = _asyncToGenerator(function* (event) {
+          event.preventDefault();
+          setStatus("sending");
+          var {
+            error
+          } = yield submit(event.currentTarget);
+
+          /**
+           * 以下、対応が行われるまでは取れる値だけ送る
+           * https://github.com/matsuri-tech/matsuri-forms-manager-front/issues/265
+           */
+          var input = {
+            id,
+            userId: props.userId,
+            userName: props.userName,
+            serviceName: props.serviceName,
+            url: window.location.href
+          };
+          throwAlert(error, {
+            ignoreSuccess: true,
+            errorMessage: {
+              reason: "サーバー側のエラーの可能性があります。",
+              action: "しばらく時間を空けて試すか、開発チームへお問い合わせください。",
+              happend: "フィードバックの送信に失敗しました。"
+            },
+            onSuccess: () => {
+              var _props$datadogLogs, _props$datadogLogs$lo, _props$datadogLogs$lo2;
+              (_props$datadogLogs = props.datadogLogs) === null || _props$datadogLogs === void 0 ? void 0 : (_props$datadogLogs$lo = _props$datadogLogs.logger) === null || _props$datadogLogs$lo === void 0 ? void 0 : (_props$datadogLogs$lo2 = _props$datadogLogs$lo.info) === null || _props$datadogLogs$lo2 === void 0 ? void 0 : _props$datadogLogs$lo2.call(_props$datadogLogs$lo, "Feedback: ".concat(id, " by ").concat(props.userId), {
+                input
+              });
+              window.setTimeout(() => {
+                setStatus("completed");
+              }, 2000);
+            },
+            onError: () => {
+              var _props$datadogLogs2, _props$datadogLogs2$l, _props$datadogLogs2$l2;
+              (_props$datadogLogs2 = props.datadogLogs) === null || _props$datadogLogs2 === void 0 ? void 0 : (_props$datadogLogs2$l = _props$datadogLogs2.logger) === null || _props$datadogLogs2$l === void 0 ? void 0 : (_props$datadogLogs2$l2 = _props$datadogLogs2$l.error) === null || _props$datadogLogs2$l2 === void 0 ? void 0 : _props$datadogLogs2$l2.call(_props$datadogLogs2$l, "Failed Feedback: ".concat(input.id, " by ").concat(input.userId), {
+                input,
+                error
+              });
+              window.setTimeout(() => {
+                setStatus("started");
+              }, 2000);
+            }
+          });
+        });
+        return function (_x) {
+          return _ref.apply(this, arguments);
+        };
+      }(),
+      children: [/*#__PURE__*/_jsx(TextQuestionContext.Provider, {
+        value: {
+          userId: props.userId,
+          userName: props.userName,
+          serviceName: props.serviceName,
+          url: window.location.href
+        },
+        children: /*#__PURE__*/_jsx(MatsuriFormsQuestionProvider, {
+          renderSelect: SelectQuestion,
+          renderMultilineText: MultipleTextQuestion,
+          renderText: TextQuestion,
+          children: questions.map(question => {
+            return /*#__PURE__*/_createElement(MatsuriFormsQuestion, _objectSpread(_objectSpread({}, question), {}, {
+              key: question.id
+            }));
+          })
+        })
+      }), /*#__PURE__*/_jsxs("div", {
+        children: [/*#__PURE__*/_jsx(Button, {
+          type: "submit",
+          color: "primary",
+          variant: "filled",
+          disabled: status === "sending",
+          fullWidth: true,
+          children: "\u9001\u4FE1"
+        }), /*#__PURE__*/_jsxs(Typography, {
+          variant: "caption",
+          style: {
+            float: "right"
+          },
+          children: [status === "sending" ? "送信中..." : undefined, "\xA0"]
+        })]
+      })]
+    })
+  }, props));
+};
+export var FeedbackProvider = _ref2 => {
+  var {
+      children
+    } = _ref2,
+    modalProps = _objectWithoutProperties(_ref2, _excluded);
+  var [open] = useModal(FeedbackProviderModal, {
+    enableClickOutside: true,
+    disableClose: false
+  });
+  return /*#__PURE__*/_jsxs("div", {
+    children: [children, /*#__PURE__*/_jsx(Portal, {
+      children: /*#__PURE__*/_jsx(Button, {
+        style: {
+          position: "fixed",
+          bottom: 16,
+          right: 16
+        },
+        onClick: () => {
+          open(modalProps);
+        },
+        type: "button",
+        icon: /*#__PURE__*/_jsx(FeedbackIcon, {}),
+        color: "secondary",
+        variant: "filled",
+        rounded: true
+      })
+    })]
+  });
+};
+//# sourceMappingURL=index.js.map

package/feedback/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["Button","Modal","Portal","Typography","useAlert","useModal","FeedbackIcon","MatsuriFormsQuestion","MatsuriFormsQuestionProvider","useMatsuriForms","SelectQuestion","MultipleTextQuestion","createContext","useContext","useState","getRandomId","jsx","_jsx","jsxs","_jsxs","createElement","_createElement","getFormId","globalThis","M2M_COMPONENTS_ENV","TextQuestionContext","TextQuestion","props","context","value","title","type","name","FeedbackProviderModal","questions","submit","throwAlert","status","setStatus","id","_objectSpread","backdrop","width","maxWidth","header","variant","children","body","style","display","gap","color","as","onClick","_props$onClose","onClose","call","onSubmit","_ref","_asyncToGenerator","event","preventDefault","error","currentTarget","input","userId","userName","serviceName","url","window","location","href","ignoreSuccess","errorMessage","reason","action","happend","onSuccess","_props$datadogLogs","_props$datadogLogs$lo","_props$datadogLogs$lo2","datadogLogs","logger","info","concat","setTimeout","onError","_props$datadogLogs2","_props$datadogLogs2$l","_props$datadogLogs2$l2","_x","apply","arguments","Provider","renderSelect","renderMultilineText","renderText","map","question","key","disabled","fullWidth","float","undefined","FeedbackProvider","_ref2","modalProps","_objectWithoutProperties","_excluded","open","enableClickOutside","disableClose","position","bottom","right","icon","rounded"],"sources":["../src/feedback/index.tsx"],"sourcesContent":["import {\n  Button,\n  Modal,\n  ModalProps,\n  Portal,\n  Typography,\n  useAlert,\n  useModal,\n} from \"matsuri-ui\";\nimport FeedbackIcon from \"@mui/icons-material/Feedback\";\nimport {\n  MatsuriFormsQuestion,\n  MatsuriFormsQuestionProvider,\n  MatsuriFormsTextQuestionProps,\n  useMatsuriForms,\n} from \"matsuri-forms-sdk\";\nimport { SelectQuestion } from \"./SelectQuestion\";\nimport { MultipleTextQuestion } from \"./MultipleTextQuestion\";\nimport { createContext, PropsWithChildren, useContext, useState } from \"react\";\nimport { getRandomId } from \"./getRandomId\";\nimport { type Logger } from \"@datadog/browser-logs\";\n\nconst getFormId = () => {\n  return globalThis.M2M_COMPONENTS_ENV === \"production\"\n    ? \"01GWRQ1MRS7PE29XGRETFZ6D7Y\"\n    : \"01GTBSYMGPMX91E96P007SXEMH\";\n};\n\ninterface TextQuestionContextValue {\n  userId?: string;\n  userName?: string;\n  serviceName?: string;\n  url?: string;\n}\n\nconst TextQuestionContext = createContext<TextQuestionContextValue>({});\n\nconst TextQuestion = (props: MatsuriFormsTextQuestionProps) => {\n  const context = useContext(TextQuestionContext);\n  return (\n    <input\n      value={context[props.title as keyof TextQuestionContextValue]}\n      type=\"hidden\"\n      name={props.name}\n    />\n  );\n};\n\ninterface FeedbackProviderModalProps\n  extends Partial<ModalProps>,\n    FeedbackProviderProps {}\n\nconst FeedbackProviderModal = (props: FeedbackProviderModalProps) => {\n  const { questions, submit } = useMatsuriForms(getFormId());\n\n  const { throwAlert } = useAlert();\n\n  const [status, setStatus] = useState<\"started\" | \"sending\" | \"completed\">(\n    \"started\"\n  );\n\n  const id = getRandomId();\n\n  return (\n    <Modal\n      backdrop\n      width={600}\n      maxWidth={600}\n      header={<Typography variant=\"h3\">フィードバックを送信</Typography>}\n      body={\n        status === \"completed\" ? (\n          <div\n            style={{\n              display: \"grid\",\n              gap: 32,\n            }}\n          >\n            <Typography>\n              レポートを送信しました。ありがとうございます。\n            </Typography>\n            <Typography color=\"textSecondary\" variant=\"caption\" as=\"p\">\n              お送りいただいたフィードバックは、問題の解決とサービスの改善に役立てさせていただきます。\n            </Typography>\n            <Button\n              color=\"primary\"\n              variant=\"filled\"\n              onClick={() => {\n                props.onClose?.();\n              }}\n            >\n              閉じる\n            </Button>\n          </div>\n        ) : (\n          <form\n            onSubmit={async (event) => {\n              event.preventDefault();\n              setStatus(\"sending\");\n              const { error } = await submit(event.currentTarget);\n\n              /**\n               * 以下、対応が行われるまでは取れる値だけ送る\n               * https://github.com/matsuri-tech/matsuri-forms-manager-front/issues/265\n               */\n              const input = {\n                id,\n                userId: props.userId,\n                userName: props.userName,\n                serviceName: props.serviceName,\n                url: window.location.href,\n              };\n              throwAlert(error, {\n                ignoreSuccess: true,\n                errorMessage: {\n                  reason: \"サーバー側のエラーの可能性があります。\",\n                  action:\n                    \"しばらく時間を空けて試すか、開発チームへお問い合わせください。\",\n                  happend: \"フィードバックの送信に失敗しました。\",\n                },\n                onSuccess: () => {\n                  props.datadogLogs?.logger?.info?.(\n                    `Feedback: ${id} by ${props.userId}`,\n                    {\n                      input,\n                    }\n                  );\n\n                  window.setTimeout(() => {\n                    setStatus(\"completed\");\n                  }, 2000);\n                },\n                onError: () => {\n                  props.datadogLogs?.logger?.error?.(\n                    `Failed Feedback: ${input.id} by ${input.userId}`,\n                    { input, error }\n                  );\n\n                  window.setTimeout(() => {\n                    setStatus(\"started\");\n                  }, 2000);\n                },\n              });\n            }}\n          >\n            <TextQuestionContext.Provider\n              value={{\n                userId: props.userId,\n                userName: props.userName,\n                serviceName: props.serviceName,\n                url: window.location.href,\n              }}\n            >\n              <MatsuriFormsQuestionProvider\n                renderSelect={SelectQuestion}\n                renderMultilineText={MultipleTextQuestion}\n                renderText={TextQuestion}\n              >\n                {questions.map((question) => {\n                  return (\n                    <MatsuriFormsQuestion {...question} key={question.id} />\n                  );\n                })}\n              </MatsuriFormsQuestionProvider>\n            </TextQuestionContext.Provider>\n            <div>\n              <Button\n                type=\"submit\"\n                color=\"primary\"\n                variant=\"filled\"\n                disabled={status === \"sending\"}\n                fullWidth\n              >\n                送信\n              </Button>\n              <Typography\n                variant=\"caption\"\n                style={{\n                  float: \"right\",\n                }}\n              >\n                {status === \"sending\" ? \"送信中...\" : undefined}\n                &nbsp;\n              </Typography>\n            </div>\n          </form>\n        )\n      }\n      {...props}\n    />\n  );\n};\n\ninterface FeedbackProviderProps {\n  userId?: string;\n  userName?: string;\n  serviceName: string;\n  datadogLogs?: {\n    logger: Logger;\n  };\n}\n\nexport const FeedbackProvider = ({\n  children,\n  ...modalProps\n}: PropsWithChildren<FeedbackProviderProps>) => {\n  const [open] = useModal(FeedbackProviderModal, {\n    enableClickOutside: true,\n    disableClose: false,\n  });\n  return (\n    <div>\n      {children}\n      <Portal>\n        <Button\n          style={{\n            position: \"fixed\",\n            bottom: 16,\n            right: 16,\n          }}\n          onClick={() => {\n            open(modalProps);\n          }}\n          type=\"button\"\n          icon={<FeedbackIcon />}\n          color=\"secondary\"\n          variant=\"filled\"\n          rounded\n        />\n      </Portal>\n    </div>\n  );\n};\n"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "m2m-components",
-  "version": "3.0.2",
+  "version": "3.1.0",
   "main": "cjs/index.js",
   "module": "index.js",
   "typings": "index.d.ts",
@@ -25,6 +25,10 @@
       "require": "./cjs/domains.js",
       "default": "./domains.js"
     },
+    "./feedback": {
+      "require": "./cjs/feedback.js",
+      "default": "./feedback.js"
+    },
     "./storage/client": {
       "require": "./cjs/storage/client.js",
       "default": "./storage/client.js"
@@ -50,6 +54,7 @@
     "/m2m-apps-menu.{d.ts, d.ts.map,js,js.map}",
     "/m2m-user-menu.{d.ts, d.ts.map,js,js.map}",
     "/notification/",
+    "/feedback",
     "/storage/",
     "/endpoints/",
     "/jsx.d.ts",
@@ -65,7 +70,7 @@
     "build-app:clients": "vite build website/clients/ --out-dir ../../build -c vite.config.clients.ts -m development",
     "build-app:hub": "vite build website/hub/ --out-dir ../../build",
     "build-app:hub:dev": "vite build website/hub/ --out-dir ../../build -m development",
-    "clean": "rm -rf {m2m-apps-menu,initM2mComponents,m2m-user-menu,MenuBaseElement,domains,index}.{d.ts.map,d.ts,js.map,js} storage/ notification/ endpoints/ cjs/",
+    "clean": "rm -rf {m2m-apps-menu,initM2mComponents,m2m-user-menu,MenuBaseElement,domains,index}.{d.ts.map,d.ts,js.map,js} storage/ notification/ endpoints/ cjs/ feedback/",
     "build": "concurrently yarn:build:*",
     "build:esm": "NODE_ENV=production BABEL_ENV=esm babel src --extensions .ts,.tsx -d ./ --source-maps",
     "build:cjs": "NODE_ENV=production BABEL_ENV=cjs babel src --extensions .ts,.tsx -d ./cjs --source-maps",
@@ -78,11 +83,12 @@
     "test": "jest"
   },
   "dependencies": {
-    "lit": "^2.0.2"
+    "lit": "^2.0.2",
+    "matsuri-forms-sdk": "^0.0.0"
   },
   "peerDependencies": {
-    "matsuri-hooks": "^0.0.5",
-    "matsuri-ui": "^10.5.0",
+    "matsuri-hooks": "^0.1.0",
+    "matsuri-ui": "^10.6.1",
     "react": "^18.0.0"
   },
   "devDependencies": {
@@ -93,29 +99,30 @@
     "@babel/preset-env": "^7.20.2",
     "@babel/preset-react": "^7.18.6",
     "@babel/preset-typescript": "^7.21.0",
+    "@datadog/browser-logs": "^4.37.0",
     "@mui/icons-material": "^5.11.11",
-    "@mui/material": "^5.11.13",
+    "@mui/material": "^5.11.15",
     "@rollup/plugin-babel": "^5.3.1",
     "@rollup/plugin-node-resolve": "^13.3.0",
     "@rollup/plugin-typescript": "^8.5.0",
     "@testing-library/jest-dom": "^5.16.5",
-    "@testing-library/react": "^13.3.0",
+    "@testing-library/react": "^13.4.0",
     "@testing-library/react-hooks": "^8.0.1",
     "@types/jest": "^27.5.2",
     "@types/node": "^17.0.5",
-    "@types/react": "^18.0.28",
+    "@types/react": "^18.0.31",
     "@types/react-dom": "^18.0.11",
     "@typescript-eslint/eslint-plugin": "^5.9.1",
     "@typescript-eslint/parser": "^5.9.1",
     "concurrently": "^6.5.1",
-    "endpoints-sdk-cli": "^2.2.0",
+    "endpoints-sdk-cli": "^2.4.1",
     "eslint": "^8.7.0",
     "eslint-config-prettier": "^8.3.0",
     "eslint-plugin-react": "^7.29.4",
     "eslint-plugin-react-hooks": "^4.6.0",
     "jest": "^27.5.1",
-    "matsuri-hooks": "^0.0.5",
-    "matsuri-ui": "^10.6.1",
+    "matsuri-hooks": "^0.1.0",
+    "matsuri-ui": "^13.5.3",
     "prettier": "^2.5.1",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",