m2m-components 3.1.0 → 3.1.1-alpha-2e67e63.0

package/cjs/feedback/index.js

@@ -29,7 +29,9 @@ const FeedbackProviderModal = props => {
   const {
     questions,
     submit
-  } = (0, _matsuriFormsSdk.useMatsuriForms)(getFormId());
+  } = (0, _matsuriFormsSdk.useMatsuriForms)(getFormId(), {
+    dev: globalThis.M2M_COMPONENTS_ENV !== "production"
+  });
   const {
     throwAlert
   } = (0, _matsuriUi.useAlert)();

package/cjs/feedback/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_matsuriUi","require","_Feedback","_interopRequireDefault","_matsuriFormsSdk","_SelectQuestion","_MultipleTextQuestion","_react","_getRandomId","_jsxRuntime","obj","__esModule","default","getFormId","globalThis","M2M_COMPONENTS_ENV","TextQuestionContext","createContext","TextQuestion","props","context","useContext","jsx","value","title","type","name","FeedbackProviderModal","questions","submit","useMatsuriForms","throwAlert","useAlert","status","setStatus","useState","id","getRandomId","Modal","backdrop","width","maxWidth","header","Typography","variant","children","body","jsxs","style","display","gap","color","as","Button","onClick","onClose","onSubmit","event","preventDefault","error","currentTarget","input","userId","userName","serviceName","url","window","location","href","ignoreSuccess","errorMessage","reason","action","happend","onSuccess","datadogLogs","logger","info","setTimeout","onError","Provider","MatsuriFormsQuestionProvider","renderSelect","SelectQuestion","renderMultilineText","MultipleTextQuestion","renderText","map","question","createElement","MatsuriFormsQuestion","key","disabled","fullWidth","float","undefined","FeedbackProvider","modalProps","open","useModal","enableClickOutside","disableClose","Portal","position","bottom","right","icon","rounded","exports"],"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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"}
+{"version":3,"file":"index.js","names":["_matsuriUi","require","_Feedback","_interopRequireDefault","_matsuriFormsSdk","_SelectQuestion","_MultipleTextQuestion","_react","_getRandomId","_jsxRuntime","obj","__esModule","default","getFormId","globalThis","M2M_COMPONENTS_ENV","TextQuestionContext","createContext","TextQuestion","props","context","useContext","jsx","value","title","type","name","FeedbackProviderModal","questions","submit","useMatsuriForms","dev","throwAlert","useAlert","status","setStatus","useState","id","getRandomId","Modal","backdrop","width","maxWidth","header","Typography","variant","children","body","jsxs","style","display","gap","color","as","Button","onClick","onClose","onSubmit","event","preventDefault","error","currentTarget","input","userId","userName","serviceName","url","window","location","href","ignoreSuccess","errorMessage","reason","action","happend","onSuccess","datadogLogs","logger","info","setTimeout","onError","Provider","MatsuriFormsQuestionProvider","renderSelect","SelectQuestion","renderMultilineText","MultipleTextQuestion","renderText","map","question","createElement","MatsuriFormsQuestion","key","disabled","fullWidth","float","undefined","FeedbackProvider","modalProps","open","useModal","enableClickOutside","disableClose","Portal","position","bottom","right","icon","rounded","exports"],"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    dev: globalThis.M2M_COMPONENTS_ENV !== \"production\",\n  });\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/cjs/storage/hub.js

@@ -5,6 +5,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.m2mStorageHub = void 0;
 var _hub = require("./lib/hub");
+// eslint-disable-next-line @typescript-eslint/no-empty-interface
+
 /**
  * Init the hub.
  */

package/cjs/storage/hub.js.map

@@ -1 +1 @@
-{"version":3,"file":"hub.js","names":["_hub","require","initM2mStorageHub","permissions","init","m2mStorageHub","exports"],"sources":["../../src/storage/hub.ts"],"sourcesContent":["import { init } from \"./lib/hub\";\nimport type { Permission } from \"./lib/hub\";\n\n// eslint-disable-next-line @typescript-eslint/no-empty-interface\nexport interface M2mStoragePermission extends Permission {}\n\n/**\n * Init the hub.\n */\nconst initM2mStorageHub = (permissions: M2mStoragePermission[]) => {\n  init(permissions);\n};\n\nexport const m2mStorageHub = {\n  init: initM2mStorageHub,\n};\n"],"mappings":";;;;;;AAAA,IAAAA,IAAA,GAAAC,OAAA;AAMA;AACA;AACA;AACA,MAAMC,iBAAiB,GAAIC,WAAmC,IAAK;EACjE,IAAAC,SAAI,EAACD,WAAW,CAAC;AACnB,CAAC;AAEM,MAAME,aAAa,GAAG;EAC3BD,IAAI,EAAEF;AACR,CAAC;AAACI,OAAA,CAAAD,aAAA,GAAAA,aAAA"}
+{"version":3,"file":"hub.js","names":["_hub","require","initM2mStorageHub","permissions","init","m2mStorageHub","exports"],"sources":["../../src/storage/hub.ts"],"sourcesContent":["import { init } from \"./lib/hub\";\nimport type { Permission } from \"./lib/hub\";\n\n// eslint-disable-next-line @typescript-eslint/no-empty-interface\nexport interface M2mStoragePermission extends Permission {}\n\n/**\n * Init the hub.\n */\nconst initM2mStorageHub = (permissions: M2mStoragePermission[]) => {\n  init(permissions);\n};\n\nexport const m2mStorageHub = {\n  init: initM2mStorageHub,\n};\n"],"mappings":";;;;;;AAAA,IAAAA,IAAA,GAAAC,OAAA;AAGA;;AAGA;AACA;AACA;AACA,MAAMC,iBAAiB,GAAIC,WAAmC,IAAK;EACjE,IAAAC,SAAI,EAACD,WAAW,CAAC;AACnB,CAAC;AAEM,MAAME,aAAa,GAAG;EAC3BD,IAAI,EAAEF;AACR,CAAC;AAACI,OAAA,CAAAD,aAAA,GAAAA,aAAA"}

package/feedback/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/feedback/index.tsx"],"names":[],"mappings":"AAkBA,OAAO,EAAiB,iBAAiB,EAAwB,MAAM,OAAO,CAAC;AAE/E,OAAO,EAAE,KAAK,MAAM,EAAE,MAAM,uBAAuB,CAAC;AA4KpD,UAAU,qBAAqB;IAC7B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE;QACZ,MAAM,EAAE,MAAM,CAAC;KAChB,CAAC;CACH;AAED,eAAO,MAAM,gBAAgB,gCAG1B,kBAAkB,qBAAqB,CAAC,gBA2B1C,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/feedback/index.tsx"],"names":[],"mappings":"AAkBA,OAAO,EAAiB,iBAAiB,EAAwB,MAAM,OAAO,CAAC;AAE/E,OAAO,EAAE,KAAK,MAAM,EAAE,MAAM,uBAAuB,CAAC;AA8KpD,UAAU,qBAAqB;IAC7B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE;QACZ,MAAM,EAAE,MAAM,CAAC;KAChB,CAAC;CACH;AAED,eAAO,MAAM,gBAAgB,gCAG1B,kBAAkB,qBAAqB,CAAC,gBA2B1C,CAAC"}

package/feedback/index.js

@@ -34,7 +34,9 @@ var FeedbackProviderModal = props => {
   var {
     questions,
     submit
-  } = useMatsuriForms(getFormId());
+  } = useMatsuriForms(getFormId(), {
+    dev: globalThis.M2M_COMPONENTS_ENV !== "production"
+  });
   var {
     throwAlert
   } = useAlert();

package/feedback/index.js.map

@@ -1 +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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"}
+{"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","dev","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    dev: globalThis.M2M_COMPONENTS_ENV !== \"production\",\n  });\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.1.0",
+  "version": "3.1.1-alpha-2e67e63.0",
   "main": "cjs/index.js",
   "module": "index.js",
   "typings": "index.d.ts",
@@ -26,8 +26,8 @@
       "default": "./domains.js"
     },
     "./feedback": {
-      "require": "./cjs/feedback.js",
-      "default": "./feedback.js"
+      "require": "./cjs/feedback/index.js",
+      "default": "./feedback/index.js"
     },
     "./storage/client": {
       "require": "./cjs/storage/client.js",
@@ -84,7 +84,7 @@
   },
   "dependencies": {
     "lit": "^2.0.2",
-    "matsuri-forms-sdk": "^0.0.0"
+    "matsuri-forms-sdk": "^0.0.1-alpha-349a38f.0"
   },
   "peerDependencies": {
     "matsuri-hooks": "^0.1.0",
@@ -93,15 +93,15 @@
   },
   "devDependencies": {
     "@babel/cli": "^7.21.0",
-    "@babel/core": "^7.21.3",
+    "@babel/core": "^7.21.4",
     "@babel/plugin-proposal-class-properties": "^7.18.6",
     "@babel/plugin-proposal-decorators": "^7.21.0",
-    "@babel/preset-env": "^7.20.2",
+    "@babel/preset-env": "^7.21.4",
     "@babel/preset-react": "^7.18.6",
-    "@babel/preset-typescript": "^7.21.0",
+    "@babel/preset-typescript": "^7.21.4",
     "@datadog/browser-logs": "^4.37.0",
-    "@mui/icons-material": "^5.11.11",
-    "@mui/material": "^5.11.15",
+    "@mui/icons-material": "^5.11.16",
+    "@mui/material": "^5.11.16",
     "@rollup/plugin-babel": "^5.3.1",
     "@rollup/plugin-node-resolve": "^13.3.0",
     "@rollup/plugin-typescript": "^8.5.0",
@@ -110,7 +110,7 @@
     "@testing-library/react-hooks": "^8.0.1",
     "@types/jest": "^27.5.2",
     "@types/node": "^17.0.5",
-    "@types/react": "^18.0.31",
+    "@types/react": "^18.0.35",
     "@types/react-dom": "^18.0.11",
     "@typescript-eslint/eslint-plugin": "^5.9.1",
     "@typescript-eslint/parser": "^5.9.1",
@@ -122,7 +122,7 @@
     "eslint-plugin-react-hooks": "^4.6.0",
     "jest": "^27.5.1",
     "matsuri-hooks": "^0.1.0",
-    "matsuri-ui": "^13.5.3",
+    "matsuri-ui": "^13.5.4",
     "prettier": "^2.5.1",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",

package/storage/hub.js

@@ -1,4 +1,7 @@
 import { init } from "./lib/hub";
+
+// eslint-disable-next-line @typescript-eslint/no-empty-interface
+
 /**
  * Init the hub.
  */

package/storage/hub.js.map

@@ -1 +1 @@
-{"version":3,"file":"hub.js","names":["init","initM2mStorageHub","permissions","m2mStorageHub"],"sources":["../src/storage/hub.ts"],"sourcesContent":["import { init } from \"./lib/hub\";\nimport type { Permission } from \"./lib/hub\";\n\n// eslint-disable-next-line @typescript-eslint/no-empty-interface\nexport interface M2mStoragePermission extends Permission {}\n\n/**\n * Init the hub.\n */\nconst initM2mStorageHub = (permissions: M2mStoragePermission[]) => {\n  init(permissions);\n};\n\nexport const m2mStorageHub = {\n  init: initM2mStorageHub,\n};\n"],"mappings":"AAAA,SAASA,IAAI,QAAQ,WAAW;AAMhC;AACA;AACA;AACA,IAAMC,iBAAiB,GAAIC,WAAmC,IAAK;EACjEF,IAAI,CAACE,WAAW,CAAC;AACnB,CAAC;AAED,OAAO,IAAMC,aAAa,GAAG;EAC3BH,IAAI,EAAEC;AACR,CAAC"}
+{"version":3,"file":"hub.js","names":["init","initM2mStorageHub","permissions","m2mStorageHub"],"sources":["../src/storage/hub.ts"],"sourcesContent":["import { init } from \"./lib/hub\";\nimport type { Permission } from \"./lib/hub\";\n\n// eslint-disable-next-line @typescript-eslint/no-empty-interface\nexport interface M2mStoragePermission extends Permission {}\n\n/**\n * Init the hub.\n */\nconst initM2mStorageHub = (permissions: M2mStoragePermission[]) => {\n  init(permissions);\n};\n\nexport const m2mStorageHub = {\n  init: initM2mStorageHub,\n};\n"],"mappings":"AAAA,SAASA,IAAI,QAAQ,WAAW;;AAGhC;;AAGA;AACA;AACA;AACA,IAAMC,iBAAiB,GAAIC,WAAmC,IAAK;EACjEF,IAAI,CAACE,WAAW,CAAC;AACnB,CAAC;AAED,OAAO,IAAMC,aAAa,GAAG;EAC3BH,IAAI,EAAEC;AACR,CAAC"}