@os-team/profile 1.0.31 → 1.0.35

package/dist/cjs/components/profile/ProfileConfigContext.js

@@ -1,6 +1,6 @@
 "use strict";
 
-function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
 
 Object.defineProperty(exports, "__esModule", {
   value: true

package/dist/cjs/components/profile/ProfileContext.js

@@ -1,6 +1,6 @@
 "use strict";
 
-function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
 
 Object.defineProperty(exports, "__esModule", {
   value: true

package/dist/cjs/components/profile/ProfileDrawer.js

@@ -1,6 +1,6 @@
 "use strict";
 
-function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
 
 Object.defineProperty(exports, "__esModule", {
   value: true

package/dist/cjs/components/profile/ProfileUpdateNameModal.js

@@ -1,6 +1,6 @@
 "use strict";
 
-function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
 
 Object.defineProperty(exports, "__esModule", {
   value: true
@@ -105,6 +105,16 @@ var ProfileUpdateNameModal = function ProfileUpdateNameModal(_ref) {
       }
     });
   }, [commit, data, onClose, t]);
+  var formContext = (0, _react.useMemo)(function () {
+    return {
+      data: data,
+      setData: setData,
+      fieldErrors: fieldErrors,
+      setFieldErrors: setFieldErrors,
+      formError: formError,
+      setFormError: setFormError
+    };
+  }, [data, fieldErrors, formError]);
   return /*#__PURE__*/_react.default.createElement(_core.Modal, {
     title: t('profile:updateNameModal.title'),
     visible: visibility,
@@ -113,14 +123,7 @@ var ProfileUpdateNameModal = function ProfileUpdateNameModal(_ref) {
     onOk: onSubmit,
     onClose: onClose
   }, /*#__PURE__*/_react.default.createElement(_formUtils.FormContext.Provider, {
-    value: {
-      data: data,
-      setData: setData,
-      fieldErrors: fieldErrors,
-      setFieldErrors: setFieldErrors,
-      formError: formError,
-      setFormError: setFormError
-    }
+    value: formContext
   }, /*#__PURE__*/_react.default.createElement(_ProfileUpdateNameForm.default, null)));
 };
 

package/dist/cjs/components/profile/ProfileUpdateNameModal.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/lib/components/profile/ProfileUpdateNameModal.tsx"],"names":["ProfileUpdateNameModal","visibility","onClose","t","firstName","lastName","fieldErrors","setFieldErrors","formError","setFormError","data","setData","commit","loading","onSubmit","variables","input","onError","error","onCompleted","undefined","message","success"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AAEA;;AACA;;AAGA;;;;;;;;;;;;;;;;;;;;;;AAQA,IAAMA,sBAA6D,GAAG,SAAhEA,sBAAgE,OAGhE;AAAA,MAFJC,UAEI,QAFJA,UAEI;AAAA,MADJC,OACI,QADJA,OACI;;AACJ,wBAAc,kCAAe,SAAf,CAAd;AAAA,MAAQC,CAAR,mBAAQA,CAAR;;AACA,oBAAgC,iCAAhC;AAAA,MAAQC,SAAR,eAAQA,SAAR;AAAA,MAAmBC,QAAnB,eAAmBA,QAAnB;;AAEA,kBAAsC,qBACpC,EADoC,CAAtC;AAAA;AAAA,MAAOC,WAAP;AAAA,MAAoBC,cAApB;;AAGA,mBAAkC,sBAAlC;AAAA;AAAA,MAAOC,SAAP;AAAA,MAAkBC,YAAlB;;AACA,mBAAwB,qBAAoC;AAC1DL,IAAAA,SAAS,EAAEA,SAAS,IAAI,EADkC;AAE1DC,IAAAA,QAAQ,EAAEA,QAAQ,IAAI;AAFoC,GAApC,CAAxB;AAAA;AAAA,MAAOK,IAAP;AAAA,MAAaC,OAAb;;AAKA,qBAA0B,ohBAA1B;AAAA;AAAA,MAAOC,MAAP;AAAA,MAAeC,OAAf,oBAbI,CAsBJ;;;AACA,wBAAU,YAAM;AACd,QAAIZ,UAAJ,EAAgB;AACdU,MAAAA,OAAO,CAAC;AACNP,QAAAA,SAAS,EAAEA,SAAS,IAAI,EADlB;AAENC,QAAAA,QAAQ,EAAEA,QAAQ,IAAI;AAFhB,OAAD,CAAP;AAID;AACF,GAPD,EAOG,CAACD,SAAD,EAAYC,QAAZ,EAAsBJ,UAAtB,CAPH;AASA,MAAMa,QAAQ,GAAG,wBAAY,YAAM;AACjCF,IAAAA,MAAM,CAAC;AACLG,MAAAA,SAAS,EAAE;AACTC,QAAAA,KAAK,EAAEN;AADE,OADN;AAILO,MAAAA,OAAO,EAAE,iBAACC,KAAD,EAAW;AAClB,yCAAiBA,KAAjB,EAAwB;AAAEX,UAAAA,cAAc,EAAdA,cAAF;AAAkBE,UAAAA,YAAY,EAAZA;AAAlB,SAAxB;AACD,OANI;AAOLU,MAAAA,WAAW,EAAE,uBAAM;AACjBZ,QAAAA,cAAc,CAAC,EAAD,CAAd;AACAE,QAAAA,YAAY,CAACW,SAAD,CAAZ;;AACAC,sBAAQC,OAAR,CAAgBnB,CAAC,CAAC,iBAAD,CAAjB;;AACAD,QAAAA,OAAO;AACR;AAZI,KAAD,CAAN;AAcD,GAfgB,EAed,CAACU,MAAD,EAASF,IAAT,EAAeR,OAAf,EAAwBC,CAAxB,CAfc,CAAjB;AAiBA,sBACE,6BAAC,WAAD;AACE,IAAA,KAAK,EAAEA,CAAC,CAAC,+BAAD,CADV;AAEE,IAAA,OAAO,EAAEF,UAFX;AAGE,IAAA,MAAM,EAAEE,CAAC,CAAC,gBAAD,CAHX;AAIE,IAAA,SAAS,EAAEU,OAJb;AAKE,IAAA,IAAI,EAAEC,QALR;AAME,IAAA,OAAO,EAAEZ;AANX,kBAQE,6BAAC,sBAAD,CAAa,QAAb;AACE,IAAA,KAAK,EAAE;AACLQ,MAAAA,IAAI,EAAJA,IADK;AAELC,MAAAA,OAAO,EAAPA,OAFK;AAGLL,MAAAA,WAAW,EAAXA,WAHK;AAILC,MAAAA,cAAc,EAAdA,cAJK;AAKLC,MAAAA,SAAS,EAATA,SALK;AAMLC,MAAAA,YAAY,EAAZA;AANK;AADT,kBAUE,6BAAC,8BAAD,OAVF,CARF,CADF;AAuBD,CA3ED;;eA6EeT,sB","sourcesContent":["import React, { useCallback, useEffect, useState } from 'react';\nimport { message, Modal } from '@os-design/core';\nimport { useTranslation } from 'react-i18next';\nimport { Constraint, handleFormErrors, FormContext } from '@os-team/form-utils';\nimport { graphql } from 'babel-plugin-relay/macro';\nimport { useMutation } from 'react-relay/hooks';\nimport ProfileUpdateNameForm, {\n  ProfileUpdateNameFormData,\n} from './ProfileUpdateNameForm';\nimport { useProfile } from './ProfileContext';\nimport { ProfileUpdateNameModalMutation } from './__generated__/ProfileUpdateNameModalMutation.graphql';\n\ninterface ProfileUpdateNameModalProps {\n  visibility: boolean;\n  onClose: () => void;\n}\n\nconst ProfileUpdateNameModal: React.FC<ProfileUpdateNameModalProps> = ({\n  visibility,\n  onClose,\n}) => {\n  const { t } = useTranslation('profile');\n  const { firstName, lastName } = useProfile();\n\n  const [fieldErrors, setFieldErrors] = useState<Record<string, Constraint>>(\n    {}\n  );\n  const [formError, setFormError] = useState<string | undefined>();\n  const [data, setData] = useState<ProfileUpdateNameFormData>({\n    firstName: firstName || '',\n    lastName: lastName || '',\n  });\n\n  const [commit, loading] = useMutation<ProfileUpdateNameModalMutation>(graphql`\n    mutation ProfileUpdateNameModalMutation($input: UpdateProfileInput!) {\n      updateProfile(input: $input) {\n        firstName\n        lastName\n      }\n    }\n  `);\n\n  // Reset the data if the modal is visible\n  useEffect(() => {\n    if (visibility) {\n      setData({\n        firstName: firstName || '',\n        lastName: lastName || '',\n      });\n    }\n  }, [firstName, lastName, visibility]);\n\n  const onSubmit = useCallback(() => {\n    commit({\n      variables: {\n        input: data,\n      },\n      onError: (error) => {\n        handleFormErrors(error, { setFieldErrors, setFormError });\n      },\n      onCompleted: () => {\n        setFieldErrors({});\n        setFormError(undefined);\n        message.success(t('profile:updated'));\n        onClose();\n      },\n    });\n  }, [commit, data, onClose, t]);\n\n  return (\n    <Modal\n      title={t('profile:updateNameModal.title')}\n      visible={visibility}\n      okText={t('profile:update')}\n      okLoading={loading}\n      onOk={onSubmit}\n      onClose={onClose}\n    >\n      <FormContext.Provider\n        value={{\n          data,\n          setData,\n          fieldErrors,\n          setFieldErrors,\n          formError,\n          setFormError,\n        }}\n      >\n        <ProfileUpdateNameForm />\n      </FormContext.Provider>\n    </Modal>\n  );\n};\n\nexport default ProfileUpdateNameModal;\n"],"file":"ProfileUpdateNameModal.js"}
+{"version":3,"sources":["../../../../src/lib/components/profile/ProfileUpdateNameModal.tsx"],"names":["ProfileUpdateNameModal","visibility","onClose","t","firstName","lastName","fieldErrors","setFieldErrors","formError","setFormError","data","setData","commit","loading","onSubmit","variables","input","onError","error","onCompleted","undefined","message","success","formContext"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AAEA;;AACA;;AAGA;;;;;;;;;;;;;;;;;;;;;;AAQA,IAAMA,sBAA6D,GAAG,SAAhEA,sBAAgE,OAGhE;AAAA,MAFJC,UAEI,QAFJA,UAEI;AAAA,MADJC,OACI,QADJA,OACI;;AACJ,wBAAc,kCAAe,SAAf,CAAd;AAAA,MAAQC,CAAR,mBAAQA,CAAR;;AACA,oBAAgC,iCAAhC;AAAA,MAAQC,SAAR,eAAQA,SAAR;AAAA,MAAmBC,QAAnB,eAAmBA,QAAnB;;AAEA,kBAAsC,qBACpC,EADoC,CAAtC;AAAA;AAAA,MAAOC,WAAP;AAAA,MAAoBC,cAApB;;AAGA,mBAAkC,sBAAlC;AAAA;AAAA,MAAOC,SAAP;AAAA,MAAkBC,YAAlB;;AACA,mBAAwB,qBAAoC;AAC1DL,IAAAA,SAAS,EAAEA,SAAS,IAAI,EADkC;AAE1DC,IAAAA,QAAQ,EAAEA,QAAQ,IAAI;AAFoC,GAApC,CAAxB;AAAA;AAAA,MAAOK,IAAP;AAAA,MAAaC,OAAb;;AAKA,qBAA0B,ohBAA1B;AAAA;AAAA,MAAOC,MAAP;AAAA,MAAeC,OAAf,oBAbI,CAsBJ;;;AACA,wBAAU,YAAM;AACd,QAAIZ,UAAJ,EAAgB;AACdU,MAAAA,OAAO,CAAC;AACNP,QAAAA,SAAS,EAAEA,SAAS,IAAI,EADlB;AAENC,QAAAA,QAAQ,EAAEA,QAAQ,IAAI;AAFhB,OAAD,CAAP;AAID;AACF,GAPD,EAOG,CAACD,SAAD,EAAYC,QAAZ,EAAsBJ,UAAtB,CAPH;AASA,MAAMa,QAAQ,GAAG,wBAAY,YAAM;AACjCF,IAAAA,MAAM,CAAC;AACLG,MAAAA,SAAS,EAAE;AACTC,QAAAA,KAAK,EAAEN;AADE,OADN;AAILO,MAAAA,OAAO,EAAE,iBAACC,KAAD,EAAW;AAClB,yCAAiBA,KAAjB,EAAwB;AAAEX,UAAAA,cAAc,EAAdA,cAAF;AAAkBE,UAAAA,YAAY,EAAZA;AAAlB,SAAxB;AACD,OANI;AAOLU,MAAAA,WAAW,EAAE,uBAAM;AACjBZ,QAAAA,cAAc,CAAC,EAAD,CAAd;AACAE,QAAAA,YAAY,CAACW,SAAD,CAAZ;;AACAC,sBAAQC,OAAR,CAAgBnB,CAAC,CAAC,iBAAD,CAAjB;;AACAD,QAAAA,OAAO;AACR;AAZI,KAAD,CAAN;AAcD,GAfgB,EAed,CAACU,MAAD,EAASF,IAAT,EAAeR,OAAf,EAAwBC,CAAxB,CAfc,CAAjB;AAiBA,MAAMoB,WAAW,GAAG,oBAClB;AAAA,WAAO;AACLb,MAAAA,IAAI,EAAJA,IADK;AAELC,MAAAA,OAAO,EAAPA,OAFK;AAGLL,MAAAA,WAAW,EAAXA,WAHK;AAILC,MAAAA,cAAc,EAAdA,cAJK;AAKLC,MAAAA,SAAS,EAATA,SALK;AAMLC,MAAAA,YAAY,EAAZA;AANK,KAAP;AAAA,GADkB,EASlB,CAACC,IAAD,EAAOJ,WAAP,EAAoBE,SAApB,CATkB,CAApB;AAYA,sBACE,6BAAC,WAAD;AACE,IAAA,KAAK,EAAEL,CAAC,CAAC,+BAAD,CADV;AAEE,IAAA,OAAO,EAAEF,UAFX;AAGE,IAAA,MAAM,EAAEE,CAAC,CAAC,gBAAD,CAHX;AAIE,IAAA,SAAS,EAAEU,OAJb;AAKE,IAAA,IAAI,EAAEC,QALR;AAME,IAAA,OAAO,EAAEZ;AANX,kBAQE,6BAAC,sBAAD,CAAa,QAAb;AAAsB,IAAA,KAAK,EAAEqB;AAA7B,kBACE,6BAAC,8BAAD,OADF,CARF,CADF;AAcD,CA9ED;;eAgFevB,sB","sourcesContent":["import React, { useCallback, useEffect, useMemo, useState } from 'react';\nimport { message, Modal } from '@os-design/core';\nimport { useTranslation } from 'react-i18next';\nimport { Constraint, handleFormErrors, FormContext } from '@os-team/form-utils';\nimport { graphql } from 'babel-plugin-relay/macro';\nimport { useMutation } from 'react-relay/hooks';\nimport ProfileUpdateNameForm, {\n  ProfileUpdateNameFormData,\n} from './ProfileUpdateNameForm';\nimport { useProfile } from './ProfileContext';\nimport { ProfileUpdateNameModalMutation } from './__generated__/ProfileUpdateNameModalMutation.graphql';\n\ninterface ProfileUpdateNameModalProps {\n  visibility: boolean;\n  onClose: () => void;\n}\n\nconst ProfileUpdateNameModal: React.FC<ProfileUpdateNameModalProps> = ({\n  visibility,\n  onClose,\n}) => {\n  const { t } = useTranslation('profile');\n  const { firstName, lastName } = useProfile();\n\n  const [fieldErrors, setFieldErrors] = useState<Record<string, Constraint>>(\n    {}\n  );\n  const [formError, setFormError] = useState<string | undefined>();\n  const [data, setData] = useState<ProfileUpdateNameFormData>({\n    firstName: firstName || '',\n    lastName: lastName || '',\n  });\n\n  const [commit, loading] = useMutation<ProfileUpdateNameModalMutation>(graphql`\n    mutation ProfileUpdateNameModalMutation($input: UpdateProfileInput!) {\n      updateProfile(input: $input) {\n        firstName\n        lastName\n      }\n    }\n  `);\n\n  // Reset the data if the modal is visible\n  useEffect(() => {\n    if (visibility) {\n      setData({\n        firstName: firstName || '',\n        lastName: lastName || '',\n      });\n    }\n  }, [firstName, lastName, visibility]);\n\n  const onSubmit = useCallback(() => {\n    commit({\n      variables: {\n        input: data,\n      },\n      onError: (error) => {\n        handleFormErrors(error, { setFieldErrors, setFormError });\n      },\n      onCompleted: () => {\n        setFieldErrors({});\n        setFormError(undefined);\n        message.success(t('profile:updated'));\n        onClose();\n      },\n    });\n  }, [commit, data, onClose, t]);\n\n  const formContext = useMemo(\n    () => ({\n      data,\n      setData,\n      fieldErrors,\n      setFieldErrors,\n      formError,\n      setFormError,\n    }),\n    [data, fieldErrors, formError]\n  );\n\n  return (\n    <Modal\n      title={t('profile:updateNameModal.title')}\n      visible={visibility}\n      okText={t('profile:update')}\n      okLoading={loading}\n      onOk={onSubmit}\n      onClose={onClose}\n    >\n      <FormContext.Provider value={formContext}>\n        <ProfileUpdateNameForm />\n      </FormContext.Provider>\n    </Modal>\n  );\n};\n\nexport default ProfileUpdateNameModal;\n"],"file":"ProfileUpdateNameModal.js"}

package/dist/cjs/components/profile/ProfileUpdatePasswordModal.js

@@ -1,6 +1,6 @@
 "use strict";
 
-function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
 
 Object.defineProperty(exports, "__esModule", {
   value: true
@@ -99,6 +99,16 @@ var ProfileUpdatePasswordModal = function ProfileUpdatePasswordModal(_ref) {
       }
     });
   }, [commit, data, onClose, t]);
+  var formContext = (0, _react.useMemo)(function () {
+    return {
+      data: data,
+      setData: setData,
+      fieldErrors: fieldErrors,
+      setFieldErrors: setFieldErrors,
+      formError: formError,
+      setFormError: setFormError
+    };
+  }, [data, fieldErrors, formError]);
   return /*#__PURE__*/_react.default.createElement(_core.Modal, {
     title: t('profile:updatePasswordModal.title'),
     visible: visibility,
@@ -107,14 +117,7 @@ var ProfileUpdatePasswordModal = function ProfileUpdatePasswordModal(_ref) {
     onOk: onSubmit,
     onClose: onClose
   }, /*#__PURE__*/_react.default.createElement(_formUtils.FormContext.Provider, {
-    value: {
-      data: data,
-      setData: setData,
-      fieldErrors: fieldErrors,
-      setFieldErrors: setFieldErrors,
-      formError: formError,
-      setFormError: setFormError
-    }
+    value: formContext
   }, /*#__PURE__*/_react.default.createElement(_ProfileUpdatePasswordForm.default, null)));
 };
 

package/dist/cjs/components/profile/ProfileUpdatePasswordModal.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/lib/components/profile/ProfileUpdatePasswordModal.tsx"],"names":["ProfileUpdatePasswordModal","visibility","onClose","t","fieldErrors","setFieldErrors","formError","setFormError","currentPassword","password","data","setData","commit","loading","onSubmit","variables","input","onError","error","onCompleted","undefined","message","success"],"mappings":";;;;;;;;;AAAA;;AACA;;AAEA;;AACA;;AACA;;AACA;;;;;;;;;;;;;;;;;;;;;;AAUA,IAAMA,0BAAqE,GAAG,SAAxEA,0BAAwE,OAGxE;AAAA,MAFJC,UAEI,QAFJA,UAEI;AAAA,MADJC,OACI,QADJA,OACI;;AACJ,wBAAc,kCAAe,SAAf,CAAd;AAAA,MAAQC,CAAR,mBAAQA,CAAR;;AAEA,kBAAsC,qBACpC,EADoC,CAAtC;AAAA;AAAA,MAAOC,WAAP;AAAA,MAAoBC,cAApB;;AAGA,mBAAkC,sBAAlC;AAAA;AAAA,MAAOC,SAAP;AAAA,MAAkBC,YAAlB;;AACA,mBAAwB,qBAAwC;AAC9DC,IAAAA,eAAe,EAAE,EAD6C;AAE9DC,IAAAA,QAAQ,EAAE;AAFoD,GAAxC,CAAxB;AAAA;AAAA,MAAOC,IAAP;AAAA,MAAaC,OAAb;;AAKA,qBACE,ojBADF;AAAA;AAAA,MAAOC,MAAP;AAAA,MAAeC,OAAf,oBAZI,CAuBJ;;;AACA,wBAAU,YAAM;AACd,QAAIZ,UAAJ,EAAgB;AACdU,MAAAA,OAAO,CAAC;AACNH,QAAAA,eAAe,EAAE,EADX;AAENC,QAAAA,QAAQ,EAAE;AAFJ,OAAD,CAAP;AAID;AACF,GAPD,EAOG,CAACR,UAAD,CAPH;AASA,MAAMa,QAAQ,GAAG,wBAAY,YAAM;AACjCF,IAAAA,MAAM,CAAC;AACLG,MAAAA,SAAS,EAAE;AACTC,QAAAA,KAAK,EAAEN;AADE,OADN;AAILO,MAAAA,OAAO,EAAE,iBAACC,KAAD,EAAW;AAClB,yCAAiBA,KAAjB,EAAwB;AAAEb,UAAAA,cAAc,EAAdA,cAAF;AAAkBE,UAAAA,YAAY,EAAZA;AAAlB,SAAxB;AACD,OANI;AAOLY,MAAAA,WAAW,EAAE,uBAAM;AACjBd,QAAAA,cAAc,CAAC,EAAD,CAAd;AACAE,QAAAA,YAAY,CAACa,SAAD,CAAZ;;AACAC,sBAAQC,OAAR,CAAgBnB,CAAC,CAAC,qCAAD,CAAjB;;AACAD,QAAAA,OAAO;AACR;AAZI,KAAD,CAAN;AAcD,GAfgB,EAed,CAACU,MAAD,EAASF,IAAT,EAAeR,OAAf,EAAwBC,CAAxB,CAfc,CAAjB;AAiBA,sBACE,6BAAC,WAAD;AACE,IAAA,KAAK,EAAEA,CAAC,CAAC,mCAAD,CADV;AAEE,IAAA,OAAO,EAAEF,UAFX;AAGE,IAAA,MAAM,EAAEE,CAAC,CAAC,oCAAD,CAHX;AAIE,IAAA,SAAS,EAAEU,OAJb;AAKE,IAAA,IAAI,EAAEC,QALR;AAME,IAAA,OAAO,EAAEZ;AANX,kBAQE,6BAAC,sBAAD,CAAa,QAAb;AACE,IAAA,KAAK,EAAE;AACLQ,MAAAA,IAAI,EAAJA,IADK;AAELC,MAAAA,OAAO,EAAPA,OAFK;AAGLP,MAAAA,WAAW,EAAXA,WAHK;AAILC,MAAAA,cAAc,EAAdA,cAJK;AAKLC,MAAAA,SAAS,EAATA,SALK;AAMLC,MAAAA,YAAY,EAAZA;AANK;AADT,kBAUE,6BAAC,kCAAD,OAVF,CARF,CADF;AAuBD,CA5ED;;eA8EeP,0B","sourcesContent":["import React, { useCallback, useEffect, useState } from 'react';\nimport { message, Modal } from '@os-design/core';\nimport { graphql } from 'babel-plugin-relay/macro';\nimport { useMutation } from 'react-relay/hooks';\nimport { useTranslation } from 'react-i18next';\nimport { Constraint, handleFormErrors, FormContext } from '@os-team/form-utils';\nimport ProfileUpdatePasswordForm, {\n  ProfileUpdatePasswordFormData,\n} from './ProfileUpdatePasswordForm';\nimport { ProfileUpdatePasswordModalMutation } from './__generated__/ProfileUpdatePasswordModalMutation.graphql';\n\ninterface ProfileUpdatePasswordModalProps {\n  visibility: boolean;\n  onClose: () => void;\n}\n\nconst ProfileUpdatePasswordModal: React.FC<ProfileUpdatePasswordModalProps> = ({\n  visibility,\n  onClose,\n}) => {\n  const { t } = useTranslation('profile');\n\n  const [fieldErrors, setFieldErrors] = useState<Record<string, Constraint>>(\n    {}\n  );\n  const [formError, setFormError] = useState<string | undefined>();\n  const [data, setData] = useState<ProfileUpdatePasswordFormData>({\n    currentPassword: '',\n    password: '',\n  });\n\n  const [commit, loading] =\n    useMutation<ProfileUpdatePasswordModalMutation>(graphql`\n      mutation ProfileUpdatePasswordModalMutation(\n        $input: UpdatePasswordInput!\n      ) {\n        updatePassword(input: $input) {\n          id\n        }\n      }\n    `);\n\n  // Reset the data if the modal is visible\n  useEffect(() => {\n    if (visibility) {\n      setData({\n        currentPassword: '',\n        password: '',\n      });\n    }\n  }, [visibility]);\n\n  const onSubmit = useCallback(() => {\n    commit({\n      variables: {\n        input: data,\n      },\n      onError: (error) => {\n        handleFormErrors(error, { setFieldErrors, setFormError });\n      },\n      onCompleted: () => {\n        setFieldErrors({});\n        setFormError(undefined);\n        message.success(t('profile:updatePasswordModal.success'));\n        onClose();\n      },\n    });\n  }, [commit, data, onClose, t]);\n\n  return (\n    <Modal\n      title={t('profile:updatePasswordModal.title')}\n      visible={visibility}\n      okText={t('profile:updatePasswordModal.button')}\n      okLoading={loading}\n      onOk={onSubmit}\n      onClose={onClose}\n    >\n      <FormContext.Provider\n        value={{\n          data,\n          setData,\n          fieldErrors,\n          setFieldErrors,\n          formError,\n          setFormError,\n        }}\n      >\n        <ProfileUpdatePasswordForm />\n      </FormContext.Provider>\n    </Modal>\n  );\n};\n\nexport default ProfileUpdatePasswordModal;\n"],"file":"ProfileUpdatePasswordModal.js"}
+{"version":3,"sources":["../../../../src/lib/components/profile/ProfileUpdatePasswordModal.tsx"],"names":["ProfileUpdatePasswordModal","visibility","onClose","t","fieldErrors","setFieldErrors","formError","setFormError","currentPassword","password","data","setData","commit","loading","onSubmit","variables","input","onError","error","onCompleted","undefined","message","success","formContext"],"mappings":";;;;;;;;;AAAA;;AACA;;AAEA;;AACA;;AACA;;AACA;;;;;;;;;;;;;;;;;;;;;;AAUA,IAAMA,0BAAqE,GAAG,SAAxEA,0BAAwE,OAGxE;AAAA,MAFJC,UAEI,QAFJA,UAEI;AAAA,MADJC,OACI,QADJA,OACI;;AACJ,wBAAc,kCAAe,SAAf,CAAd;AAAA,MAAQC,CAAR,mBAAQA,CAAR;;AAEA,kBAAsC,qBACpC,EADoC,CAAtC;AAAA;AAAA,MAAOC,WAAP;AAAA,MAAoBC,cAApB;;AAGA,mBAAkC,sBAAlC;AAAA;AAAA,MAAOC,SAAP;AAAA,MAAkBC,YAAlB;;AACA,mBAAwB,qBAAwC;AAC9DC,IAAAA,eAAe,EAAE,EAD6C;AAE9DC,IAAAA,QAAQ,EAAE;AAFoD,GAAxC,CAAxB;AAAA;AAAA,MAAOC,IAAP;AAAA,MAAaC,OAAb;;AAKA,qBACE,ojBADF;AAAA;AAAA,MAAOC,MAAP;AAAA,MAAeC,OAAf,oBAZI,CAuBJ;;;AACA,wBAAU,YAAM;AACd,QAAIZ,UAAJ,EAAgB;AACdU,MAAAA,OAAO,CAAC;AACNH,QAAAA,eAAe,EAAE,EADX;AAENC,QAAAA,QAAQ,EAAE;AAFJ,OAAD,CAAP;AAID;AACF,GAPD,EAOG,CAACR,UAAD,CAPH;AASA,MAAMa,QAAQ,GAAG,wBAAY,YAAM;AACjCF,IAAAA,MAAM,CAAC;AACLG,MAAAA,SAAS,EAAE;AACTC,QAAAA,KAAK,EAAEN;AADE,OADN;AAILO,MAAAA,OAAO,EAAE,iBAACC,KAAD,EAAW;AAClB,yCAAiBA,KAAjB,EAAwB;AAAEb,UAAAA,cAAc,EAAdA,cAAF;AAAkBE,UAAAA,YAAY,EAAZA;AAAlB,SAAxB;AACD,OANI;AAOLY,MAAAA,WAAW,EAAE,uBAAM;AACjBd,QAAAA,cAAc,CAAC,EAAD,CAAd;AACAE,QAAAA,YAAY,CAACa,SAAD,CAAZ;;AACAC,sBAAQC,OAAR,CAAgBnB,CAAC,CAAC,qCAAD,CAAjB;;AACAD,QAAAA,OAAO;AACR;AAZI,KAAD,CAAN;AAcD,GAfgB,EAed,CAACU,MAAD,EAASF,IAAT,EAAeR,OAAf,EAAwBC,CAAxB,CAfc,CAAjB;AAiBA,MAAMoB,WAAW,GAAG,oBAClB;AAAA,WAAO;AACLb,MAAAA,IAAI,EAAJA,IADK;AAELC,MAAAA,OAAO,EAAPA,OAFK;AAGLP,MAAAA,WAAW,EAAXA,WAHK;AAILC,MAAAA,cAAc,EAAdA,cAJK;AAKLC,MAAAA,SAAS,EAATA,SALK;AAMLC,MAAAA,YAAY,EAAZA;AANK,KAAP;AAAA,GADkB,EASlB,CAACG,IAAD,EAAON,WAAP,EAAoBE,SAApB,CATkB,CAApB;AAYA,sBACE,6BAAC,WAAD;AACE,IAAA,KAAK,EAAEH,CAAC,CAAC,mCAAD,CADV;AAEE,IAAA,OAAO,EAAEF,UAFX;AAGE,IAAA,MAAM,EAAEE,CAAC,CAAC,oCAAD,CAHX;AAIE,IAAA,SAAS,EAAEU,OAJb;AAKE,IAAA,IAAI,EAAEC,QALR;AAME,IAAA,OAAO,EAAEZ;AANX,kBAQE,6BAAC,sBAAD,CAAa,QAAb;AAAsB,IAAA,KAAK,EAAEqB;AAA7B,kBACE,6BAAC,kCAAD,OADF,CARF,CADF;AAcD,CA/ED;;eAiFevB,0B","sourcesContent":["import React, { useCallback, useEffect, useMemo, useState } from 'react';\nimport { message, Modal } from '@os-design/core';\nimport { graphql } from 'babel-plugin-relay/macro';\nimport { useMutation } from 'react-relay/hooks';\nimport { useTranslation } from 'react-i18next';\nimport { Constraint, handleFormErrors, FormContext } from '@os-team/form-utils';\nimport ProfileUpdatePasswordForm, {\n  ProfileUpdatePasswordFormData,\n} from './ProfileUpdatePasswordForm';\nimport { ProfileUpdatePasswordModalMutation } from './__generated__/ProfileUpdatePasswordModalMutation.graphql';\n\ninterface ProfileUpdatePasswordModalProps {\n  visibility: boolean;\n  onClose: () => void;\n}\n\nconst ProfileUpdatePasswordModal: React.FC<ProfileUpdatePasswordModalProps> = ({\n  visibility,\n  onClose,\n}) => {\n  const { t } = useTranslation('profile');\n\n  const [fieldErrors, setFieldErrors] = useState<Record<string, Constraint>>(\n    {}\n  );\n  const [formError, setFormError] = useState<string | undefined>();\n  const [data, setData] = useState<ProfileUpdatePasswordFormData>({\n    currentPassword: '',\n    password: '',\n  });\n\n  const [commit, loading] =\n    useMutation<ProfileUpdatePasswordModalMutation>(graphql`\n      mutation ProfileUpdatePasswordModalMutation(\n        $input: UpdatePasswordInput!\n      ) {\n        updatePassword(input: $input) {\n          id\n        }\n      }\n    `);\n\n  // Reset the data if the modal is visible\n  useEffect(() => {\n    if (visibility) {\n      setData({\n        currentPassword: '',\n        password: '',\n      });\n    }\n  }, [visibility]);\n\n  const onSubmit = useCallback(() => {\n    commit({\n      variables: {\n        input: data,\n      },\n      onError: (error) => {\n        handleFormErrors(error, { setFieldErrors, setFormError });\n      },\n      onCompleted: () => {\n        setFieldErrors({});\n        setFormError(undefined);\n        message.success(t('profile:updatePasswordModal.success'));\n        onClose();\n      },\n    });\n  }, [commit, data, onClose, t]);\n\n  const formContext = useMemo(\n    () => ({\n      data,\n      setData,\n      fieldErrors,\n      setFieldErrors,\n      formError,\n      setFormError,\n    }),\n    [data, fieldErrors, formError]\n  );\n\n  return (\n    <Modal\n      title={t('profile:updatePasswordModal.title')}\n      visible={visibility}\n      okText={t('profile:updatePasswordModal.button')}\n      okLoading={loading}\n      onOk={onSubmit}\n      onClose={onClose}\n    >\n      <FormContext.Provider value={formContext}>\n        <ProfileUpdatePasswordForm />\n      </FormContext.Provider>\n    </Modal>\n  );\n};\n\nexport default ProfileUpdatePasswordModal;\n"],"file":"ProfileUpdatePasswordModal.js"}

package/dist/cjs/components/profile/ProtectedWrapper.js

@@ -1,11 +1,13 @@
 "use strict";
 
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
 
-var _react = _interopRequireDefault(require("react"));
+var _react = _interopRequireWildcard(require("react"));
 
 var _hooks = require("react-relay/hooks");
 
@@ -19,35 +21,42 @@ var _ProtectedWrapperQuery;
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
 var ProtectedWrapperLoader = function ProtectedWrapperLoader(_ref) {
   var children = _ref.children;
-  var props = (0, _hooks.useLazyLoadQuery)(_ProtectedWrapperQuery !== void 0 ? _ProtectedWrapperQuery : (_ProtectedWrapperQuery = require("./__generated__/ProtectedWrapperQuery.graphql"), _ProtectedWrapperQuery.hash && _ProtectedWrapperQuery.hash !== "903b234e48f53b4a44dc0b4974ebc521" && console.error("The definition of 'ProtectedWrapperQuery' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _ProtectedWrapperQuery), {}, {
+
+  var _useLazyLoadQuery = (0, _hooks.useLazyLoadQuery)(_ProtectedWrapperQuery !== void 0 ? _ProtectedWrapperQuery : (_ProtectedWrapperQuery = require("./__generated__/ProtectedWrapperQuery.graphql"), _ProtectedWrapperQuery.hash && _ProtectedWrapperQuery.hash !== "903b234e48f53b4a44dc0b4974ebc521" && console.error("The definition of 'ProtectedWrapperQuery' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _ProtectedWrapperQuery), {}, {
     fetchPolicy: 'store-or-network'
-  });
-  var _props$profile = props.profile,
-      id = _props$profile.id,
-      email = _props$profile.email,
-      firstName = _props$profile.firstName,
-      lastName = _props$profile.lastName,
-      avatar = _props$profile.avatar;
+  }),
+      profile = _useLazyLoadQuery.profile;
+
+  var profileContext = (0, _react.useMemo)(function () {
+    return {
+      id: profile.id,
+      email: profile.email,
+      firstName: profile.firstName || undefined,
+      lastName: profile.lastName || undefined,
+      avatar: profile.avatar || undefined
+    };
+  }, [profile.avatar, profile.email, profile.firstName, profile.id, profile.lastName]);
   return /*#__PURE__*/_react.default.createElement(_ProfileContext.default.Provider, {
-    value: {
-      id: id,
-      email: email,
-      firstName: firstName || undefined,
-      lastName: lastName || undefined,
-      avatar: avatar || undefined
-    }
+    value: profileContext
   }, children);
 };
 
 var ProtectedWrapper = function ProtectedWrapper(_ref2) {
   var bucketId = _ref2.bucketId,
       children = _ref2.children;
-  return /*#__PURE__*/_react.default.createElement(_ProfileConfigContext.default.Provider, {
-    value: {
+  var profileConfigContext = (0, _react.useMemo)(function () {
+    return {
       bucketId: bucketId
-    }
+    };
+  }, [bucketId]);
+  return /*#__PURE__*/_react.default.createElement(_ProfileConfigContext.default.Provider, {
+    value: profileConfigContext
   }, /*#__PURE__*/_react.default.createElement(_utils.ErrorBoundary, {
     fallback: function fallback() {
       window.location.href = '/auth/';

package/dist/cjs/components/profile/ProtectedWrapper.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/lib/components/profile/ProtectedWrapper.tsx"],"names":["ProtectedWrapperLoader","children","props","fetchPolicy","profile","id","email","firstName","lastName","avatar","undefined","ProtectedWrapper","bucketId","window","location","href"],"mappings":";;;;;;;AAAA;;AAEA;;AACA;;AACA;;AACA;;;;;;AAGA,IAAMA,sBAAgC,GAAG,SAAnCA,sBAAmC,OAAkB;AAAA,MAAfC,QAAe,QAAfA,QAAe;AACzD,MAAMC,KAAK,GAAG,kdAYZ,EAZY,EAaZ;AAAEC,IAAAA,WAAW,EAAE;AAAf,GAbY,CAAd;AAeA,uBAAmDD,KAAK,CAACE,OAAzD;AAAA,MAAQC,EAAR,kBAAQA,EAAR;AAAA,MAAYC,KAAZ,kBAAYA,KAAZ;AAAA,MAAmBC,SAAnB,kBAAmBA,SAAnB;AAAA,MAA8BC,QAA9B,kBAA8BA,QAA9B;AAAA,MAAwCC,MAAxC,kBAAwCA,MAAxC;AAEA,sBACE,6BAAC,uBAAD,CAAgB,QAAhB;AACE,IAAA,KAAK,EAAE;AACLJ,MAAAA,EAAE,EAAFA,EADK;AAELC,MAAAA,KAAK,EAALA,KAFK;AAGLC,MAAAA,SAAS,EAAEA,SAAS,IAAIG,SAHnB;AAILF,MAAAA,QAAQ,EAAEA,QAAQ,IAAIE,SAJjB;AAKLD,MAAAA,MAAM,EAAEA,MAAM,IAAIC;AALb;AADT,KASGT,QATH,CADF;AAaD,CA/BD;;AAqCA,IAAMU,gBAAiD,GAAG,SAApDA,gBAAoD;AAAA,MACxDC,QADwD,SACxDA,QADwD;AAAA,MAExDX,QAFwD,SAExDA,QAFwD;AAAA,sBAIxD,6BAAC,6BAAD,CAAsB,QAAtB;AAA+B,IAAA,KAAK,EAAE;AAAEW,MAAAA,QAAQ,EAARA;AAAF;AAAtC,kBACE,6BAAC,oBAAD;AACE,IAAA,QAAQ,EAAE,oBAAM;AACdC,MAAAA,MAAM,CAACC,QAAP,CAAgBC,IAAhB,GAAuB,QAAvB;AACA,aAAO,IAAP;AACD;AAJH,kBAME,6BAAC,sBAAD,QAAyBd,QAAzB,CANF,CADF,CAJwD;AAAA,CAA1D;;eAgBeU,gB","sourcesContent":["import React from 'react';\nimport graphql from 'babel-plugin-relay/macro';\nimport { useLazyLoadQuery } from 'react-relay/hooks';\nimport { ErrorBoundary } from '@os-design/utils';\nimport ProfileConfigContext from './ProfileConfigContext';\nimport ProfileContext from './ProfileContext';\nimport { ProtectedWrapperQuery } from './__generated__/ProtectedWrapperQuery.graphql';\n\nconst ProtectedWrapperLoader: React.FC = ({ children }) => {\n  const props = useLazyLoadQuery<ProtectedWrapperQuery>(\n    graphql`\n      query ProtectedWrapperQuery {\n        profile {\n          id\n          email\n          firstName\n          lastName\n          avatar\n        }\n      }\n    `,\n    {},\n    { fetchPolicy: 'store-or-network' }\n  );\n  const { id, email, firstName, lastName, avatar } = props.profile;\n\n  return (\n    <ProfileContext.Provider\n      value={{\n        id,\n        email,\n        firstName: firstName || undefined,\n        lastName: lastName || undefined,\n        avatar: avatar || undefined,\n      }}\n    >\n      {children}\n    </ProfileContext.Provider>\n  );\n};\n\nexport interface ProtectedWrapperProps {\n  bucketId: string;\n}\n\nconst ProtectedWrapper: React.FC<ProtectedWrapperProps> = ({\n  bucketId,\n  children,\n}) => (\n  <ProfileConfigContext.Provider value={{ bucketId }}>\n    <ErrorBoundary\n      fallback={() => {\n        window.location.href = '/auth/';\n        return null;\n      }}\n    >\n      <ProtectedWrapperLoader>{children}</ProtectedWrapperLoader>\n    </ErrorBoundary>\n  </ProfileConfigContext.Provider>\n);\n\nexport default ProtectedWrapper;\n"],"file":"ProtectedWrapper.js"}
+{"version":3,"sources":["../../../../src/lib/components/profile/ProtectedWrapper.tsx"],"names":["ProtectedWrapperLoader","children","fetchPolicy","profile","profileContext","id","email","firstName","undefined","lastName","avatar","ProtectedWrapper","bucketId","profileConfigContext","window","location","href"],"mappings":";;;;;;;;;AAAA;;AAEA;;AACA;;AACA;;AACA;;;;;;;;;;AAGA,IAAMA,sBAAgC,GAAG,SAAnCA,sBAAmC,OAAkB;AAAA,MAAfC,QAAe,QAAfA,QAAe;;AACzD,0BAAoB,kdAYlB,EAZkB,EAalB;AAAEC,IAAAA,WAAW,EAAE;AAAf,GAbkB,CAApB;AAAA,MAAQC,OAAR,qBAAQA,OAAR;;AAgBA,MAAMC,cAAc,GAAG,oBACrB;AAAA,WAAO;AACLC,MAAAA,EAAE,EAAEF,OAAO,CAACE,EADP;AAELC,MAAAA,KAAK,EAAEH,OAAO,CAACG,KAFV;AAGLC,MAAAA,SAAS,EAAEJ,OAAO,CAACI,SAAR,IAAqBC,SAH3B;AAILC,MAAAA,QAAQ,EAAEN,OAAO,CAACM,QAAR,IAAoBD,SAJzB;AAKLE,MAAAA,MAAM,EAAEP,OAAO,CAACO,MAAR,IAAkBF;AALrB,KAAP;AAAA,GADqB,EAQrB,CACEL,OAAO,CAACO,MADV,EAEEP,OAAO,CAACG,KAFV,EAGEH,OAAO,CAACI,SAHV,EAIEJ,OAAO,CAACE,EAJV,EAKEF,OAAO,CAACM,QALV,CARqB,CAAvB;AAiBA,sBACE,6BAAC,uBAAD,CAAgB,QAAhB;AAAyB,IAAA,KAAK,EAAEL;AAAhC,KACGH,QADH,CADF;AAKD,CAvCD;;AA6CA,IAAMU,gBAAiD,GAAG,SAApDA,gBAAoD,QAGpD;AAAA,MAFJC,QAEI,SAFJA,QAEI;AAAA,MADJX,QACI,SADJA,QACI;AACJ,MAAMY,oBAAoB,GAAG,oBAAQ;AAAA,WAAO;AAAED,MAAAA,QAAQ,EAARA;AAAF,KAAP;AAAA,GAAR,EAA8B,CAACA,QAAD,CAA9B,CAA7B;AAEA,sBACE,6BAAC,6BAAD,CAAsB,QAAtB;AAA+B,IAAA,KAAK,EAAEC;AAAtC,kBACE,6BAAC,oBAAD;AACE,IAAA,QAAQ,EAAE,oBAAM;AACdC,MAAAA,MAAM,CAACC,QAAP,CAAgBC,IAAhB,GAAuB,QAAvB;AACA,aAAO,IAAP;AACD;AAJH,kBAME,6BAAC,sBAAD,QAAyBf,QAAzB,CANF,CADF,CADF;AAYD,CAlBD;;eAoBeU,gB","sourcesContent":["import React, { useMemo } from 'react';\nimport graphql from 'babel-plugin-relay/macro';\nimport { useLazyLoadQuery } from 'react-relay/hooks';\nimport { ErrorBoundary } from '@os-design/utils';\nimport ProfileConfigContext from './ProfileConfigContext';\nimport ProfileContext from './ProfileContext';\nimport { ProtectedWrapperQuery } from './__generated__/ProtectedWrapperQuery.graphql';\n\nconst ProtectedWrapperLoader: React.FC = ({ children }) => {\n  const { profile } = useLazyLoadQuery<ProtectedWrapperQuery>(\n    graphql`\n      query ProtectedWrapperQuery {\n        profile {\n          id\n          email\n          firstName\n          lastName\n          avatar\n        }\n      }\n    `,\n    {},\n    { fetchPolicy: 'store-or-network' }\n  );\n\n  const profileContext = useMemo(\n    () => ({\n      id: profile.id,\n      email: profile.email,\n      firstName: profile.firstName || undefined,\n      lastName: profile.lastName || undefined,\n      avatar: profile.avatar || undefined,\n    }),\n    [\n      profile.avatar,\n      profile.email,\n      profile.firstName,\n      profile.id,\n      profile.lastName,\n    ]\n  );\n\n  return (\n    <ProfileContext.Provider value={profileContext}>\n      {children}\n    </ProfileContext.Provider>\n  );\n};\n\nexport interface ProtectedWrapperProps {\n  bucketId: string;\n}\n\nconst ProtectedWrapper: React.FC<ProtectedWrapperProps> = ({\n  bucketId,\n  children,\n}) => {\n  const profileConfigContext = useMemo(() => ({ bucketId }), [bucketId]);\n\n  return (\n    <ProfileConfigContext.Provider value={profileConfigContext}>\n      <ErrorBoundary\n        fallback={() => {\n          window.location.href = '/auth/';\n          return null;\n        }}\n      >\n        <ProtectedWrapperLoader>{children}</ProtectedWrapperLoader>\n      </ErrorBoundary>\n    </ProfileConfigContext.Provider>\n  );\n};\n\nexport default ProtectedWrapper;\n"],"file":"ProtectedWrapper.js"}

package/dist/cjs/components/profile/UserAvatar.js

@@ -1,6 +1,6 @@
 "use strict";
 
-function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
 
 Object.defineProperty(exports, "__esModule", {
   value: true

package/dist/cjs/components/profile/__generated__/ProfileDrawerUpdateAvatarMutation.graphql.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/lib/components/profile/__generated__/ProfileDrawerUpdateAvatarMutation.graphql.ts"],"names":["node","v0","v1","hash"],"mappings":";;;;;;;AAAA;;AACA;AACA;;AAuBA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA,IAAMA,IAAqB,GAAI,YAAU;AACzC,MAAIC,EAAE,GAAG,CACP;AACE,oBAAgB,IADlB;AAEE,YAAQ,eAFV;AAGE,YAAQ;AAHV,GADO,CAAT;AAAA,MAOAC,EAAE,GAAG,CACH;AACE,aAAS,IADX;AAEE,YAAQ,CACN;AACE,cAAQ,UADV;AAEE,cAAQ,OAFV;AAGE,sBAAgB;AAHlB,KADM,CAFV;AASE,oBAAgB,MATlB;AAUE,YAAQ,aAVV;AAWE,YAAQ,cAXV;AAYE,cAAU,KAZZ;AAaE,kBAAc,CACZ;AACE,eAAS,IADX;AAEE,cAAQ,IAFV;AAGE,cAAQ,aAHV;AAIE,cAAQ,IAJV;AAKE,oBAAc;AALhB,KADY,EAQZ;AACE,eAAS,IADX;AAEE,cAAQ,IAFV;AAGE,cAAQ,aAHV;AAIE,cAAQ,QAJV;AAKE,oBAAc;AALhB,KARY,CAbhB;AA6BE,kBAAc;AA7BhB,GADG,CAPL;AAwCA,SAAO;AACL,gBAAY;AACV,6BAAwBD;AAAE;AADhB;AAEV,cAAQ,UAFE;AAGV,kBAAY,IAHF;AAIV,cAAQ,mCAJE;AAKV,oBAAeC;AAAE;AALP;AAMV,cAAQ,UANE;AAOV,qBAAe;AAPL,KADP;AAUL,YAAQ,SAVH;AAWL,iBAAa;AACX,6BAAwBD;AAAE;AADf;AAEX,cAAQ,WAFG;AAGX,cAAQ,mCAHG;AAIX,oBAAeC;AAAE;;AAJN,KAXR;AAiBL,cAAU;AACR,iBAAW,kCADH;AAER,YAAM,IAFE;AAGR,kBAAY,EAHJ;AAIR,cAAQ,mCAJA;AAKR,uBAAiB,UALT;AAMR,cAAQ;AANA;AAjBL,GAAP;AA0BC,CAnE6B,EAA9B;;AAoECF,IAAD,CAAcG,IAAd,GAAqB,kCAArB;eACeH,I","sourcesContent":["/* tslint:disable */\n/* eslint-disable */\n// @ts-nocheck\n\nimport { ConcreteRequest } from \"relay-runtime\";\n\nexport type UpdateAvatarInput = {\n    avatar?: unknown | null;\n};\nexport type ProfileDrawerUpdateAvatarMutationVariables = {\n    input: UpdateAvatarInput;\n};\nexport type ProfileDrawerUpdateAvatarMutationResponse = {\n    readonly updateAvatar: {\n        readonly id: string;\n        readonly avatar: string | null;\n    };\n};\nexport type ProfileDrawerUpdateAvatarMutation = {\n    readonly response: ProfileDrawerUpdateAvatarMutationResponse;\n    readonly variables: ProfileDrawerUpdateAvatarMutationVariables;\n};\n\n\n\n/*\nmutation ProfileDrawerUpdateAvatarMutation(\n  $input: UpdateAvatarInput!\n) {\n  updateAvatar(input: $input) {\n    id\n    avatar\n  }\n}\n*/\n\nconst node: ConcreteRequest = (function(){\nvar v0 = [\n  {\n    \"defaultValue\": null,\n    \"kind\": \"LocalArgument\",\n    \"name\": \"input\"\n  }\n],\nv1 = [\n  {\n    \"alias\": null,\n    \"args\": [\n      {\n        \"kind\": \"Variable\",\n        \"name\": \"input\",\n        \"variableName\": \"input\"\n      }\n    ],\n    \"concreteType\": \"User\",\n    \"kind\": \"LinkedField\",\n    \"name\": \"updateAvatar\",\n    \"plural\": false,\n    \"selections\": [\n      {\n        \"alias\": null,\n        \"args\": null,\n        \"kind\": \"ScalarField\",\n        \"name\": \"id\",\n        \"storageKey\": null\n      },\n      {\n        \"alias\": null,\n        \"args\": null,\n        \"kind\": \"ScalarField\",\n        \"name\": \"avatar\",\n        \"storageKey\": null\n      }\n    ],\n    \"storageKey\": null\n  }\n];\nreturn {\n  \"fragment\": {\n    \"argumentDefinitions\": (v0/*: any*/),\n    \"kind\": \"Fragment\",\n    \"metadata\": null,\n    \"name\": \"ProfileDrawerUpdateAvatarMutation\",\n    \"selections\": (v1/*: any*/),\n    \"type\": \"Mutation\",\n    \"abstractKey\": null\n  },\n  \"kind\": \"Request\",\n  \"operation\": {\n    \"argumentDefinitions\": (v0/*: any*/),\n    \"kind\": \"Operation\",\n    \"name\": \"ProfileDrawerUpdateAvatarMutation\",\n    \"selections\": (v1/*: any*/)\n  },\n  \"params\": {\n    \"cacheID\": \"4e03df1e245723b6bb782fa62331d420\",\n    \"id\": null,\n    \"metadata\": {},\n    \"name\": \"ProfileDrawerUpdateAvatarMutation\",\n    \"operationKind\": \"mutation\",\n    \"text\": \"mutation ProfileDrawerUpdateAvatarMutation(\\n  $input: UpdateAvatarInput!\\n) {\\n  updateAvatar(input: $input) {\\n    id\\n    avatar\\n  }\\n}\\n\"\n  }\n};\n})();\n(node as any).hash = 'c129cb1974b7cb9090d6c5df4e0f790d';\nexport default node;\n"],"file":"ProfileDrawerUpdateAvatarMutation.graphql.js"}
+{"version":3,"sources":["../../../../../src/lib/components/profile/__generated__/ProfileDrawerUpdateAvatarMutation.graphql.ts"],"names":["node","v0","v1","hash"],"mappings":";;;;;;;AAAA;;AACA;AACA;;AAuBA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA,IAAMA,IAAqB,GAAI,YAAU;AACzC,MAAIC,EAAE,GAAG,CACP;AACE,oBAAgB,IADlB;AAEE,YAAQ,eAFV;AAGE,YAAQ;AAHV,GADO,CAAT;AAAA,MAOAC,EAAE,GAAG,CACH;AACE,aAAS,IADX;AAEE,YAAQ,CACN;AACE,cAAQ,UADV;AAEE,cAAQ,OAFV;AAGE,sBAAgB;AAHlB,KADM,CAFV;AASE,oBAAgB,MATlB;AAUE,YAAQ,aAVV;AAWE,YAAQ,cAXV;AAYE,cAAU,KAZZ;AAaE,kBAAc,CACZ;AACE,eAAS,IADX;AAEE,cAAQ,IAFV;AAGE,cAAQ,aAHV;AAIE,cAAQ,IAJV;AAKE,oBAAc;AALhB,KADY,EAQZ;AACE,eAAS,IADX;AAEE,cAAQ,IAFV;AAGE,cAAQ,aAHV;AAIE,cAAQ,QAJV;AAKE,oBAAc;AALhB,KARY,CAbhB;AA6BE,kBAAc;AA7BhB,GADG,CAPL;AAwCA,SAAO;AACL,gBAAY;AACV,6BAAwBD;AAAE;AADhB;AAEV,cAAQ,UAFE;AAGV,kBAAY,IAHF;AAIV,cAAQ,mCAJE;AAKV,oBAAeC;AAAE;AALP;AAMV,cAAQ,UANE;AAOV,qBAAe;AAPL,KADP;AAUL,YAAQ,SAVH;AAWL,iBAAa;AACX,6BAAwBD;AAAE;AADf;AAEX,cAAQ,WAFG;AAGX,cAAQ,mCAHG;AAIX,oBAAeC;AAAE;;AAJN,KAXR;AAiBL,cAAU;AACR,iBAAW,kCADH;AAER,YAAM,IAFE;AAGR,kBAAY,EAHJ;AAIR,cAAQ,mCAJA;AAKR,uBAAiB,UALT;AAMR,cAAQ;AANA;AAjBL,GAAP;AA0BC,CAnE6B,EAA9B;;AAoECF,IAAD,CAAcG,IAAd,GAAqB,kCAArB;eACeH,I","sourcesContent":["/* tslint:disable */\n/* eslint-disable */\n// @ts-nocheck\n\nimport { ConcreteRequest } from \"relay-runtime\";\n\nexport type UpdateAvatarInput = {\n    avatar?: unknown | null | undefined;\n};\nexport type ProfileDrawerUpdateAvatarMutationVariables = {\n    input: UpdateAvatarInput;\n};\nexport type ProfileDrawerUpdateAvatarMutationResponse = {\n    readonly updateAvatar: {\n        readonly id: string;\n        readonly avatar: string | null;\n    };\n};\nexport type ProfileDrawerUpdateAvatarMutation = {\n    readonly response: ProfileDrawerUpdateAvatarMutationResponse;\n    readonly variables: ProfileDrawerUpdateAvatarMutationVariables;\n};\n\n\n\n/*\nmutation ProfileDrawerUpdateAvatarMutation(\n  $input: UpdateAvatarInput!\n) {\n  updateAvatar(input: $input) {\n    id\n    avatar\n  }\n}\n*/\n\nconst node: ConcreteRequest = (function(){\nvar v0 = [\n  {\n    \"defaultValue\": null,\n    \"kind\": \"LocalArgument\",\n    \"name\": \"input\"\n  }\n],\nv1 = [\n  {\n    \"alias\": null,\n    \"args\": [\n      {\n        \"kind\": \"Variable\",\n        \"name\": \"input\",\n        \"variableName\": \"input\"\n      }\n    ],\n    \"concreteType\": \"User\",\n    \"kind\": \"LinkedField\",\n    \"name\": \"updateAvatar\",\n    \"plural\": false,\n    \"selections\": [\n      {\n        \"alias\": null,\n        \"args\": null,\n        \"kind\": \"ScalarField\",\n        \"name\": \"id\",\n        \"storageKey\": null\n      },\n      {\n        \"alias\": null,\n        \"args\": null,\n        \"kind\": \"ScalarField\",\n        \"name\": \"avatar\",\n        \"storageKey\": null\n      }\n    ],\n    \"storageKey\": null\n  }\n];\nreturn {\n  \"fragment\": {\n    \"argumentDefinitions\": (v0/*: any*/),\n    \"kind\": \"Fragment\",\n    \"metadata\": null,\n    \"name\": \"ProfileDrawerUpdateAvatarMutation\",\n    \"selections\": (v1/*: any*/),\n    \"type\": \"Mutation\",\n    \"abstractKey\": null\n  },\n  \"kind\": \"Request\",\n  \"operation\": {\n    \"argumentDefinitions\": (v0/*: any*/),\n    \"kind\": \"Operation\",\n    \"name\": \"ProfileDrawerUpdateAvatarMutation\",\n    \"selections\": (v1/*: any*/)\n  },\n  \"params\": {\n    \"cacheID\": \"4e03df1e245723b6bb782fa62331d420\",\n    \"id\": null,\n    \"metadata\": {},\n    \"name\": \"ProfileDrawerUpdateAvatarMutation\",\n    \"operationKind\": \"mutation\",\n    \"text\": \"mutation ProfileDrawerUpdateAvatarMutation(\\n  $input: UpdateAvatarInput!\\n) {\\n  updateAvatar(input: $input) {\\n    id\\n    avatar\\n  }\\n}\\n\"\n  }\n};\n})();\n(node as any).hash = 'c129cb1974b7cb9090d6c5df4e0f790d';\nexport default node;\n"],"file":"ProfileDrawerUpdateAvatarMutation.graphql.js"}

package/dist/cjs/components/profile/__generated__/ProfileUpdateNameModalMutation.graphql.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/lib/components/profile/__generated__/ProfileUpdateNameModalMutation.graphql.ts"],"names":["node","v0","v1","v2","v3","hash"],"mappings":";;;;;;;AAAA;;AACA;AACA;;AAwBA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA,IAAMA,IAAqB,GAAI,YAAU;AACzC,MAAIC,EAAE,GAAG,CACP;AACE,oBAAgB,IADlB;AAEE,YAAQ,eAFV;AAGE,YAAQ;AAHV,GADO,CAAT;AAAA,MAOAC,EAAE,GAAG,CACH;AACE,YAAQ,UADV;AAEE,YAAQ,OAFV;AAGE,oBAAgB;AAHlB,GADG,CAPL;AAAA,MAcAC,EAAE,GAAG;AACH,aAAS,IADN;AAEH,YAAQ,IAFL;AAGH,YAAQ,aAHL;AAIH,YAAQ,WAJL;AAKH,kBAAc;AALX,GAdL;AAAA,MAqBAC,EAAE,GAAG;AACH,aAAS,IADN;AAEH,YAAQ,IAFL;AAGH,YAAQ,aAHL;AAIH,YAAQ,UAJL;AAKH,kBAAc;AALX,GArBL;AA4BA,SAAO;AACL,gBAAY;AACV,6BAAwBH;AAAE;AADhB;AAEV,cAAQ,UAFE;AAGV,kBAAY,IAHF;AAIV,cAAQ,gCAJE;AAKV,oBAAc,CACZ;AACE,iBAAS,IADX;AAEE,gBAASC;AAAE;AAFb;AAGE,wBAAgB,MAHlB;AAIE,gBAAQ,aAJV;AAKE,gBAAQ,eALV;AAME,kBAAU,KANZ;AAOE,sBAAc,CACXC;AAAE;AADS,UAEXC;AAAE;AAFS,SAPhB;AAWE,sBAAc;AAXhB,OADY,CALJ;AAoBV,cAAQ,UApBE;AAqBV,qBAAe;AArBL,KADP;AAwBL,YAAQ,SAxBH;AAyBL,iBAAa;AACX,6BAAwBH;AAAE;AADf;AAEX,cAAQ,WAFG;AAGX,cAAQ,gCAHG;AAIX,oBAAc,CACZ;AACE,iBAAS,IADX;AAEE,gBAASC;AAAE;AAFb;AAGE,wBAAgB,MAHlB;AAIE,gBAAQ,aAJV;AAKE,gBAAQ,eALV;AAME,kBAAU,KANZ;AAOE,sBAAc,CACXC;AAAE;AADS,UAEXC;AAAE;AAFS,UAGZ;AACE,mBAAS,IADX;AAEE,kBAAQ,IAFV;AAGE,kBAAQ,aAHV;AAIE,kBAAQ,IAJV;AAKE,wBAAc;AALhB,SAHY,CAPhB;AAkBE,sBAAc;AAlBhB,OADY;AAJH,KAzBR;AAoDL,cAAU;AACR,iBAAW,kCADH;AAER,YAAM,IAFE;AAGR,kBAAY,EAHJ;AAIR,cAAQ,gCAJA;AAKR,uBAAiB,UALT;AAMR,cAAQ;AANA;AApDL,GAAP;AA6DC,CA1F6B,EAA9B;;AA2FCJ,IAAD,CAAcK,IAAd,GAAqB,kCAArB;eACeL,I","sourcesContent":["/* tslint:disable */\n/* eslint-disable */\n// @ts-nocheck\n\nimport { ConcreteRequest } from \"relay-runtime\";\n\nexport type UpdateProfileInput = {\n    firstName?: string | null;\n    lastName?: string | null;\n};\nexport type ProfileUpdateNameModalMutationVariables = {\n    input: UpdateProfileInput;\n};\nexport type ProfileUpdateNameModalMutationResponse = {\n    readonly updateProfile: {\n        readonly firstName: string | null;\n        readonly lastName: string | null;\n    };\n};\nexport type ProfileUpdateNameModalMutation = {\n    readonly response: ProfileUpdateNameModalMutationResponse;\n    readonly variables: ProfileUpdateNameModalMutationVariables;\n};\n\n\n\n/*\nmutation ProfileUpdateNameModalMutation(\n  $input: UpdateProfileInput!\n) {\n  updateProfile(input: $input) {\n    firstName\n    lastName\n    id\n  }\n}\n*/\n\nconst node: ConcreteRequest = (function(){\nvar v0 = [\n  {\n    \"defaultValue\": null,\n    \"kind\": \"LocalArgument\",\n    \"name\": \"input\"\n  }\n],\nv1 = [\n  {\n    \"kind\": \"Variable\",\n    \"name\": \"input\",\n    \"variableName\": \"input\"\n  }\n],\nv2 = {\n  \"alias\": null,\n  \"args\": null,\n  \"kind\": \"ScalarField\",\n  \"name\": \"firstName\",\n  \"storageKey\": null\n},\nv3 = {\n  \"alias\": null,\n  \"args\": null,\n  \"kind\": \"ScalarField\",\n  \"name\": \"lastName\",\n  \"storageKey\": null\n};\nreturn {\n  \"fragment\": {\n    \"argumentDefinitions\": (v0/*: any*/),\n    \"kind\": \"Fragment\",\n    \"metadata\": null,\n    \"name\": \"ProfileUpdateNameModalMutation\",\n    \"selections\": [\n      {\n        \"alias\": null,\n        \"args\": (v1/*: any*/),\n        \"concreteType\": \"User\",\n        \"kind\": \"LinkedField\",\n        \"name\": \"updateProfile\",\n        \"plural\": false,\n        \"selections\": [\n          (v2/*: any*/),\n          (v3/*: any*/)\n        ],\n        \"storageKey\": null\n      }\n    ],\n    \"type\": \"Mutation\",\n    \"abstractKey\": null\n  },\n  \"kind\": \"Request\",\n  \"operation\": {\n    \"argumentDefinitions\": (v0/*: any*/),\n    \"kind\": \"Operation\",\n    \"name\": \"ProfileUpdateNameModalMutation\",\n    \"selections\": [\n      {\n        \"alias\": null,\n        \"args\": (v1/*: any*/),\n        \"concreteType\": \"User\",\n        \"kind\": \"LinkedField\",\n        \"name\": \"updateProfile\",\n        \"plural\": false,\n        \"selections\": [\n          (v2/*: any*/),\n          (v3/*: any*/),\n          {\n            \"alias\": null,\n            \"args\": null,\n            \"kind\": \"ScalarField\",\n            \"name\": \"id\",\n            \"storageKey\": null\n          }\n        ],\n        \"storageKey\": null\n      }\n    ]\n  },\n  \"params\": {\n    \"cacheID\": \"f70f0aaabf917dc446c3a71cf7b4f25f\",\n    \"id\": null,\n    \"metadata\": {},\n    \"name\": \"ProfileUpdateNameModalMutation\",\n    \"operationKind\": \"mutation\",\n    \"text\": \"mutation ProfileUpdateNameModalMutation(\\n  $input: UpdateProfileInput!\\n) {\\n  updateProfile(input: $input) {\\n    firstName\\n    lastName\\n    id\\n  }\\n}\\n\"\n  }\n};\n})();\n(node as any).hash = '7264a05b6738d5417df9f1dc462486aa';\nexport default node;\n"],"file":"ProfileUpdateNameModalMutation.graphql.js"}
+{"version":3,"sources":["../../../../../src/lib/components/profile/__generated__/ProfileUpdateNameModalMutation.graphql.ts"],"names":["node","v0","v1","v2","v3","hash"],"mappings":";;;;;;;AAAA;;AACA;AACA;;AAwBA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA,IAAMA,IAAqB,GAAI,YAAU;AACzC,MAAIC,EAAE,GAAG,CACP;AACE,oBAAgB,IADlB;AAEE,YAAQ,eAFV;AAGE,YAAQ;AAHV,GADO,CAAT;AAAA,MAOAC,EAAE,GAAG,CACH;AACE,YAAQ,UADV;AAEE,YAAQ,OAFV;AAGE,oBAAgB;AAHlB,GADG,CAPL;AAAA,MAcAC,EAAE,GAAG;AACH,aAAS,IADN;AAEH,YAAQ,IAFL;AAGH,YAAQ,aAHL;AAIH,YAAQ,WAJL;AAKH,kBAAc;AALX,GAdL;AAAA,MAqBAC,EAAE,GAAG;AACH,aAAS,IADN;AAEH,YAAQ,IAFL;AAGH,YAAQ,aAHL;AAIH,YAAQ,UAJL;AAKH,kBAAc;AALX,GArBL;AA4BA,SAAO;AACL,gBAAY;AACV,6BAAwBH;AAAE;AADhB;AAEV,cAAQ,UAFE;AAGV,kBAAY,IAHF;AAIV,cAAQ,gCAJE;AAKV,oBAAc,CACZ;AACE,iBAAS,IADX;AAEE,gBAASC;AAAE;AAFb;AAGE,wBAAgB,MAHlB;AAIE,gBAAQ,aAJV;AAKE,gBAAQ,eALV;AAME,kBAAU,KANZ;AAOE,sBAAc,CACXC;AAAE;AADS,UAEXC;AAAE;AAFS,SAPhB;AAWE,sBAAc;AAXhB,OADY,CALJ;AAoBV,cAAQ,UApBE;AAqBV,qBAAe;AArBL,KADP;AAwBL,YAAQ,SAxBH;AAyBL,iBAAa;AACX,6BAAwBH;AAAE;AADf;AAEX,cAAQ,WAFG;AAGX,cAAQ,gCAHG;AAIX,oBAAc,CACZ;AACE,iBAAS,IADX;AAEE,gBAASC;AAAE;AAFb;AAGE,wBAAgB,MAHlB;AAIE,gBAAQ,aAJV;AAKE,gBAAQ,eALV;AAME,kBAAU,KANZ;AAOE,sBAAc,CACXC;AAAE;AADS,UAEXC;AAAE;AAFS,UAGZ;AACE,mBAAS,IADX;AAEE,kBAAQ,IAFV;AAGE,kBAAQ,aAHV;AAIE,kBAAQ,IAJV;AAKE,wBAAc;AALhB,SAHY,CAPhB;AAkBE,sBAAc;AAlBhB,OADY;AAJH,KAzBR;AAoDL,cAAU;AACR,iBAAW,kCADH;AAER,YAAM,IAFE;AAGR,kBAAY,EAHJ;AAIR,cAAQ,gCAJA;AAKR,uBAAiB,UALT;AAMR,cAAQ;AANA;AApDL,GAAP;AA6DC,CA1F6B,EAA9B;;AA2FCJ,IAAD,CAAcK,IAAd,GAAqB,kCAArB;eACeL,I","sourcesContent":["/* tslint:disable */\n/* eslint-disable */\n// @ts-nocheck\n\nimport { ConcreteRequest } from \"relay-runtime\";\n\nexport type UpdateProfileInput = {\n    firstName?: string | null | undefined;\n    lastName?: string | null | undefined;\n};\nexport type ProfileUpdateNameModalMutationVariables = {\n    input: UpdateProfileInput;\n};\nexport type ProfileUpdateNameModalMutationResponse = {\n    readonly updateProfile: {\n        readonly firstName: string | null;\n        readonly lastName: string | null;\n    };\n};\nexport type ProfileUpdateNameModalMutation = {\n    readonly response: ProfileUpdateNameModalMutationResponse;\n    readonly variables: ProfileUpdateNameModalMutationVariables;\n};\n\n\n\n/*\nmutation ProfileUpdateNameModalMutation(\n  $input: UpdateProfileInput!\n) {\n  updateProfile(input: $input) {\n    firstName\n    lastName\n    id\n  }\n}\n*/\n\nconst node: ConcreteRequest = (function(){\nvar v0 = [\n  {\n    \"defaultValue\": null,\n    \"kind\": \"LocalArgument\",\n    \"name\": \"input\"\n  }\n],\nv1 = [\n  {\n    \"kind\": \"Variable\",\n    \"name\": \"input\",\n    \"variableName\": \"input\"\n  }\n],\nv2 = {\n  \"alias\": null,\n  \"args\": null,\n  \"kind\": \"ScalarField\",\n  \"name\": \"firstName\",\n  \"storageKey\": null\n},\nv3 = {\n  \"alias\": null,\n  \"args\": null,\n  \"kind\": \"ScalarField\",\n  \"name\": \"lastName\",\n  \"storageKey\": null\n};\nreturn {\n  \"fragment\": {\n    \"argumentDefinitions\": (v0/*: any*/),\n    \"kind\": \"Fragment\",\n    \"metadata\": null,\n    \"name\": \"ProfileUpdateNameModalMutation\",\n    \"selections\": [\n      {\n        \"alias\": null,\n        \"args\": (v1/*: any*/),\n        \"concreteType\": \"User\",\n        \"kind\": \"LinkedField\",\n        \"name\": \"updateProfile\",\n        \"plural\": false,\n        \"selections\": [\n          (v2/*: any*/),\n          (v3/*: any*/)\n        ],\n        \"storageKey\": null\n      }\n    ],\n    \"type\": \"Mutation\",\n    \"abstractKey\": null\n  },\n  \"kind\": \"Request\",\n  \"operation\": {\n    \"argumentDefinitions\": (v0/*: any*/),\n    \"kind\": \"Operation\",\n    \"name\": \"ProfileUpdateNameModalMutation\",\n    \"selections\": [\n      {\n        \"alias\": null,\n        \"args\": (v1/*: any*/),\n        \"concreteType\": \"User\",\n        \"kind\": \"LinkedField\",\n        \"name\": \"updateProfile\",\n        \"plural\": false,\n        \"selections\": [\n          (v2/*: any*/),\n          (v3/*: any*/),\n          {\n            \"alias\": null,\n            \"args\": null,\n            \"kind\": \"ScalarField\",\n            \"name\": \"id\",\n            \"storageKey\": null\n          }\n        ],\n        \"storageKey\": null\n      }\n    ]\n  },\n  \"params\": {\n    \"cacheID\": \"f70f0aaabf917dc446c3a71cf7b4f25f\",\n    \"id\": null,\n    \"metadata\": {},\n    \"name\": \"ProfileUpdateNameModalMutation\",\n    \"operationKind\": \"mutation\",\n    \"text\": \"mutation ProfileUpdateNameModalMutation(\\n  $input: UpdateProfileInput!\\n) {\\n  updateProfile(input: $input) {\\n    firstName\\n    lastName\\n    id\\n  }\\n}\\n\"\n  }\n};\n})();\n(node as any).hash = '7264a05b6738d5417df9f1dc462486aa';\nexport default node;\n"],"file":"ProfileUpdateNameModalMutation.graphql.js"}

package/dist/cjs/components/session/SessionDrawer.js

@@ -1,6 +1,6 @@
 "use strict";
 
-function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
 
 Object.defineProperty(exports, "__esModule", {
   value: true

package/dist/cjs/components/session/SessionDrawerContent.js

@@ -1,6 +1,6 @@
 "use strict";
 
-function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
 
 Object.defineProperty(exports, "__esModule", {
   value: true
@@ -39,14 +39,16 @@ var SessionDrawerContentLoader = function SessionDrawerContentLoader() {
   });
 };
 
+var errorFallback = function errorFallback(_ref) {
+  var error = _ref.error;
+  return /*#__PURE__*/_react.default.createElement(_ErrorResult.default, {
+    error: error
+  });
+};
+
 var SessionDrawerContent = function SessionDrawerContent() {
   return /*#__PURE__*/_react.default.createElement(_utils.ErrorBoundary, {
-    fallback: function fallback(_ref) {
-      var error = _ref.error;
-      return /*#__PURE__*/_react.default.createElement(_ErrorResult.default, {
-        error: error
-      });
-    }
+    fallback: errorFallback
   }, /*#__PURE__*/_react.default.createElement(_react.Suspense, {
     fallback: /*#__PURE__*/_react.default.createElement(_SessionListSkeleton.default, null)
   }, /*#__PURE__*/_react.default.createElement(SessionDrawerContentLoader, null)));

package/dist/cjs/components/session/SessionDrawerContent.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/lib/components/session/SessionDrawerContent.tsx"],"names":["SESSION_HORIZONTAL_PADDING","SessionDrawerContentLoader","props","fetchPolicy","SessionDrawerContent","error"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;AAEA;;AACA;;AACA;;;;;;;;;;AAGO,IAAMA,0BAA0B,GAAG,CAAnC;;;AAEP,IAAMC,0BAAoC,GAAG,SAAvCA,0BAAuC,GAAM;AACjD,MAAMC,KAAK,GAAG,kfAMZ,EANY,EAOZ;AAAEC,IAAAA,WAAW,EAAE;AAAf,GAPY,CAAd;AAUA,sBAAO,6BAAC,oBAAD;AAAa,IAAA,WAAW,EAAED;AAA1B,IAAP;AACD,CAZD;;AAcA,IAAME,oBAA8B,GAAG,SAAjCA,oBAAiC;AAAA,sBACrC,6BAAC,oBAAD;AAAe,IAAA,QAAQ,EAAE;AAAA,UAAGC,KAAH,QAAGA,KAAH;AAAA,0BAAe,6BAAC,oBAAD;AAAa,QAAA,KAAK,EAAEA;AAApB,QAAf;AAAA;AAAzB,kBACE,6BAAC,eAAD;AAAU,IAAA,QAAQ,eAAE,6BAAC,4BAAD;AAApB,kBACE,6BAAC,0BAAD,OADF,CADF,CADqC;AAAA,CAAvC;;eAQeD,oB","sourcesContent":["import React, { Suspense } from 'react';\nimport { useLazyLoadQuery } from 'react-relay/hooks';\nimport { ErrorBoundary } from '@os-design/utils';\nimport graphql from 'babel-plugin-relay/macro';\nimport ErrorResult from '../shared/ErrorResult';\nimport SessionList from './SessionList';\nimport SessionListSkeleton from './SessionListSkeleton';\nimport { SessionDrawerContentQuery } from './__generated__/SessionDrawerContentQuery.graphql';\n\nexport const SESSION_HORIZONTAL_PADDING = 1;\n\nconst SessionDrawerContentLoader: React.FC = () => {\n  const props = useLazyLoadQuery<SessionDrawerContentQuery>(\n    graphql`\n      query SessionDrawerContentQuery {\n        ...SessionList_sessions\n      }\n    `,\n    {},\n    { fetchPolicy: 'network-only' }\n  );\n\n  return <SessionList sessionsKey={props} />;\n};\n\nconst SessionDrawerContent: React.FC = () => (\n  <ErrorBoundary fallback={({ error }) => <ErrorResult error={error} />}>\n    <Suspense fallback={<SessionListSkeleton />}>\n      <SessionDrawerContentLoader />\n    </Suspense>\n  </ErrorBoundary>\n);\n\nexport default SessionDrawerContent;\n"],"file":"SessionDrawerContent.js"}
+{"version":3,"sources":["../../../../src/lib/components/session/SessionDrawerContent.tsx"],"names":["SESSION_HORIZONTAL_PADDING","SessionDrawerContentLoader","props","fetchPolicy","errorFallback","error","SessionDrawerContent"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;AAEA;;AACA;;AACA;;;;;;;;;;AAGO,IAAMA,0BAA0B,GAAG,CAAnC;;;AAEP,IAAMC,0BAAoC,GAAG,SAAvCA,0BAAuC,GAAM;AACjD,MAAMC,KAAK,GAAG,kfAMZ,EANY,EAOZ;AAAEC,IAAAA,WAAW,EAAE;AAAf,GAPY,CAAd;AAUA,sBAAO,6BAAC,oBAAD;AAAa,IAAA,WAAW,EAAED;AAA1B,IAAP;AACD,CAZD;;AAcA,IAAME,aAAa,GAAG,SAAhBA,aAAgB;AAAA,MAAGC,KAAH,QAAGA,KAAH;AAAA,sBAAe,6BAAC,oBAAD;AAAa,IAAA,KAAK,EAAEA;AAApB,IAAf;AAAA,CAAtB;;AAEA,IAAMC,oBAA8B,GAAG,SAAjCA,oBAAiC;AAAA,sBACrC,6BAAC,oBAAD;AAAe,IAAA,QAAQ,EAAEF;AAAzB,kBACE,6BAAC,eAAD;AAAU,IAAA,QAAQ,eAAE,6BAAC,4BAAD;AAApB,kBACE,6BAAC,0BAAD,OADF,CADF,CADqC;AAAA,CAAvC;;eAQeE,oB","sourcesContent":["import React, { Suspense } from 'react';\nimport { useLazyLoadQuery } from 'react-relay/hooks';\nimport { ErrorBoundary } from '@os-design/utils';\nimport graphql from 'babel-plugin-relay/macro';\nimport ErrorResult from '../shared/ErrorResult';\nimport SessionList from './SessionList';\nimport SessionListSkeleton from './SessionListSkeleton';\nimport { SessionDrawerContentQuery } from './__generated__/SessionDrawerContentQuery.graphql';\n\nexport const SESSION_HORIZONTAL_PADDING = 1;\n\nconst SessionDrawerContentLoader: React.FC = () => {\n  const props = useLazyLoadQuery<SessionDrawerContentQuery>(\n    graphql`\n      query SessionDrawerContentQuery {\n        ...SessionList_sessions\n      }\n    `,\n    {},\n    { fetchPolicy: 'network-only' }\n  );\n\n  return <SessionList sessionsKey={props} />;\n};\n\nconst errorFallback = ({ error }) => <ErrorResult error={error} />;\n\nconst SessionDrawerContent: React.FC = () => (\n  <ErrorBoundary fallback={errorFallback}>\n    <Suspense fallback={<SessionListSkeleton />}>\n      <SessionDrawerContentLoader />\n    </Suspense>\n  </ErrorBoundary>\n);\n\nexport default SessionDrawerContent;\n"],"file":"SessionDrawerContent.js"}

package/dist/cjs/components/session/SessionList.js

@@ -1,6 +1,6 @@
 "use strict";
 
-function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
 
 Object.defineProperty(exports, "__esModule", {
   value: true
@@ -19,8 +19,6 @@ var _reactI18next = require("react-i18next");
 
 var _theming = require("@os-design/theming");
 
-var _relayRuntime = require("relay-runtime");
-
 var _SessionListItem = _interopRequireDefault(require("./SessionListItem"));
 
 var _SessionList_sessions, _SessionListDestroyAllOtherSessionsMutation, _templateObject, _templateObject2, _templateObject3, _templateObject4;
@@ -45,7 +43,7 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
 
-var sessionListFragment = _SessionList_sessions !== void 0 ? _SessionList_sessions : (_SessionList_sessions = require("./__generated__/SessionList_sessions.graphql"), _SessionList_sessions.hash && _SessionList_sessions.hash !== "ffc097fbe501d309e554b7f98ebedd67" && console.error("The definition of 'SessionList_sessions' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _SessionList_sessions);
+var sessionListFragment = _SessionList_sessions !== void 0 ? _SessionList_sessions : (_SessionList_sessions = require("./__generated__/SessionList_sessions.graphql"), _SessionList_sessions.hash && _SessionList_sessions.hash !== "1b21c937c7ba795f09bfcb5ada7d2510" && console.error("The definition of 'SessionList_sessions' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _SessionList_sessions);
 
 var Title = _styled.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  font-weight: 500;\n  margin: 1em 1em 0.5em;\n"])));
 
@@ -67,23 +65,25 @@ exports.SESSION_LIST_PADDING_VERTICAL = SESSION_LIST_PADDING_VERTICAL;
 
 var SessionList = function SessionList(_ref) {
   var sessionsKey = _ref.sessionsKey;
-  var data = (0, _hooks.useFragment)(sessionListFragment, sessionsKey);
+
+  var _useFragment = (0, _hooks.useFragment)(sessionListFragment, sessionsKey),
+      sessions = _useFragment.sessions;
 
   var _useTranslation = (0, _reactI18next.useTranslation)('profile'),
       t = _useTranslation.t;
 
   var currentSession = (0, _react.useMemo)(function () {
-    return data.sessions.edges.find(function (edge) {
-      return edge.node.current;
+    return sessions.find(function (session) {
+      return session.current;
     });
-  }, [data.sessions.edges]);
+  }, [sessions]);
   var otherSessions = (0, _react.useMemo)(function () {
-    return data.sessions.edges.filter(function (edge) {
-      return !edge.node.current;
+    return sessions.filter(function (session) {
+      return !session.current;
     }).sort(function (a, b) {
-      return new Date(b.node.lastSeenAt).getTime() - new Date(a.node.lastSeenAt).getTime();
+      return new Date(b.lastSeenAt).getTime() - new Date(a.lastSeenAt).getTime();
     });
-  }, [data.sessions.edges]);
+  }, [sessions]);
 
   var _useMutation = (0, _hooks.useMutation)(_SessionListDestroyAllOtherSessionsMutation !== void 0 ? _SessionListDestroyAllOtherSessionsMutation : (_SessionListDestroyAllOtherSessionsMutation = require("./__generated__/SessionListDestroyAllOtherSessionsMutation.graphql"), _SessionListDestroyAllOtherSessionsMutation.hash && _SessionListDestroyAllOtherSessionsMutation.hash !== "016b6b5e7ae228f7df552d97fa43bd40" && console.error("The definition of 'SessionListDestroyAllOtherSessionsMutation' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _SessionListDestroyAllOtherSessionsMutation)),
       _useMutation2 = _slicedToArray(_useMutation, 2),
@@ -96,16 +96,11 @@ var SessionList = function SessionList(_ref) {
       updater: function updater(store) {
         var record = store.get('client:root');
         if (!record) return;
-
-        var conn = _relayRuntime.ConnectionHandler.getConnection(record, 'SessionList_sessions');
-
-        if (!conn) return;
-        var edges = (conn.getLinkedRecords('edges') || []).filter(function (edge) {
-          var _edge$getLinkedRecord;
-
-          return ((_edge$getLinkedRecord = edge.getLinkedRecord('node')) === null || _edge$getLinkedRecord === void 0 ? void 0 : _edge$getLinkedRecord.getValue('id')) === (currentSession === null || currentSession === void 0 ? void 0 : currentSession.node.id);
-        });
-        conn.setLinkedRecords(edges, 'edges');
+        var sessionRecords = record.getLinkedRecords('sessions');
+        if (!sessionRecords) return;
+        record.setLinkedRecords(sessionRecords.filter(function (item) {
+          return item.getDataID() === (currentSession === null || currentSession === void 0 ? void 0 : currentSession.id);
+        }), 'sessions');
       },
       onError: function onError(error) {
         _core.message.error(error.message);
@@ -114,9 +109,9 @@ var SessionList = function SessionList(_ref) {
         _core.message.success(t('profile:sessions.destroyedAllOther'));
       }
     });
-  }, [commitDestroyAllOtherSessions, currentSession === null || currentSession === void 0 ? void 0 : currentSession.node.id, t]);
+  }, [commitDestroyAllOtherSessions, currentSession === null || currentSession === void 0 ? void 0 : currentSession.id, t]);
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, currentSession && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(Title, null, t('profile:sessions.current')), /*#__PURE__*/_react.default.createElement(List, null, /*#__PURE__*/_react.default.createElement(_SessionListItem.default, {
-    sessionKey: currentSession.node,
+    sessionKey: currentSession,
     hideLastSeenAt: true
   }))), otherSessions.length > 0 && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(DestroyAllOtherSessionsButton, {
     type: "ghost",
@@ -125,10 +120,10 @@ var SessionList = function SessionList(_ref) {
     wide: "always",
     loading: loadingDestroyAllOtherSessions,
     onClick: destroyAllOtherSessions
-  }, t('profile:sessions.destroyAllOther')), /*#__PURE__*/_react.default.createElement(OtherSessions, null, /*#__PURE__*/_react.default.createElement(Title, null, t('profile:sessions.other'), " (", otherSessions.length, ")"), /*#__PURE__*/_react.default.createElement(List, null, otherSessions.map(function (edge) {
+  }, t('profile:sessions.destroyAllOther')), /*#__PURE__*/_react.default.createElement(OtherSessions, null, /*#__PURE__*/_react.default.createElement(Title, null, t('profile:sessions.other'), " (", otherSessions.length, ")"), /*#__PURE__*/_react.default.createElement(List, null, otherSessions.map(function (session) {
     return /*#__PURE__*/_react.default.createElement(_SessionListItem.default, {
-      key: edge.node.id,
-      sessionKey: edge.node
+      key: session.id,
+      sessionKey: session
     });
   })))));
 };

package/dist/cjs/components/session/SessionList.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/lib/components/session/SessionList.tsx"],"names":["sessionListFragment","Title","styled","div","List","p","theme","listItemColorBorder","DestroyAllOtherSessionsButton","Button","OtherSessions","SESSION_LIST_PADDING_VERTICAL","SessionList","sessionsKey","data","t","currentSession","sessions","edges","find","edge","node","current","otherSessions","filter","sort","a","b","Date","lastSeenAt","getTime","commitDestroyAllOtherSessions","loadingDestroyAllOtherSessions","destroyAllOtherSessions","variables","updater","store","record","get","conn","ConnectionHandler","getConnection","getLinkedRecords","getLinkedRecord","getValue","id","setLinkedRecords","onError","error","message","onCompleted","success","length","map"],"mappings":"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","sourcesContent":["import React, { useCallback, useMemo } from 'react';\nimport graphql from 'babel-plugin-relay/macro';\nimport { useFragment, useMutation } from 'react-relay/hooks';\nimport { Button, message } from '@os-design/core';\nimport styled from '@emotion/styled';\nimport { useTranslation } from 'react-i18next';\nimport { clr } from '@os-design/theming';\nimport { ConnectionHandler } from 'relay-runtime';\nimport { SessionList_sessions$key } from './__generated__/SessionList_sessions.graphql';\nimport SessionListItem from './SessionListItem';\nimport { SessionListDestroyAllOtherSessionsMutation } from './__generated__/SessionListDestroyAllOtherSessionsMutation.graphql';\n\nconst sessionListFragment = graphql`\n  fragment SessionList_sessions on Query\n  @argumentDefinitions(count: { type: \"Int\" }, cursor: { type: \"String\" }) {\n    sessions(first: $count, after: $cursor)\n      @connection(key: \"SessionList_sessions\", filters: []) {\n      edges {\n        node {\n          id\n          current\n          lastSeenAt\n          ...SessionListItem_session\n        }\n      }\n    }\n  }\n`;\n\ninterface SessionListProps {\n  sessionsKey: SessionList_sessions$key;\n}\n\nexport const Title = styled.div`\n  font-weight: 500;\n  margin: 1em 1em 0.5em;\n`;\n\nexport const List = styled.div`\n  border-top: 1px solid ${(p) => clr(p.theme.listItemColorBorder)};\n  border-bottom: 1px solid ${(p) => clr(p.theme.listItemColorBorder)};\n`;\n\nconst DestroyAllOtherSessionsButton = styled(Button)`\n  & > span {\n    flex: 1;\n    text-align: left;\n  }\n`;\n\nconst OtherSessions = styled.div`\n  margin-top: 2em;\n`;\n\nexport const SESSION_LIST_PADDING_VERTICAL = 0.5;\n\nconst SessionList: React.FC<SessionListProps> = ({ sessionsKey }) => {\n  const data = useFragment(sessionListFragment, sessionsKey);\n  const { t } = useTranslation('profile');\n\n  const currentSession = useMemo(\n    () => data.sessions.edges.find((edge) => edge.node.current),\n    [data.sessions.edges]\n  );\n\n  const otherSessions = useMemo(\n    () =>\n      data.sessions.edges\n        .filter((edge) => !edge.node.current)\n        .sort(\n          (a, b) =>\n            new Date(b.node.lastSeenAt).getTime() -\n            new Date(a.node.lastSeenAt).getTime()\n        ),\n    [data.sessions.edges]\n  );\n\n  const [commitDestroyAllOtherSessions, loadingDestroyAllOtherSessions] =\n    useMutation<SessionListDestroyAllOtherSessionsMutation>(graphql`\n      mutation SessionListDestroyAllOtherSessionsMutation {\n        destroyAllOtherSessions {\n          ok\n        }\n      }\n    `);\n\n  const destroyAllOtherSessions = useCallback(() => {\n    commitDestroyAllOtherSessions({\n      variables: {},\n      updater: (store) => {\n        const record = store.get('client:root');\n        if (!record) return;\n\n        const conn = ConnectionHandler.getConnection(\n          record,\n          'SessionList_sessions'\n        );\n        if (!conn) return;\n\n        const edges = (conn.getLinkedRecords('edges') || []).filter(\n          (edge) =>\n            edge.getLinkedRecord('node')?.getValue('id') ===\n            currentSession?.node.id\n        );\n\n        conn.setLinkedRecords(edges, 'edges');\n      },\n      onError: (error) => {\n        message.error(error.message);\n      },\n      onCompleted: () => {\n        message.success(t('profile:sessions.destroyedAllOther'));\n      },\n    });\n  }, [commitDestroyAllOtherSessions, currentSession?.node.id, t]);\n\n  return (\n    <>\n      {currentSession && (\n        <>\n          <Title>{t('profile:sessions.current')}</Title>\n          <List>\n            <SessionListItem sessionKey={currentSession.node} hideLastSeenAt />\n          </List>\n        </>\n      )}\n\n      {otherSessions.length > 0 && (\n        <>\n          <DestroyAllOtherSessionsButton\n            type='ghost'\n            danger\n            size='small'\n            wide='always'\n            loading={loadingDestroyAllOtherSessions}\n            onClick={destroyAllOtherSessions}\n          >\n            {t('profile:sessions.destroyAllOther')}\n          </DestroyAllOtherSessionsButton>\n\n          <OtherSessions>\n            <Title>\n              {t('profile:sessions.other')} ({otherSessions.length})\n            </Title>\n            <List>\n              {otherSessions.map((edge) => (\n                <SessionListItem key={edge.node.id} sessionKey={edge.node} />\n              ))}\n            </List>\n          </OtherSessions>\n        </>\n      )}\n    </>\n  );\n};\n\nexport default SessionList;\n"],"file":"SessionList.js"}
+{"version":3,"sources":["../../../../src/lib/components/session/SessionList.tsx"],"names":["sessionListFragment","Title","styled","div","List","p","theme","listItemColorBorder","DestroyAllOtherSessionsButton","Button","OtherSessions","SESSION_LIST_PADDING_VERTICAL","SessionList","sessionsKey","sessions","t","currentSession","find","session","current","otherSessions","filter","sort","a","b","Date","lastSeenAt","getTime","commitDestroyAllOtherSessions","loadingDestroyAllOtherSessions","destroyAllOtherSessions","variables","updater","store","record","get","sessionRecords","getLinkedRecords","setLinkedRecords","item","getDataID","id","onError","error","message","onCompleted","success","length","map"],"mappings":"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","sourcesContent":["import React, { useCallback, useMemo } from 'react';\nimport graphql from 'babel-plugin-relay/macro';\nimport { useFragment, useMutation } from 'react-relay/hooks';\nimport { Button, message } from '@os-design/core';\nimport styled from '@emotion/styled';\nimport { useTranslation } from 'react-i18next';\nimport { clr } from '@os-design/theming';\nimport { SessionList_sessions$key } from './__generated__/SessionList_sessions.graphql';\nimport SessionListItem from './SessionListItem';\nimport { SessionListDestroyAllOtherSessionsMutation } from './__generated__/SessionListDestroyAllOtherSessionsMutation.graphql';\n\nconst sessionListFragment = graphql`\n  fragment SessionList_sessions on Query\n  @refetchable(queryName: \"SessionListRefetchQuery\") {\n    sessions {\n      id\n      current\n      lastSeenAt\n      ...SessionListItem_session\n    }\n  }\n`;\n\ninterface SessionListProps {\n  sessionsKey: SessionList_sessions$key;\n}\n\nexport const Title = styled.div`\n  font-weight: 500;\n  margin: 1em 1em 0.5em;\n`;\n\nexport const List = styled.div`\n  border-top: 1px solid ${(p) => clr(p.theme.listItemColorBorder)};\n  border-bottom: 1px solid ${(p) => clr(p.theme.listItemColorBorder)};\n`;\n\nconst DestroyAllOtherSessionsButton = styled(Button)`\n  & > span {\n    flex: 1;\n    text-align: left;\n  }\n`;\n\nconst OtherSessions = styled.div`\n  margin-top: 2em;\n`;\n\nexport const SESSION_LIST_PADDING_VERTICAL = 0.5;\n\nconst SessionList: React.FC<SessionListProps> = ({ sessionsKey }) => {\n  const { sessions } = useFragment(sessionListFragment, sessionsKey);\n  const { t } = useTranslation('profile');\n\n  const currentSession = useMemo(\n    () => sessions.find((session) => session.current),\n    [sessions]\n  );\n\n  const otherSessions = useMemo(\n    () =>\n      sessions\n        .filter((session) => !session.current)\n        .sort(\n          (a, b) =>\n            new Date(b.lastSeenAt).getTime() - new Date(a.lastSeenAt).getTime()\n        ),\n    [sessions]\n  );\n\n  const [commitDestroyAllOtherSessions, loadingDestroyAllOtherSessions] =\n    useMutation<SessionListDestroyAllOtherSessionsMutation>(graphql`\n      mutation SessionListDestroyAllOtherSessionsMutation {\n        destroyAllOtherSessions {\n          ok\n        }\n      }\n    `);\n\n  const destroyAllOtherSessions = useCallback(() => {\n    commitDestroyAllOtherSessions({\n      variables: {},\n      updater: (store) => {\n        const record = store.get('client:root');\n        if (!record) return;\n\n        const sessionRecords = record.getLinkedRecords('sessions');\n        if (!sessionRecords) return;\n\n        record.setLinkedRecords(\n          sessionRecords.filter(\n            (item) => item.getDataID() === currentSession?.id\n          ),\n          'sessions'\n        );\n      },\n      onError: (error) => {\n        message.error(error.message);\n      },\n      onCompleted: () => {\n        message.success(t('profile:sessions.destroyedAllOther'));\n      },\n    });\n  }, [commitDestroyAllOtherSessions, currentSession?.id, t]);\n\n  return (\n    <>\n      {currentSession && (\n        <>\n          <Title>{t('profile:sessions.current')}</Title>\n          <List>\n            <SessionListItem sessionKey={currentSession} hideLastSeenAt />\n          </List>\n        </>\n      )}\n\n      {otherSessions.length > 0 && (\n        <>\n          <DestroyAllOtherSessionsButton\n            type='ghost'\n            danger\n            size='small'\n            wide='always'\n            loading={loadingDestroyAllOtherSessions}\n            onClick={destroyAllOtherSessions}\n          >\n            {t('profile:sessions.destroyAllOther')}\n          </DestroyAllOtherSessionsButton>\n\n          <OtherSessions>\n            <Title>\n              {t('profile:sessions.other')} ({otherSessions.length})\n            </Title>\n            <List>\n              {otherSessions.map((session) => (\n                <SessionListItem key={session.id} sessionKey={session} />\n              ))}\n            </List>\n          </OtherSessions>\n        </>\n      )}\n    </>\n  );\n};\n\nexport default SessionList;\n"],"file":"SessionList.js"}

package/dist/cjs/components/session/SessionListItem.js

@@ -1,6 +1,6 @@
 "use strict";
 
-function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
 
 Object.defineProperty(exports, "__esModule", {
   value: true
@@ -9,8 +9,6 @@ exports.default = exports.IconContainer = exports.Icon = exports.Content = expor
 
 var _react = _interopRequireWildcard(require("react"));
 
-var _relayRuntime = require("relay-runtime");
-
 var _hooks = require("react-relay/hooks");
 
 var _styled = _interopRequireDefault(require("@emotion/styled"));
@@ -232,12 +230,11 @@ var SessionListItem = function SessionListItem(_ref) {
       updater: function updater(store) {
         var record = store.get('client:root');
         if (!record) return;
-
-        var conn = _relayRuntime.ConnectionHandler.getConnection(record, 'SessionList_sessions');
-
-        if (!conn) return;
-
-        _relayRuntime.ConnectionHandler.deleteNode(conn, session.id);
+        var sessionRecords = record.getLinkedRecords('sessions');
+        if (!sessionRecords) return;
+        record.setLinkedRecords(sessionRecords.filter(function (item) {
+          return item.getDataID() !== session.id;
+        }), 'sessions');
       },
       onError: function onError(error) {
         _core.message.error(error.message);