It seems like they have separated it into two parts. One for personal, and one for a Workspace. Possibly for business accounts?
Here’s what I managed to grab for setting the value.
ex = function (e, t) {
var a = (0, g.useCallback) (function () {
em.m.setItem(em.F.WorkspaceOnboarding, new Date().toLocaleDateString('en-CA', {
year: 'numeric',
month: '2-digit',
day: '2-digit'
}), {
workspaceId: null != t ? t : void 0,
workspaceScope: e
})
}, [
e,
t
]),
n = (0, o._) ((0, g.useState) (null), 2),
s = n[0],
r = n[1];
(0, g.useEffect) (function () {
var a = em.m.getItem(em.F.WorkspaceOnboarding, {
workspaceScope: e
});
a || e !== i.Workspace || (a = em.m.getItem(em.F.WorkspaceOnboarding, {
workspaceId: null != t ? t : void 0,
workspaceScope: e
})),
r(!!a && a)
}, [
e,
t
]);
var c = (0, g.useCallback) (function () {
return s ? new Date(!0 === s ? '2022-12-14' : s) : s
}, [
s
]);
return (0, g.useMemo) (function () {
return {
setHasSeenOnboarding: a,
getHasSeenOnboardingDate: c
}
}, [
c,
a
])
};
Then determining if the modal should appear
function eW(e) {
var t = e.ageVerificationDeadline,
a = e.showCookieConsentBanner,
n = e.canManageBrowserStorage,
s = (0, o._) ((0, g.useState) (0), 2),
r = s[0],
l = s[1],
d = (0, h.ec) (h.F_.workspaceId),
u = ex(i.Personal).getHasSeenOnboardingDate,
p = (0, h.ec) (h.F_.isBusinessWorkspace),
f = ex(i.Workspace, d).getHasSeenOnboardingDate,
m = 0 === (0, h.hz) ().size ? 'loading' : ee.b.getCookie(ee.c.AgeVerification) || null == t ? 'hide' : 'show',
x = 0 === (0, h.hz) ().size ? 'loading' : a ? 'show' : 'hide',
v = (0, h.$T) (),
b = (0, y.Go) (),
k = (0, h.ec) (h.F_.hasMultipleWorkspaces) && null == d,
w = (0, g.useMemo) (function () {
return [{
Component: Q,
getModalState: function () {
return v ? 'loading' : k ? 'show' : 'hide'
}
},
{
Component: P,
getModalState: function () {
return v ? 'loading' : null !== b ? 'show' : 'hide'
}
},
{
Component: eu,
getModalState: function () {
return x
}
},
{
Component: eE,
getModalState: function () {
if (p) return 'hide';
var e = u();
return null === e ? 'loading' : !1 === e ? 'show' : 'hide'
}
},
{
Component: eT,
getModalState: function () {
if (!p) return 'hide';
var e = f();
return null === e ? 'loading' : !1 === e ? 'show' : 'hide'
}
},
{
Component: es,
getModalState: function () {
return m
}
}
]
}, [
v,
k,
b,
x,
p,
u,
f,
m
]);
(0, g.useEffect) (function () {
w[r] && 'hide' === w[r].getModalState() && l(w.findIndex(function (e) {
return 'hide' !== e.getModalState()
}))
}, [
r,
w
]);
var j = w[r];
if (null == j) return null;
var M = j.getModalState();
if ('loading' === M) return null;
'hide' === M && l(function (e) {
return e + 1
});
var C = w[r].Component;
return (0, c.jsx) (C, {
onClose: function () {
l(function (e) {
return e + 1
})
},
ageVerificationDeadline: t,
canManageBrowserStorage: n
})
}
