TcfVendorConfigurationFormDeviceStorageFields:FC<{ vendor: TcfVendor }> = observer(({vendor: {deviceStorageDisclosure,data: { deviceStorageDisclosureViolation, deviceStorageDisclosureUrl }}}) => {const {tcfStore: { purposes: purposesMap }} = useStores();return (<><FormHeadlineoffset={TcfVendorConfigurationFormLayout.labelCol.span}description={_i(__("It should be specified all cookies, which are used by using a service of a TCF vendor. There are several types of cookies and that the {{aEprivacy}}ePrivacy Directive (Directive 2009/136/EC) Art. 66{{/aEprivacy}} requires that you inform your visitors not only about (HTTP) cookies, but also about cookie-like information. This data, if specified, is given by the TCF Vendor and is not mutable. If the information is incomplete, you will need to contact the TCF vendor to request the information be completed."),{aEprivacy: (<ahref={__("https://devowl.io/go/eu-directive-2009-136-ec")}target="_blank"rel="noreferrer"/>)})}>{__("Device Storage Disclosure")} ({__("Technical cookie information")})</FormHeadline>{deviceStorageDisclosureViolation ? (<div className="notice notice-error inline below-h2 notice-alt" style={{ margin: "10px 0" }}><p>{_i(__('TCF vendors must disclose their cookies, among other things, in accordance with the {{a}}"Vendor Device Storage & Operational Disclosures"{{/a}} specification. However, this vendor fails to comply with the specification, so that the mandatory information for obtaining informed consent as defined by the GDPR cannot be read. You as a website operator can therefore not obtain valid consent for this vendor.'),{a: (<ahref="https://github.com/InteractiveAdvertisingBureau/GDPR-Transparency-and-Consent-Framework/blob/7c79f48b033f783d98da922152430657097f5ab2/TCFv2/Vendor%20Device%20Storage%20&%20Operational%20Disclosures.md"target="_blank"rel="noreferrer"/>)})}</p><p>{_i(__("You can find the vendor's faulty device storage disclosure at {{a}}%s{{/a}}. Please contact the vendor and ask for a standard compliant device disclosures!",deviceStorageDisclosureUrl),{a: <a href={deviceStorageDisclosureUrl} target="_blank" rel="noreferrer" />})}</p><p><strong>{__("Problem:")}</strong>{" "}{deviceStorageDisclosureViolation === "no-disclosures"? __("The vendor does not provide any disclosures."): deviceStorageDisclosureViolation === "disclosure-no-domains"? __("The vendor does not specify for one or multiple cookies for which domains they are valid."): deviceStorageDisclosureViolation === "disclosure-no-purposes"? __("The vendor does not specify the purpose for one or multiple cookies."): deviceStorageDisclosureViolation === "disclosure-no-cookie-refresh"? __("The vendor does not specify for one or multiple cookies if the cookie does refresh."): deviceStorageDisclosureViolation === "disclosure-no-max-age-seconds"? __("The vendor does not specify the age in seconds for one or multiple cookies."): __("The vendor provides a technically non-machine-readable variant of the data, which differs significantly from the defined standard.")}</p></div>) : (<table className="wp-list-table widefat fixed striped table-view-list" style={{ marginBottom: 25 }}><thead><tr><td>{__("Cookie type")}</td><td>{__("Identifier")}</td><td>{__("Domain")}</td><td>{__("Duration")}</td><td>{__("Purposes")}</td></tr></thead><tbody>{deviceStorageDisclosure.length ? (deviceStorageDisclosure.map(({ type, identifier, domain, domains, maxAgeSeconds, cookieRefresh, purposes }) => (<tr key={`${type}${identifier}`}><td>{getTcfCookieTypeLocalization(type)}</td><td>{identifier ? <code>{identifier}</code> : __("Not defined")}</td><td>{domains ? (<code>{domains.join(",")}</code>) : domain ? (<code>{domain}</code>) : (__("Not defined"))}</td><td>{maxAgeSeconds !== null ? (<>{maxAgeSeconds <= 0 ? (<Tooltiptitle={__("This cookie is active as long as the session is active")}><span>{__("Session")}</span></Tooltip>) : (<span>{maxAgeSeconds} {__("second(s)")}</span>)}{cookieRefresh && (<Tag icon={<ReloadOutlined />}>{__("Refresh")}</Tag>)}</>) : (__("Not defined"))}</td><td>{purposes ? (purposes.length ? (<Tooltiptitle={<ul style={{ margin: 0, padding: 0 }}>{purposes.map((purposeId) => (<li key={purposeId}>{purposesMap.get(`${purposeId}`)?.data.name}</li>))}</ul>}><Tag>{_n("%d purpose","%d purposes",purposes.length,purposes.length)}</Tag></Tooltip>) : (__("None"))) : (__("Unknown"))}</td></tr>))) : (<tr><td colSpan={5}>{__("This vendor does not provide any device storage disclosure.")}</td></tr>)}</tbody></table>)}</>);})