@arcblock/ux 2.6.9 → 2.7.0

package/es/NFTDisplay/demo/data/asset-state-gzipped-svg-374-130.json

@@ -0,0 +1,10 @@
+{
+  "address": "zjdvCWZ6q7jLZZp2EmU7mskSVn37H9maMC74",
+  "moniker": "Certificate ",
+  "owner": "zNKeLKixvCM32TkVM1zmRDdAU3bvm3dTtAcM",
+  "context": {},
+  "data": {
+    "typeUrl": "vc",
+    "value": "{\"proof\":{\"type\":\"Ed25519Signature\",\"created\":\"2021-07-13T03:25:23.262Z\",\"proofPurpose\":\"assertionMethod\",\"jws\":\"apHSczbIaVKoxJx2kYfYAy44UeX_YDxHEwi9JTKXBw7Ja3Cl2cS43LxvwIBkiBYnnJ1-YLbsukjvdJDvfEGwCQ\"},\"@context\":\"https://schema.arcblock.io/v0.1/context.jsonld\",\"id\":\"z2iU5gAY68TUZtpTTndDzaiEkxwR21AVZq6Zw\",\"type\":[\"NFTCertificate\",\"VerifiableCredential\"],\"issuer\":{\"id\":\"zNKeLKixvCM32TkVM1zmRDdAU3bvm3dTtAcM\",\"pk\":\"zGph57aL5bz85oMuY9nW2PFjPTa9FvSGvS761TJk15XWe\",\"name\":\"ArcBlock\"},\"issuanceDate\":\"2021-07-13T03:25:23.262Z\",\"expirationDate\":1626148037241,\"credentialSubject\":{\"id\":\"z1oefFSpVMGBFkgXFebBrrc3SeAF9jejLFJ\",\"name\":\"Certificate \",\"description\":\"Certificate \",\"reason\":\"Certificate \",\"logoUrl\":\"https://releases.arcblockio.cn/arcblock-logo.png\",\"display\":{\"type\":\"svg_gzipped\",\"content\":\"H4sIAAAAAAAAA9Vba28dx5H9vr9iQGOBBJCG_X7oYUCixMALegPEQRDkG01eSrRpXuGSNqX8-lSd6tdczrWlOMBi9UHDObenu7q66lR118yLu1_eTQ_Xl_fvXx5ppf77aHq_uX73_r7e_XK9eXi9_fjySE1qstFN2ipCN7u76-0tNZr10fTxp5vbu5dH7-_vPzw7Pn54eJgf7LzdvTs2SqljGqA0efbx5vr2x7WGOud8jF-Pvv6vif69uNzcXcif03Sy2d1fX11fnN9vJvn1uP_8Yre5uJ92JKE7mnafcCnzIXGH6bDcd_e77Y-bl0e329vN0XR1fXPz8ugrc2WVDUfHpb_7zcf7ibrTKR5N1J_xRxNjT89vL95vdy-Pfrq-vLzhx7e390_vrv9J_WlTe3t4f31Pv01N9rd_-es3p9-cvPrr2-nPp9Pbv5-8PTt7-78nb8tEuOcDA_vPGDgdGvfVw_nucnM53W8fD3S13ZFSbv_8_Q-sOh5RYcCQuur8oDqjjmq3Ly6vfyEtfrqhsS-2N9vds-mrK_x7Pm3JKq5utg_Ppvck6Ob2uUjf4c3NzfWHu-u75xOkfXr34fxi82y63T7szj88l6nekGDPLja395vd8zbPZzp8-Ci3D5Dp2ffbm8vnTapp-qfebq5Ov_vwt2__9Pr0x3d_P918_3q3u7DfbV6d5h82P5yd_k-dwTFNoSjieKGJQ9oJop3ctWNG7Wj_f64dQ9oZlPHIXz5j1kwDH7HUmKvvc00LQ1gSgknTwjg2V3ddDALIozfnuz_tzi-vSejpo6bHiFQ-0dW42aUcs88EfDSVbz7RX9HPXiujnCbg-vLl0bKbp_poHETEv99-mPi_p9A7efUrFY2jZdpeXd1t7jHu1y-OuclnPHx6-uY02_6wjbOJypK0X9LL69fpxJ30XjDDlcdfHC8n-HVftEGhL95BF999-omM_26fy-TuaWXySgud6J7ufmaz3Pyyud1eXi40WHo-IcY4HmyH2Gd3fntH1vLTyyP8eUPoH54aNSv8ezI9zfXvP9YRf97d_OGr_QX74-MV-3B-_36iUb917klW04kLs1FZ28x3Lj3Jeo5ZpaBx46YzumgVqCFfU2k89ce0puccLmdGriemdoJbo8YncReoreLuT_jShuzPkTAGAp6JnP-YvnV2Dirb6J9kw0PNNqtgcHdi7Byts1FHvqU7HZ1Lmn-cjck6ODcZM0ddO5hDip6eo59dtNkSRg85n6wP3FJpcoMQGSUD1EZHQkng2Xrugcbfu5tzcui6gScDaOdMo_jgIJsxNjugwVljlWfU9rY2RC3iUQueiAJM-tPOUWNHi--NCo4nkj2JB7Dpo2JnqyDp0VctDFiM2iifgQbtoye1OhopJR1VBEyto6e1p16Dy94ZKI3kj6R0QoPSHoMNUyA4xRiUX8zX-bm3raoZwK7Z3wC1otkEIwuyd-PngLuTYT3J9GaesrLTsPaMJpbYj1aiVZyt4dXHSlSTYjiStWEtq9WRgQ9LwHdne7dN7fUuGed91OgvZ-21KNymlHzKArtAjSbRoTLWyeCUtqnM6jKpDhAxK-rAz7RyQYUyKU-zhmZzymTcFqjJZP2JfFiU5BR09vh2sOWhh8ElhtEG9xkEa47GUzDek4ZHlyTU8Boly267dPDFHbk_xYK2LkRLNtWfMfliGNQoBt9U4iroWArMHXOzgZxwvPezON_41GBjHQxzHX8hDsuXyUJ0qvI5NfuYZBT2V03OA7RIwhj_Diwb3dDikGpua1vBE27JvpKSoLS2gRZB01_ZxYr6aFiZtEXo8swYi7sgOFECEIzAWFRubBztBXIEyi0JslV6LU61DsGYRpDHkPWwgrIBEOY0W5ZgzIAyrmurWGxBOvAQWMSxqs7IE-slqwVl0w5AWwdiuvw8XSk6yiSx-NwweLAAQG8tOQfQriUhMOkgU-aRnMB8o7ktDF_aYiHsHph00coaFjJ5nZNVIsLzOdaRSPERzqdoQSz0EpJ2xhY0qBhEVvFOoGJ-0oVNlLdJY51M1RYWV7xaVtRXP_CzrVKtYnUMW40G1pFlBFvW0_JAQByMYGoLLyA8EU-bFIgbgHpiMZkhLyUtgqDdaMvI4jyQZg1SbRg_WHZdSUKJRB06BNcEJ9wm6wuJaq-Bn0pitfhXaNBSEywvdJt0CSi0eOjAmTZWC3VszWyWWWBYENTO0br0EKs7DHovD0Pm8rBMCobMqhctNaytD1hLTIA6E4MnVEaIOhAly5px6iAOFwfJS_jn52Ngu7ECE5vIakTWXQhgStANHC5V8lQlHK9DhVEp3tgmJgJSicOwiowOq9VQcGa31PtgVpVuDqGVqomgKdlwUWDT5BLPERmYT7RMKlodi2tzUyiQ0FwpI9Y42qa1goQ2dvLNJyMoTgOG9rOQDdmElbEzqE8WWaJMCwmrUDUYijyd6PgvB8eMxf5hs45GBMfTDoqTRUzRIFuRLozp3skhA9GDYA7noBrNliz9GsrfxOpbtiGsD7FWsS5rQymiNXbgxCrVmBbhwpIIYflpKI6ThV5q8GVsiPgSkFfBMRSvggjYYxLpJKdsnC125fo8VqAug210soa5nlKZHkBXsGVeKzKqHknIL0WTNJM8-PBjMEhaKuqJzQUGMLWgF8oAWImUbSGB0OhLjf2K-QL0trlWyQUOgZ0IAm8LslhId9jQA5myHCic-HGjcNBnyV09RBhsMRQmHW3xANbIDpHHlmE4J5AsKoO9gboUcoTH6kFSJCsSK-iWBMkCW86opjEuhZKLLLHKGKsQi5wKMfIWRIRvDQ3zdhLQeOI-IVGt2ZNE0cNCqRorCW4KULotSlpHVQ9KucYWVWKDoFESN1WsyQw2uGqsayBny2Hu2XHdhVqo4wmOB_jopz4X8NOj9uIfLSMqLjo6wgrkK_OwZK6aph_5SGKJGWFGWTUuFdSDUocc39etIiippU-0Xy9pf89Nmrv1HJNATjLgWdzQlYiP3CUClWe77I-A1HOaigyQhtKKl_O0Jc3RUTI3VTIESQDEIkbX93PbgbgutGyqhQ44g5MURyHAAg09TxP7li4CJyZiUIqzgCCNy1DjjRvsaB3r24cWfEdxXNHLtBCd0KbvwVoGp1kFFZJXQX3b0bWGNaSqkubITkOOEybEv0o7ZJhEL1rQFhJanHyExD73sp8mjKNy2c1wklbthAO47LJqtqqKaIvIgy5wjiS7rAALnJqpmuY_K072GJIdcFNbZZjphFBJuPQIE4rBtQVa0lNCQ6Nb1dJTgikzCwrbIVXTU0IdHuMFqSkHo7ZavW57JEINNo-CyhaJMwIMEYEasBzQxgtaDrISepBIYAE7NuHAjVVso8Hm9kFZryUGEnVoCKN1gkI3UxtJ2iJpSpK_HIAbWDkbuQ5Hau7YzKw7h45BUSAxQiWSMlrTQrNQWKg0SLBYEqO50qCRnf2ocDMbXadrYeFZ0IAY21ZMC8r-qIHWvMG0AzdGeZ1LDxY7K24rniUTwxgQqyaWpu0KDoKxCWu7iYr1B8CuGyMflXhpDO6wMNy2gyK0aivCKgvo4Nts-ZBWhJVJMlpjb8POVkFyMoV82JZeg6ZIz37bkw-WgMIIYpGOwWhXUJ2cAr2ZQdo6YYJlh2CLclMJ6jLJsjo19Iwre7Z2H4NNudiJ0tFJcKMdRvK2WJVywut86mGMrD9ZlLeCpuJtOTYKhS-FLMYOrhN6Qy4o_lK2JarvwOppjpDmOgoDCOKw3ibKRzEcHwV7GY6Sv5A7bQo9iBohbUtzdT8fZUJk77OFS2oE9SD9Be8UFXZ2GhXfiGyxRo30FgvaGZJXn89jUhzpFAbECXXeo97HNE30bSiu4ri1xn_UOMab0ZOMm_eMaulUhrIQZrn6GG-HA6M1wyRMKIweLNEwFcPjqXJTHD54cUrjMH9TT25N3e2eHYBc8yddqymhEEbhPzn7NGWnoWQcRMTMaIu5usUyE8vvrhugngjVLL-XVS5Rl9AaQ3xV4TpUPZ9QDIFurViodDyZJJGiGEPiQwvNqG1Jsup1p0SGzclWfJKZV7Sy2XHjkoMSCOWYOIJpFtX9OlLKZiOEE4gU0BdnkCQ5oZqPzQxkLNWmWPNRkbDQOMGBzxco8hIKlmezK2oJMsnWQ1vgQ6CrWKn8pHKwTWBg86bEGgNh12QNo7KRybxgdQeV2waS1wOHSzoxikFlycVk0VZzHp-BCjPkUL2Yn8dJNRkH-RIvhlMYCwdrMTKKUG1hdGJzuZeugvxKaQeBojQNm8WJKTot4YbNWwJxljPas3XEVy-3xSk0x74IXy-7EPI9bBISxEOVDL5bj58ZrORlyvFvgIRcJBPnZUUqbTuDrPDLPsJJZNsvDu3yvPdgnh9F9mGfuYYuxnCPx7DlBHANWvToZr8_zIl1j1ty_YiVuSRAy5uzBftZPiknpluyny3nx9GO7Md1qrzPa2cH0dwjf-VArnyBnxYcaAszLjmQi109Z235PO_E-eB2wYGEsj-EJQfaOCSnlfIOgnWHDB60taiXS5xFtYdQj2NjXQIq2xijobM1nk0oGpW4p5kDuBVyVwhejg2px9TOWFRf5ENgVYeqpSYC4f0lxCLrNtypSZS5UdxnBsahGoO2HFMTWIsGhDruQRvwMgfuyE1LSpyzRLLgRjC14-ffBkMbpkGVsRmEZfmRsVnOyu4DZzMMc_EjZ_NMwZ9-5GzWSmGKTs8HQTMyNmuZ9yhLxua144eXjG2lEG-XjM3WwLS3ZGwuAiPDMyNj23o-PVD22SFwn9rZZtkul9TOngBCXlA7e83I6-xbnMkued2W-seC19ll1cjZZ-tIo2bZkpSaz4LXmVVYIucHXmcCKn01Ure-ZB5-IHVbTt7CkBauUuljTNJLaK-9mZKKOksKQ5gvXsegq8EF5kd7HQaRXzhkkZxolOfxWoJGfBJEjrnX7ouOQt1j8QDCHDCWsuNE7sl_eQwrWw6Or028GpuR4joNKLcoHDnlcLBU5qooSSbfp5o9r9wXagg92wxlWwopZG_vkZkyWXNsjpDIcXYXWnWFUNMS3oyjaQvn5OdV4NwD5wgOHWDTIulqYTf27lKc-AywpMUSVBiROlriDlFYygyKNgUs25ec5EiRIVYTskZMV6SpLphm7E6NXYLilb8FlfOQActS5ZEcDIUtnRk17MpF7EIpuW9tYmF5zShKEBlCliIZgeChosdC8W1xfxXqi40AiqKdkpKHLCufIURBcTIsm5MWiIodl9oM4rqCxashT5RtQzfkYQtZCjWfA7omKmJwlM1m7DszjiA4kaxnnfCktg9XbbJcyyaLsRKKMfEIB4aDm7IPRr152DLqWl0-gI33PAasqRzYyUohMcWhtWzqtbzZwYlo24TVk3Le4TJ5lw4MLISbSsWoHBoKUfG7XjVRKtDZKmbH08nH6MiP_U5S1h6TypmRa2_JAMPJCnLRYIPhF02EXIPSCTwdtClcZU3m1y0JrCWCTrmct3L65vVIubZu5xeUy6FDLUh2HWm7qkq7tr6h4UfaJRTGpEba7dlt5V0KdjjWyCPvcgRE5WTBuzYMahsyWJEojLxqpUCIxKPzqg1zyVhMS6CRuig_cqotxwVLTrX1hYCRPj8DLEJK-m5HUkWaLe8VMKuSFFoy2_qOZNnZGklPwL_Mb4ntg9cUbQt7p_JWzx7Y8p1fhdIwSgFzOWiO0zh0p9ZBzE6t44w6tdryzkRKI7eylkwdq1Lpb4PDxqXWABrB2vJmiB35FclZJZjKsGw1MN-RYG3dYYeRYNnq-rFM4dLPAV2TFAe8S4JFRsd0tSBY9hnfo0GdK_kXV7OXBNtcMY8EC9du9Y7CpgfBRl49U0Q1fUmzYBbfWLLQrHX9pLeyrHU1vo8sy3Q3bDILUVo3FlEqex5Aba-yr6Ejje4xayllFW-sHspH_HxKKx6ObNvJyT9EhkPKbgolDaLQTCMDhdmgdOC7l8vrcVI8wNsGktDh_bgotRJVcyo5RB5KLcwS7elS2WKaADPZsbLFKB8ppDhWtnhjNxaLSmWLOYW9MdihiMWcAlPRS7CXegYMPGXHyhZzDzJTO1a2GG0UksurqkgB5V1CkVZ2_UCFI6ZW7iKsnR38FtaqiLUoxiDqC3ksijHRoQauh6IYg13TpSTGIHwKz8vmSjMqTIXaUXs8hibSKpZROACn4iWQDLi-F4ttvW4StIifSlFEzAqzwbyyvOkupdTaQy7FmkOg38NQEetnuaVujj4xbRmpW2V5uJU6pbguz0apI6EYxgYB2Yvt9VJEx85WQS5lIE2w0ml0Fh-lKPmawuciANkR6kTkfMlmQV0OXt5HML5Zap0pl1k46mhZAXnXE6UwTFpCnSmlet9sqjwqSUwJkRQ64jQUghhV6HqsGrHttbexVSkmRjmWod7kTYGSMtcdkc1LsIneIXmnEZK3LuXAy6tF1Ypdf69iVRIMSn3GihWjiE1WKlZDurJy74yJDl2JZ8ni2EDuhqaSW2EeljQcCjXy0sQ8lrVyeVt_UdQCt7LvYoLy4rvp7LxK10vkH_JJ25tv3jz95mJ7y9-D8adQy-_B3vXbdvOCv6Rdfq1n8bGe7V9thuFjPZrm4iuwocv97_R-_Us9_s7CZgo44dGXeoufPutLvdUP5cIr_8rbz_lWb_1TP5_fpNf9cf50JgedfPqyfshWX4c3vR9HpGgpaIX4hfK8IYmG6URKN7Qiyshf1s--Wg59P3j4C8L9bwj_018R1gd49B-217cvj3bbn28v91b9C78vtP3zQtu_LqyCfub3heMXhlyt5BSJLsQ5weds2VcDHxQ4xa8d8c5D8eVMrrn_cbJoxzk5JYhkYQKV2zCd8WtFw_UE19asj4tOnIzhMCT-P1m0mOjpQVS64y99MI1yKTRyubnY7qD-NSL5AirRLgiZmMYmyQxk8u_Th3rEGup3kcWr0-zj23-fLNIrlYbHuQZLu0JrvtA5k6J9-0A6nj_5S47W_PeRV4ycqiTaMn1hP6-yiq__v5DFxfmH_whXkNkObGF-D11wIxiuuIIWX2DLNfwNPBuutd1wWbd8_QJ_a273L5LepqR1QwAA\"}},\"signature\":\"z4zrDHnS6R2UaGbNEa1PdMm3ryT8Q2TfLRJrQ7zMStWEGWqJfcmXcmWbJdJrCrnDZr9hsCkQdZJrBdFuPeVNzrcB4\"}"
+  }
+}

package/es/NFTDisplay/demo/data/asset-state-gzipped-svg-with-foreign-object.json

@@ -0,0 +1,20 @@
+{
+  "address": "zjdmEY2ahz2DkiAtEQ95QPQrdyyt6WNd5rZ3",
+  "consumedTime": "",
+  "issuer": "",
+  "moniker": "Ticket ",
+  "owner": "z1keWGwqnQ3PAye5pcZ3JgLxq2QrX3yJjvx",
+  "parent": "",
+  "readonly": false,
+  "transferrable": true,
+  "ttl": 0,
+  "context": {
+    "genesisTime": "2021-06-11T10:50:19.441Z",
+    "renaissanceTime": "2021-06-11T10:50:22.220Z"
+  },
+  "data": {
+    "typeUrl": "vc",
+    "value": "{\"proof\":{\"type\":\"Ed25519Signature\",\"created\":\"2021-06-11T10:50:19.363Z\",\"proofPurpose\":\"assertionMethod\",\"jws\":\"ZLoEAs5uWPfPhvTIKpVrZ_IG8tmBX0HL8ciHyRpoBCBgbaW_SAG2kNeBIOlw_SPdF1D62Zv-16P1GSG29QPlAQ\"},\"@context\":\"https://schema.arcblock.io/v0.1/context.jsonld\",\"id\":\"z2iU3dSLU2mtvnSQGLgtKUQbjftXSDTtdSL9u\",\"type\":[\"NFTTicket\",\"VerifiableCredential\"],\"issuer\":{\"id\":\"zNKeLKixvCM32TkVM1zmRDdAU3bvm3dTtAcM\",\"pk\":\"zGph57aL5bz85oMuY9nW2PFjPTa9FvSGvS761TJk15XWe\",\"name\":\"ArcBlock\"},\"issuanceDate\":\"2021-06-11T10:50:19.363Z\",\"expirationDate\":\"2021-06-11T12:50:19.313Z\",\"credentialSubject\":{\"id\":\"z1keWGwqnQ3PAye5pcZ3JgLxq2QrX3yJjvx\",\"name\":\"Ticket \",\"description\":\"Ticket \",\"location\":\"China\",\"display\":{\"type\":\"svg_gzipped\",\"content\":\"H4sIAAAAAAAAA7Vc224cyZF991cUejCADYjNvF8oaQAvDS8M0NgH79O-UWRTaotiE83WUPLXb1wzs4rFGXmBlYFh1-mqzIjMOCciM6v97unXj9Pz_vb06f3GGvPzZvq023_8dNKrX_e75_84fHu_MZOZfA6T9QbQ3fFpf3iAm7Z2M337cv_w9H7z6XR6vDg_f35-3j777eH48dwZY86hA7nl4tv9_uHz2o221npO325--cME_97d7u6e-CNdPl6fPk237zd_T_GNmS7hv26bkw3O5zilvHW-xJz8mzhlA_-5zO1rhGZ3Z2zhyieHDflUtsnlYPObM7t1Ngefctyd2YjOvolbn10sni6sg8fwry3wIAFBHp6GdmCAJmwd_15BZ-PfS_zr1NxpsNI6Mh3_XA7-4HWaPZOkRcs9XKqJdFW21iYXorHgQhoNNGT2FfYwXdZtCtk77wvd1rzsbc2HwuJYXdHQ83__Z_o7GmvzFs2t28zGCQJApI8EF72G7vmTM_QQfdo6GoFpbARQGQz8cJn1ptC-mj-r1zDMRnq6lE_NhrERMrLZr77YF77Y7otd-OLUFxvUFxvWfAFU-gpLX-Sr-bN63XxxzRe76ovV9m33xcSlL4SwnfBx5otJ6osp6ospa74Ayn3Rh5kv8tX8Wb1WX6An8aXbMGskavux-VLrwhUCyMraQPXENE9c88SteuK0J_fCE9c9cQtPXPPEiCeDDUMjZKMaL374pR---eHnftQgbtQkXtSkTY9eAMq9pIUP8sX8QbkWD6APccCvOuClad8cKEuul0b1kucOFGV6VaJXs-qA8LwuaV4by4cH5VocKMrxofOhhSIUL53hZUnw0vhd7MIBpXdRdpew5kARcpclt0uj9vCgXKsDSuyh87EF4XXptM5LVudG6hznDmTldFZK57LmQBZG5yWhc-Pz8KBciwNZ2Tx0PrYgZM6dy2nJ5dS4nBZczkrlrEzObtUBIXJe8jg3Gg8PyrU6oCROqyROQuLUSZyWJE6NxGlB4qQkTkritEriJCROSxKnRuK0IHFSEiclcVolcRISp07iuCRxbCSOCxJHJXFSEqdVEichcVqSODUSpwWJk5I4KonjKomjkDh2EscliWMjcVyQOCqJo5I4rpI4ConjksSxkTguSByVxFFJHFdJHIXEsZM4LEkcGonDgsRBSRyUxGGVxEFIHJYkDo3EYUHioCQOSuKwSuIgJA6dxH5JYt9I7BckDkrioCQOqyQOQuKwJHFoJA4LEgclcVAS-1USeyGx7yT2SxL7RmK_ILFXEnslsV8lsRcS-yWJfSOxX5DYK4m9ktivktgLiX0nsVuS2DUSuwWJnZLYK4n9Kom9kNgvSewbif2CxF5J7JTEbpXETkjsOondksSukdgtSOyUxE5J7FZJ7ITEbkli10jsFiR2SmKnJHarJHZCYjcU2C_q615eL0hsW3XdiutVElutrV-U1r2yXpDYtsK61dWrJLZaVg9V9bIYbbWoQl5r6rZoa2u2VfO1oH5RT_dyekFh26tprUV752MxKEUiGr-Z9rfvN7gZcGY3v7w7x0-yYXDedwzefaTb_vH9y4fD_dNmejodD5937zcPh4edXp3pnsdmutvf3-uX-Pns-PUe7t79uns43N5uhl0Ibvfy-nh7_t_7m8-70_Al3fDl-ukz3YMfzpy2_fxpf9ot7qX7vz7tJtr2uPh03N293_zUXYOvFo2fY6MLTCw6fPmwf9jdnv3j0_Xjqx2xLT_d0b_ND_e7fN791Ruffvz5d-cfhyHUi_7h7nDc7T8-_NeHf-5uTtO39xtnNtN33H_a6MYUbjnpthR81ube7b98nJ6ON7yj9HRxfn7c3e-un3ZP2-vjzYf7w83n_WF783CuV2f3h4-H7ePDR4yC7zjJ1MGFN4_f3nIH_PlAxpzd7U8XN4dfd8e3Hw7H293x7Hh9u__6dBHNz28_XN98_ng8fH24Pbs53B-OFzKwbzfTubo4c-01d-sLd10K3V83-Hu7_1UN5z4n7XRCK-_uD88X06f97e3u4e102n07nXV4d3-_f3zaP72dKBrPnh6vb3YX08Ph-Xj9-JZuvr4Hwy6O2O_bu8PD6exp_6_dhQ0wIENMXX7aP1yrRedg0v_F2_SKtzHMvJ0Fkng-w2TSpohGzr653T893l9_v5ju7neLrxA5u90fwaT94eFigrH8-uVhfs8_vz6d9nffYW4fTruHEzdztnu4nd3WjRlj_ocsn6bFFC6-fTGhi-9fm97FbW0Yzp53Hz7vT2cfDt-W9-hXQOjd2c399ZfHi8m9dhM8f3Y47mlMoPfT_ub6ftU2jqaJw2lxQ4-uyZnlzMnXzzK1oOG3yxu0Y-3kw-F0OnyZ3zUO91yRWLunccZ6HP9AUOOWedepGnsol1d4O9vMBgBH-vr4nygnMJDTN_t-g5vt3-EvlCmh1FxjBeCb03347_AJl9LWOBPsz5wI582g_i7G6d3T6fA44X9YpECpL_-C_9tMh7u7p92J-gXVxlt-4OG_0r_-sC9b42zItv47rSxNIA9XHn93Pndw9l07EQiB9pkCFNimWl_xKpQ3FYq5akqydAG1HvyhHUj6W-TmqT9moQ4Jgf5cOf576bQRunRmfJKuoLqDv7ibhn9al_05MIY2tKB_-gP1V_DbZKrPUPA47Grrq0mOri4dLAJ88NlmvIQrm0MoFr_cOldtCmFybputNrBNJUPFBZgL2VdPO3o2xOJjwjuNhXBJmfb5jLfOZkDB4K2P2AL0v7ja1hKo6QZeDqDfVuglpkC2OedrIDQF77yJiPp-r0_ZsnlwBzpiCIbxsyHAzWFrTHQmBXSkRo-nHeN4KHa1CsI4Rh2FAcvZOhMrocnGjGv0AD2VYrPJBMPdOcLcQ6sp1BgcDRrYn2HQAU3GRupscAHgknMyceYvLIz7vTo0A9hH9ndAa8Cb5HhCFhdxm-jqcphPCL0tumz8NMw9ogUtjmOUWJO33uHs00xoSCGcIdpoLjXqcLu-jzZt3i8u27DrVXEhxmypvVpttDzgvpQSS2U44KnUxGNonA_cua3VVBwuV7SDTF5BA7CUiS6ZJE5F8JpGtpYKwe0JdRWivwCHeZCCoTF7eTnE8tDCQImht4E-g2GNaOiCixFGeKQkoA7nqHik7Zzgsyugv8_bNi8gSyChaZgmCQy4KafYhiQoGNAK8p188wlIOF7HLZNvfGqIsQ6mrfY_MwftqxAhtqh9AVZmuXAvyFcL5CFULEEMvyesOttQIaTZtrlV8BLvRK6UwijMbYJJsPCphqxozA4H025tt2dLfWETABdIlHjQijBNKt7sQoV_mVC8EyCv1lsm1TpEwTSC2AfPh2cUAwCwYDGyGEMF5H5Dm0WJBW4gksFsjjfqUQTVK94yiqGdCG0NcOji8_DXGMNO0uTjjSmSChAYPSyZA6F9lFjAuIHqsimBYbyweC8FPt9LE-EXYLEyKmtYqsC6wLMEghdr1p5g4DORz8CEeBqXVOSAG9FkcmJbmZ2EcvhxE75AfcM32-J0tGhymdU8o1F5ELderVrFtA-vQUPRUbkHL_PpsSNCAgXB1CaeQWIiPe1KAm3gA0pQMfYQpxImgdEetNIzk4esWYNM6yYOka0zCSiIaKAGSWsSH5PK_JJF2mrCpwpHLf0TGfRwC00vjW2xklBg8qiB4FpfLdVhNGNYVoYpgmjYMVtLC1npMIy7PEw2y8PsFAUyDj2PUsPa_JBqcQhAYxzwgHIP2SaQZJ4zLB2YcHmwXNI_Pp8Txo1nGNSEZyPj2KVESklyQ4QrKp5G0vE6JIoK-cY3MykhSR6mqKjUoEYNJGekpV2C1ajcvIaqVINAQ7ERMsOu2cXMYRtQTyw7lb3NQm28lQYQ0KqSkTWPNrdWkNT6LrFxMpPEWYJp9CuLDcSE574rSR9PMmeZlhJWIQ0YyDxd6PBTIGJmiX-K2QA9ksZn4BmEH7noqFrhJpzr7MSUQdkDYEznJDUWI5nbdVC_cdS3aoNVn8xaxbqtDYWM1tQBC6uiOS0ThbkQoumHrjBPirxo8kVsyPickFfBMRWvgpSwxyIycE3ZNJvjKnQ_VqBug29ysoaFXlK5nkBXsHldyzaankmAlzyS4EkdOPwSTFyW8vDkRoEBLC3pJemAZqJULyKQmnyZsV0OXwKjb9SSWuA1sAtBwmVB5QjphE09kRmPiSIwj5uEk3xK7RrJhCEWkyjpGIuvYE3sKPN46QZrAq6iKqk3oaGkmomxdrCUihXOFXAJhlSGPVZU05iXktQic0wVYxVCk4sIIy5B2Ph2o0PdLgy6CNrHImotMokHepgoo7kS4DYAxrZJKeuo6Umpam4xkhsYzVy4GYkmN8TgarCugVgtp22vjnUV6mk43tD2gEfh0miir17cz_xoFZFQdCTCChRVedCyoKEZRz3iXOJGGFEcmlAEjSSpQ40fdalIktTKJ1ivS9nfa5NGt15jAohFBjELbwyS8al2yYTys932F0DpNY0iA2Rp0ITl6DaXOTZz5WakQuACgCNipH7cthVI6EbzoprlACs4LnEMJVhCU6_TOL65iYSFCQeUwSog8c3S1XgRhjhax_ryoSXf0Zwg4zLNTAe0jfcQLQNpVkFDxSujsa3o2o2aUo2UObzS4O2EifKfyg4EJsiLZbSlhJYnXyC5-y7racAwK8tqBos0jRNM4LzK0mrViGmzzENN0D4Sr7ISReDUQtU1_qyQ7CXEK-A2bKow0yWgXHDZEcbXDqgu8YRKeQpoanJrWnmKbyEYcIuWQ0bLU0ADPYYToiUHol6j3rY1EqCOFo-M8hIJKwLqIhPqSOUIbbpgeSOrUAucCTzBAUM44c0mt94o5pYgz9ccIxENdCMFbWCUxmZqPfG9VDQVrl9egRuomk21DmZqfjETxy5QwyRRJGKAciZFVMtCNxuwpDIIMEcSolVl0PHKfhxwt3VW3fUU4ZXRRDm2zZhlFPloCdW6wbUNN0RxnqUFTysrvJeZxY5RH2SWFpaurQpeBXMz1vcQ5ejnV1xDD0bcKol8M2mHp8BtKyhAdbQyRaWAgbiNkU_WsrHsJKKaext2tQoCyQzVw15aTRYyPfK2Fx9oAaQRykU2J2eDoLYEQ_LmBmvVYYB5heBlcIskdXZSZkdTzzizV2vXOflSJU6MzYGTG6wwSvQSVSawruOuh3M8_xBR0TNahG01NwklLqXKwU5ax_JGtSDzRZYlpq_AdDeHRXMdpQBITNjoC9Sj1B1uBUfuDoq_VLtssjzwMJK1rcy1fX8UBRHZ50VLNINGEv2Z7sgQdnUaB74J2WyOmujNJrQrJM4-7seUPMopBRAW1HUhvS9lGuTbQV6l7VbN_3TGMV6MTHJhuwiqOakcVCGocvoYLocTolphAsYSBg9KNiwSeOgq3kqbD5FJ6QL573Tn1ulq9-oVKDQ-WT1NSSIYon-89-lkpWG4H8qIFdGWc23LZS7L96EHoJ0AtWh_5FmWrAuo5pCoQ7gOKfPp9S58Gwyb9Ryh3PDkCmcKCYaCmxYWUd-KZNPPnQoENhZbGd-kr8YaXwPeLDUogDQ4Lo9g2fLQ_TYix2YjRDsQJVFbWEGC5YBa3DZzZKOcNmWtR9lCkXGAE-4vQOYFlFQew06GJbGTrYU2wa-BQTE5-SmysU3v9GOmhUnHJmnV5B2ivJCpOGG6gqptAYnzQZtLtiBKnfKUc8jSvRbr-EooK0NNymJ8nnaqITiASzgZwVBftLGWM6KUqj0FHcdc7UdXib-FsgNAHjRLMUs7ptSopBsMb07Elfdor9aRqCz3QgqLuS8T12UVAtyjRUIh8-iUjLir288Iqng52f5NZCEekjF5cSCN9V1BVvRliWAR2daLw311u3iwbl9k9mGduYbO-ggv-_CyA7gGzVoM27js5tKHl3fi-REO5lwAPS7OZurncacclG6ufl72j7Mf1Q_PqepS165eRWvP_KqBePJF-jTTQC_KONdAPOzqNWur53Eljhu3Mw0EFPmQ5hro81CcquS9CuoKmXTQ66FelTxLpz2ARto2tpJQMcYQTV2t6dlCh0aS9yxqAN5FtSsZLtuG0GJpeyymT_JroA6H0aMmAIn9kmKp6nbYqCtQuUHeRwWmTTUEvWxTA6iHBoAGbME60mVM3BlvlZK4Vs5kKYxgadvPvw-m1k2DVLERpMiKo2Kjnarug2YjTOESR81GT0k_46jZOCqiFF2eXwXdqNg4yrhGmSs2zh0-PFdszwfxfq7YGA0oe3PFxkNgqvDcqNhe96cHyb56DVxKO8YsxuVc2pEJJMgzaUfWjLqO3MJKdq7rXs4_ZrqOlDWjZl-tI02aeUkiZz4zXUdVQYtCHHQdBUjaaqLuo1QecRB1LztvaSgLV6X0JcblJY1eezOlyHBKCQNYFNYhGDS5UPjBWgdBqi8CVZFYaMjz9FqCpfzECG9zr13LGCVdY2EHrBwULLLipNoTP0XqlpccmF-beZqbqcQNlqDasnDGkoN-T0hKmbnIxOui1fPKtUhD6tVmkmUpWcFr-0iVKYo15uZMFgWs7lI7XQHUtYK30ta0J3Li8yZh7UH7CIEaoEULl6uibshuOZz4AVDKYk4qiPA5WsEG6WCpIsijyaAsX2rhLUWEcJioaiR32RqlYNnS6tT5Ocis_D1I9kMGrPIpD9dgdLBlK6IOqSxmi6TUvrTJovKWfptKi28yUg7J8Oesvo-jSHyb3N-E-mRTAqVDO8NHHjytuIeQGaWdYV6ctEQkcSxnM5TXDUW8GepEXjb0QB6WkHJQ8yNgaKZSDs682Mx9ZYYZhHYkda-TmNTW4aY5i2fZEDGeUzE5nonARHAn62A6bx6WjFZPl1_Bxmvsg6JJNux4pqgwpU1rXtRbfrMDC9G2CNOdclzhonhLA44iBG_lEyPZNGShwne9tFAS6GoV8-Pu5Et01Md-xSVrz0myZxTaWzKE0c4K1aLJJ4cvmrC4JmML6XSyTrTKu4qvWwKoRwRdcrFuxfIt2lFyvS7nZ5KLqcPMRHYdaasqlV2vb2jEUXYBpWAyo-z26lZ1F5IdbWvUUXcxA9LJyUx3fRqGbahg2aI06qrnA0IqPLqu-rSVisW1AppKFxNHTfWyXTDXVK8vBIzy-QOgGMnlux9Flcpsfq8AVRWssFzZ6juSsrJ1XJ6Q_qK-FYwPnFO6V9S7yFs9C7DVO78JlaEXAatsNOdp7LpL62Bml9bRoy6tXt6ZKGXUVhwlp32plP4-OCxc9AygCayXN0P8qK9UnKnAqMJi1FD4jgLrdYWdRoHFqOvbMqKlPwKGZilt8M4Flio6lKuZwCJnYs8G6ivwC0-z5wLbqFhHgSVqt_MOUdNXwSZevVKk0_S5zJKyxKaSIrM-9J1eVVkfNL-PKotyNywyRSh9GA9RVD1fQX0_ZV9DRxldKKscZQkblaG4xY-7tMxwqrYD7_yTyURIXk3RkQZIaIWeCaWwoaOD2FnOr8fx4QG9bcAFHb0fl_msxGhNxZvIw1ELqkR7Wk62UCZImfx4soUobimUPJ5s4cJuPCySky3UFGRj8sMhFmoKhYqdg_2oZ8BIp_x4soXaQ5WpH0-2EG0SUuVVVSoB-V1CtpZX_YSyRkztuAuwtnfwe1g7RdRDMQTpfKGOh2IodHQGbodDMQT7SMuRGILEKXqeF1cWUVYqOjtqj-fUTFrFKh0ckKbSSyCVYH0vlpb1tlnQMn6RQxEOK_KG_Kr8pjsfpWoLVQ5rXgPjAqMTsb6XK-fm1Ca5zT31qJSH21EnH67zs5nPkegwDAOCbJfY60cRHbtaBfEog8oEz43m4OlHKYZ_TRGrGABxROdEQL7iK6OhpsjvI7jYIlU9xWMWzDqWZ4Df9aSjMHKaU52To_rYYkoe5SJGUiSkjjwNB0GIGmp6PDXC2GtvYxs5TMy8LQOt8ZsCUjLrisjXOdhM7xC_00iWtyZ5wyua2akVUn9xYiUFBpQ-44kVopSbPJ9YDeXKynVwLgdqipnFk-MT0I1u5dqK_PAwwkmkEacm1_FYq8rb-rNDLdJW5C45yC--u67Oq3I9R8bfQLv5b6Dnv4L-__sd9PyX0H--uTl8fTid__nx8X5_c40_qdxMp-P1w9Pd4fjl_YY-3l-fdn88c-Ay_XsznVX9_KeXv1rj1v_yt7-c_e0GWnv5e-T5L5L1V2kvf5HsXv1F86yFr8f7P_60_DHdn_6dBmc_cp5dysd3-P-D98sf5M80_S-6IiX7eE8AAA\"},\"startTime\":\"2021-06-11T10:50:19.313Z\",\"endTime\":\"2021-06-11T12:50:19.313Z\"},\"signature\":\"z2E7cZajdF4BxkVsYQmFA2qBxjqa2VDwSbfdowEKKpRNc4nPKsGb3c24hz1rr57WorxaNvx9YQAnLS5eVznxWfx7M\"}"
+  },
+  "stake": null
+}

package/es/NFTDisplay/demo/data/asset-state-svg.json

@@ -0,0 +1,29 @@
+{
+  "proof": {
+    "type": "Ed25519Signature",
+    "created": "2021-07-14T08:44:52.733Z",
+    "proofPurpose": "assertionMethod",
+    "jws": "MTTJ_jofJ-0vJmADnVbbXG9D2ffivSWJLMIMdcdh9JOZg44xsBodxWPepEmFsSUZGpxcBYBg-vWmpf7QzBOSDA"
+  },
+  "@context": "https://schema.arcblock.io/v0.1/context.jsonld",
+  "id": "z2iUJcwahi1CSaq8varHq1gLrmmgdVjH6k5ST",
+  "type": ["DummyPassport", "NFTPassport", "VerifiableCredential"],
+  "issuer": {
+    "id": "z1kC8vaVzaHhBMc4FhcEFC57cj8hozDh6zp",
+    "pk": "zHBeUZEDmPdi2v58EjeXGa7GS5kK8LnV3qzY8LngFbUY8",
+    "name": "test case"
+  },
+  "issuanceDate": "2021-07-14T08:44:52.733Z",
+  "credentialSubject": {
+    "id": "z1csfN4YHMA9Zw9oXCMCmjQQJvmEtwv3yyv",
+    "passport": {
+      "name": "dummy",
+      "title": "Dummy"
+    },
+    "display": {
+      "type": "svg",
+      "content": "<svg width=\"317\" height=\"200\" viewBox=\"0 0 317 200\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<rect x=\"0.5\" y=\"0.5\" width=\"316\" height=\"199\" rx=\"7.5\" fill=\"url(#paint0_linear)\"/>\n<path d=\"M26.1973 155H25.0723V146.469H26.1973V155ZM31.7812 153.318C31.7812 153.025 31.6699 152.799 31.4473 152.639C31.2285 152.475 30.8438 152.334 30.293 152.217C29.7461 152.1 29.3105 151.959 28.9863 151.795C28.666 151.631 28.4277 151.436 28.2715 151.209C28.1191 150.982 28.043 150.713 28.043 150.4C28.043 149.881 28.2617 149.441 28.6992 149.082C29.1406 148.723 29.7031 148.543 30.3867 148.543C31.1055 148.543 31.6875 148.729 32.1328 149.1C32.582 149.471 32.8066 149.945 32.8066 150.523H31.7168C31.7168 150.227 31.5898 149.971 31.3359 149.756C31.0859 149.541 30.7695 149.434 30.3867 149.434C29.9922 149.434 29.6836 149.52 29.4609 149.691C29.2383 149.863 29.127 150.088 29.127 150.365C29.127 150.627 29.2305 150.824 29.4375 150.957C29.6445 151.09 30.0176 151.217 30.5566 151.338C31.0996 151.459 31.5391 151.604 31.875 151.771C32.2109 151.939 32.459 152.143 32.6191 152.381C32.7832 152.615 32.8652 152.902 32.8652 153.242C32.8652 153.809 32.6387 154.264 32.1855 154.607C31.7324 154.947 31.1445 155.117 30.4219 155.117C29.9141 155.117 29.4648 155.027 29.0742 154.848C28.6836 154.668 28.377 154.418 28.1543 154.098C27.9355 153.773 27.8262 153.424 27.8262 153.049H28.9102C28.9297 153.412 29.0742 153.701 29.3438 153.916C29.6172 154.127 29.9766 154.232 30.4219 154.232C30.832 154.232 31.1602 154.15 31.4062 153.986C31.6562 153.818 31.7812 153.596 31.7812 153.318ZM37.9688 153.318C37.9688 153.025 37.8574 152.799 37.6348 152.639C37.416 152.475 37.0312 152.334 36.4805 152.217C35.9336 152.1 35.498 151.959 35.1738 151.795C34.8535 151.631 34.6152 151.436 34.459 151.209C34.3066 150.982 34.2305 150.713 34.2305 150.4C34.2305 149.881 34.4492 149.441 34.8867 149.082C35.3281 148.723 35.8906 148.543 36.5742 148.543C37.293 148.543 37.875 148.729 38.3203 149.1C38.7695 149.471 38.9941 149.945 38.9941 150.523H37.9043C37.9043 150.227 37.7773 149.971 37.5234 149.756C37.2734 149.541 36.957 149.434 36.5742 149.434C36.1797 149.434 35.8711 149.52 35.6484 149.691C35.4258 149.863 35.3145 150.088 35.3145 150.365C35.3145 150.627 35.418 150.824 35.625 150.957C35.832 151.09 36.2051 151.217 36.7441 151.338C37.2871 151.459 37.7266 151.604 38.0625 151.771C38.3984 151.939 38.6465 152.143 38.8066 152.381C38.9707 152.615 39.0527 152.902 39.0527 153.242C39.0527 153.809 38.8262 154.264 38.373 154.607C37.9199 154.947 37.332 155.117 36.6094 155.117C36.1016 155.117 35.6523 155.027 35.2617 154.848C34.8711 154.668 34.5645 154.418 34.3418 154.098C34.123 153.773 34.0137 153.424 34.0137 153.049H35.0977C35.1172 153.412 35.2617 153.701 35.5312 153.916C35.8047 154.127 36.1641 154.232 36.6094 154.232C37.0195 154.232 37.3477 154.15 37.5938 153.986C37.8438 153.818 37.9688 153.596 37.9688 153.318ZM44.3789 154.373C43.957 154.869 43.3379 155.117 42.5215 155.117C41.8457 155.117 41.3301 154.922 40.9746 154.531C40.623 154.137 40.4453 153.555 40.4414 152.785V148.66H41.5254V152.756C41.5254 153.717 41.916 154.197 42.6973 154.197C43.5254 154.197 44.0762 153.889 44.3496 153.271V148.66H45.4336V155H44.4023L44.3789 154.373ZM50.7773 153.318C50.7773 153.025 50.666 152.799 50.4434 152.639C50.2246 152.475 49.8398 152.334 49.2891 152.217C48.7422 152.1 48.3066 151.959 47.9824 151.795C47.6621 151.631 47.4238 151.436 47.2676 151.209C47.1152 150.982 47.0391 150.713 47.0391 150.4C47.0391 149.881 47.2578 149.441 47.6953 149.082C48.1367 148.723 48.6992 148.543 49.3828 148.543C50.1016 148.543 50.6836 148.729 51.1289 149.1C51.5781 149.471 51.8027 149.945 51.8027 150.523H50.7129C50.7129 150.227 50.5859 149.971 50.332 149.756C50.082 149.541 49.7656 149.434 49.3828 149.434C48.9883 149.434 48.6797 149.52 48.457 149.691C48.2344 149.863 48.123 150.088 48.123 150.365C48.123 150.627 48.2266 150.824 48.4336 150.957C48.6406 151.09 49.0137 151.217 49.5527 151.338C50.0957 151.459 50.5352 151.604 50.8711 151.771C51.207 151.939 51.4551 152.143 51.6152 152.381C51.7793 152.615 51.8613 152.902 51.8613 153.242C51.8613 153.809 51.6348 154.264 51.1816 154.607C50.7285 154.947 50.1406 155.117 49.418 155.117C48.9102 155.117 48.4609 155.027 48.0703 154.848C47.6797 154.668 47.373 154.418 47.1504 154.098C46.9316 153.773 46.8223 153.424 46.8223 153.049H47.9062C47.9258 153.412 48.0703 153.701 48.3398 153.916C48.6133 154.127 48.9727 154.232 49.418 154.232C49.8281 154.232 50.1562 154.15 50.4023 153.986C50.6523 153.818 50.7773 153.596 50.7773 153.318ZM55.9043 155.117C55.0449 155.117 54.3457 154.836 53.8066 154.273C53.2676 153.707 52.998 152.951 52.998 152.006V151.807C52.998 151.178 53.1172 150.617 53.3555 150.125C53.5977 149.629 53.9336 149.242 54.3633 148.965C54.7969 148.684 55.2656 148.543 55.7695 148.543C56.5938 148.543 57.2344 148.814 57.6914 149.357C58.1484 149.9 58.377 150.678 58.377 151.689V152.141H54.082C54.0977 152.766 54.2793 153.271 54.627 153.658C54.9785 154.041 55.4238 154.232 55.9629 154.232C56.3457 154.232 56.6699 154.154 56.9355 153.998C57.2012 153.842 57.4336 153.635 57.6328 153.377L58.2949 153.893C57.7637 154.709 56.9668 155.117 55.9043 155.117ZM55.7695 149.434C55.332 149.434 54.9648 149.594 54.668 149.914C54.3711 150.23 54.1875 150.676 54.1172 151.25H57.293V151.168C57.2617 150.617 57.1133 150.191 56.8477 149.891C56.582 149.586 56.2227 149.434 55.7695 149.434ZM62.7012 149.633C62.5371 149.605 62.3594 149.592 62.168 149.592C61.457 149.592 60.9746 149.895 60.7207 150.5V155H59.6367V148.66H60.6914L60.709 149.393C61.0645 148.826 61.5684 148.543 62.2207 148.543C62.4316 148.543 62.5918 148.57 62.7012 148.625V149.633Z\" fill=\"#999999\"/>\n<text x=\"262\" y=\"42\" font-size=\"14\" fill=\"#222222\" style='text-anchor:middle;font-weight:bold;font-family: Roboto;'>DUMMY</text>\n<text x=\"24\" y=\"44\" font-size=\"18\" fill=\"#222222\" style='width: 100'>Dummy Issuer</text>\n<path d=\"M234 24.25H289V23.75H234V24.25ZM292.75 28V47H293.25V28H292.75ZM289 50.75H234V51.25H289V50.75ZM230.25 47V28H229.75V47H230.25ZM234 50.75C231.929 50.75 230.25 49.0711 230.25 47H229.75C229.75 49.3472 231.653 51.25 234 51.25V50.75ZM292.75 47C292.75 49.0711 291.071 50.75 289 50.75V51.25C291.347 51.25 293.25 49.3472 293.25 47H292.75ZM289 24.25C291.071 24.25 292.75 25.9289 292.75 28H293.25C293.25 25.6528 291.347 23.75 289 23.75V24.25ZM234 23.75C231.653 23.75 229.75 25.6528 229.75 28H230.25C230.25 25.9289 231.929 24.25 234 24.25V23.75Z\" fill=\"#999999\"/>\n<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M25.9318 163.527H41.0926C41.8394 163.527 42.4449 164.077 42.4449 164.756V173.244C42.4449 173.923 41.8394 174.473 41.0926 174.473H25.9318C25.185 174.473 24.5795 173.923 24.5795 173.244V173.172C24.5795 173.012 24.4498 172.882 24.2898 172.882C24.1297 172.882 24 173.012 24 173.172V173.244C24 174.214 24.8649 175 25.9318 175H41.0926C42.1595 175 43.0244 174.214 43.0244 173.244V164.756C43.0244 163.786 42.1595 163 41.0926 163H25.9318C24.8649 163 24 163.786 24 164.756V164.828C24 164.988 24.1297 165.118 24.2898 165.118C24.4498 165.118 24.5795 164.988 24.5795 164.828V164.756C24.5795 164.077 25.185 163.527 25.9318 163.527ZM24.0612 172.012C24.1079 172.053 24.1604 172.073 24.2187 172.073H26.5375C27.4008 172.073 28.057 171.877 28.5062 171.485C28.9612 171.087 29.2033 170.481 29.2325 169.667C29.2383 169.503 29.2412 169.281 29.2412 169C29.2412 168.719 29.2383 168.494 29.2325 168.324C29.2091 167.545 28.9612 166.951 28.4887 166.541C28.0162 166.132 27.3512 165.927 26.4937 165.927H24.2187C24.1604 165.927 24.1079 165.947 24.0612 165.988C24.0204 166.029 24 166.082 24 166.146V171.854C24 171.912 24.0204 171.965 24.0612 172.012ZM27.3425 170.537C27.1616 170.718 26.8787 170.809 26.4937 170.809H25.575V167.191H26.45C26.835 167.191 27.1237 167.285 27.3162 167.472C27.5146 167.66 27.6196 167.949 27.6312 168.341C27.6429 168.505 27.6487 168.722 27.6487 168.991C27.6487 169.26 27.6429 169.48 27.6312 169.65C27.6196 170.054 27.5233 170.349 27.3425 170.537ZM30.3246 172.012C30.3713 172.053 30.4238 172.073 30.4821 172.073H31.6546C31.7188 172.073 31.7713 172.053 31.8121 172.012C31.8588 171.971 31.8821 171.918 31.8821 171.854V166.146C31.8821 166.082 31.8588 166.029 31.8121 165.988C31.7713 165.947 31.7188 165.927 31.6546 165.927H30.4821C30.4238 165.927 30.3713 165.947 30.3246 165.988C30.2838 166.029 30.2634 166.082 30.2634 166.146V171.854C30.2634 171.912 30.2838 171.965 30.3246 172.012ZM33.319 172.073C33.2607 172.073 33.2082 172.053 33.1615 172.012C33.1207 171.965 33.1003 171.912 33.1003 171.854V166.146C33.1003 166.082 33.1207 166.029 33.1615 165.988C33.2082 165.947 33.2607 165.927 33.319 165.927H35.594C36.4515 165.927 37.1165 166.132 37.589 166.541C38.0615 166.951 38.3094 167.545 38.3327 168.324C38.3385 168.494 38.3415 168.719 38.3415 169C38.3415 169.281 38.3385 169.503 38.3327 169.667C38.3035 170.481 38.0615 171.087 37.6065 171.485C37.1573 171.877 36.5011 172.073 35.6377 172.073H33.319ZM35.594 170.809C35.979 170.809 36.2619 170.718 36.4427 170.537C36.6236 170.349 36.7198 170.054 36.7315 169.65C36.7431 169.48 36.749 169.26 36.749 168.991C36.749 168.722 36.7431 168.505 36.7315 168.341C36.7198 167.949 36.6148 167.66 36.4165 167.472C36.224 167.285 35.9352 167.191 35.5502 167.191H34.6752V170.809H35.594ZM40.1082 168.282C39.8193 168.282 39.5811 168.047 39.5811 167.759C39.5811 167.47 39.8193 167.235 40.1082 167.235C40.3972 167.235 40.6354 167.47 40.6354 167.759C40.6354 168.047 40.3972 168.282 40.1082 168.282ZM40.1082 171.017C39.8193 171.017 39.5811 170.782 39.5811 170.493C39.5811 170.205 39.8193 169.97 40.1082 169.97C40.3972 169.97 40.6354 170.205 40.6354 170.493C40.6354 170.782 40.3972 171.017 40.1082 171.017Z\" fill=\"#999999\"/>\n<text x=\"48\" y=\"174\" font-size=\"12\" fill=\"#777777\">z1kC8vaVzaHhBMc4FhcEFC57cj8hozDh6zp</text>\n<rect x=\"0.5\" y=\"0.5\" width=\"316\" height=\"199\" rx=\"7.5\" stroke=\"#E7ECF6\"/>\n<defs>\n<linearGradient id=\"paint0_linear\" x1=\"158.5\" y1=\"0\" x2=\"158.5\" y2=\"200\" gradientUnits=\"userSpaceOnUse\">\n<stop stop-color=\"#F3F6FC\"/>\n<stop offset=\"1\" stop-color=\"#EEF1F7\"/>\n</linearGradient>\n</defs>\n</svg>\n"
+    }
+  },
+  "signature": "z4WT8jgWQ5WpN1WYJmZBbv3eDkvbbWdHBnEhbwoMM13ZwgdTWtAgqiWVmvZZ9nDnbFbVHZpDS7UKCHKMjiE9BY6K7"
+}

package/es/NFTDisplay/demo/data/asset-state-url.json

@@ -0,0 +1,10 @@
+{
+  "address": "zje1afmuiMKH9BhrHNpbTE9GHX9QD6vspmyk",
+  "moniker": "EndpointTestNFT",
+  "owner": "z1oefFSpVMGBFkgXFebBrrc3SeAF9jejLFJ",
+  "parent": "z3CtFrw2Pq2cwSCehgzxQi9LjLc11sapNP31a",
+  "data": {
+    "typeUrl": "vc",
+    "value": "{\"@context\":\"https://schema.arcblock.io/v0.1/context.jsonld\",\"id\":\"z2iUErKjvPy6kfQRWF41DEQHFQsRMWbiNY8hy\",\"type\":[\"VerifiableCredential\",\"NFTBadge\",\"EndpointTestCredential\"],\"issuer\":{\"id\":\"zNKeLKixvCM32TkVM1zmRDdAU3bvm3dTtAcM\",\"pk\":\"zGph57aL5bz85oMuY9nW2PFjPTa9FvSGvS761TJk15XWe\",\"name\":\"ocap-playground\"},\"issuanceDate\":\"2021-07-13T06:34:06.770Z\",\"credentialSubject\":{\"id\":\"z1oefFSpVMGBFkgXFebBrrc3SeAF9jejLFJ\",\"display\":{\"type\":\"url\",\"content\":\"https://playground.staging.arcblock.io/api/nft/display\"}},\"credentialStatus\":{\"id\":\"https://playground.staging.arcblock.io/api/did/nft-private-status/token\",\"type\":\"NFTStatusList2021\",\"scope\":\"private\"},\"proof\":{\"type\":\"Ed25519Signature\",\"created\":\"2021-07-13T06:34:06.770Z\",\"proofPurpose\":\"assertionMethod\",\"jws\":\"3WT7R7QaGNca-7LqaSFr8x3cIhERHqzwKnmaQ9gdsm7ouuVFfn4LNK9jaCIhOjNHRTpyXYrH0hLfOQErqjXsAA\"}}"
+  }
+}

package/es/NFTDisplay/index.js

@@ -0,0 +1,323 @@
+/* eslint-disable react-hooks/rules-of-hooks */
+import { useRef, useEffect, useState } from 'react';
+import PropTypes from 'prop-types';
+import clsx from 'clsx';
+import { Buffer } from 'buffer';
+import get from 'lodash/get';
+import pako from 'pako';
+import base64 from 'base64-url';
+import isSvg from 'is-svg';
+import { ReactSVG } from 'react-svg';
+import AspectRatioContainer from './aspect-ratio-container';
+import ImgSvgEmbedder from './svg-embedder/img';
+import InlineSvgEmbedder from './svg-embedder/inline-svg';
+import DefaultLoading from './loading';
+import DefaultBrokenImage from './broken';
+import { styled } from '../Theme';
+
+/**
+ * 从 assetState 中获取 nft data, 兼容新旧两种类型的数据结构, 建议将该方法的返回值传入 NFTDisplay 组件的 data prop
+ * - 旧: assetState.data.value (.credentialSubject.display)
+ * - 新: assetState.display
+ */
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+export function getNFTData(assetState) {
+  return assetState?.display || assetState?.data?.value;
+}
+function fromBase64(v) {
+  if (typeof v !== 'string') {
+    throw new Error('fromBase64 requires input to be a string');
+  }
+  return Buffer.from(base64.unescape(v), 'base64');
+}
+
+// const isVC = type => {
+//   return String(type).includes('VerifiableCredential');
+// };
+
+// 仅针对非 url type 的情况
+const getSvgEmbedder = preferredSvgEmbedder => {
+  const embedders = {
+    img: ImgSvgEmbedder,
+    svg: InlineSvgEmbedder
+  };
+  return embedders[preferredSvgEmbedder];
+};
+
+/**
+ * TODO:
+ * 考虑把 asset data 解析部分和 nft display 分离, android 端有相关使用场景 - 只传入 svg 或 url, 也可以传入 asset data,
+ * 目前如果想直接传入 svg 或 url, 需要构造一个 asset data 的数据才能使用 NFTDisplay 组件
+ */
+function NFTDisplay({
+  data,
+  address,
+  inset,
+  aspect,
+  component,
+  className,
+  renderError,
+  renderLoading,
+  preferredSvgEmbedder,
+  checkSvg,
+  minimumLoadingTime,
+  onCompleted,
+  ...rest
+}) {
+  const wrapRoot = children => /*#__PURE__*/_jsx(Root, {
+    as: component,
+    ...rest,
+    className: clsx(className, {
+      'nft-display--inset': inset
+    }),
+    children: children
+  });
+  const parsed = useRef(data);
+  try {
+    // 如果是 raw data 先解析
+    if (typeof parsed.current === 'string') {
+      parsed.current = JSON.parse(data);
+      // console.log('[debug] parse data')
+    }
+
+    const {
+      vcId
+    } = parsed.current;
+    // 需要兼容新旧两种类型的数据结构, nft data 有 credentialSubject 属性, 说明是旧 nft data, 否则是新 nft data
+    const display = parsed.current.credentialSubject ? get(parsed.current, 'credentialSubject.display') : parsed.current;
+    const {
+      content,
+      type
+    } = display;
+    const isUrlType = type === 'url';
+
+    // 首次加载, 对于 url type 的情况, loading 为 true
+    const [state, setState] = useState({
+      loading: isUrlType,
+      error: false
+    });
+    const [minimumLoadingReady, setMinimumLoadingReady] = useState(minimumLoadingTime <= 0);
+    // console.log('[debug] render', {type, minimumLoadingTime}, JSON.stringify(state))
+
+    useEffect(() => {
+      let timer;
+      if (minimumLoadingTime > 0) {
+        timer = setTimeout(() => setMinimumLoadingReady(true), minimumLoadingTime);
+      }
+      return () => clearTimeout(timer);
+      // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, []);
+
+    // onCompleted
+    useEffect(() => {
+      if (!state.loading && minimumLoadingReady || state.error) {
+        onCompleted();
+      }
+      // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [state, minimumLoadingReady]);
+    if (state.error) {
+      throw new Error('Failed to render NFT Display.');
+    }
+    const renderNFT = () => {
+      if (content) {
+        switch (type) {
+          case 'url':
+            {
+              const urlObj = new URL(content);
+              if (!urlObj.searchParams.has('assetId')) {
+                urlObj.searchParams.append('assetId', address);
+              }
+              if (!urlObj.searchParams.has('vcId')) {
+                urlObj.searchParams.append('vcId', vcId);
+              }
+              const url = urlObj.href;
+              const safeOnLoad = () => {
+                if (state.loading) {
+                  setState({
+                    ...state,
+                    loading: false
+                  });
+                }
+              };
+              return state.fallback ? state.fallback?.() : /*#__PURE__*/_jsx(ReactSVG, {
+                src: url,
+                beforeInjection: svg => {
+                  svg.setAttribute('style', 'pointer-events: none');
+                },
+                afterInjection: safeOnLoad,
+                onError: error => {
+                  let objectType = null;
+                  if (error?.message?.indexOf('Invalid content type: ') > -1) {
+                    objectType = error.message.split('Invalid content type: ')?.[1];
+                  } else if (error?.message?.indexOf('Unable to load SVG file: ') > -1) {
+                    objectType = 'image/svg+xml';
+                  }
+                  setState({
+                    ...state,
+                    // fallback to object, and use objectType to render
+                    fallback: () =>
+                    /*#__PURE__*/
+                    // eslint-disable-next-line jsx-a11y/alt-text
+                    _jsx("object", {
+                      type: objectType,
+                      data: url
+                      // onError={() => setState({ ...state, error: true })}
+                      ,
+                      onLoad: safeOnLoad,
+                      style: {
+                        width: 'auto',
+                        height: 'auto',
+                        pointerEvents: 'none'
+                      }
+                    }, url)
+                  });
+                }
+                // evalScripts="always"
+                ,
+                wrapper: "div"
+              });
+            }
+          case 'uri':
+            {
+              return /*#__PURE__*/_jsx("img", {
+                src: content,
+                onError: () => setState({
+                  ...state,
+                  error: true
+                }),
+                onLoad: () => setState({
+                  ...state,
+                  loading: false
+                }),
+                alt: "NFT Display"
+              });
+            }
+          case 'svg_gzipped':
+            {
+              const buffer = pako.ungzip(fromBase64(content), {});
+              const svg = Buffer.from(buffer).toString('utf8');
+              if (checkSvg && !isSvg(svg)) {
+                throw new Error('Invalid SVG of type svg_gzipped');
+              }
+              const Embedder = getSvgEmbedder(preferredSvgEmbedder);
+              return /*#__PURE__*/_jsx(Embedder, {
+                svg: svg
+              });
+            }
+          case 'svg':
+            {
+              if (checkSvg && !isSvg(content)) {
+                throw new Error('Invalid SVG of type svg');
+              }
+              const Embedder = getSvgEmbedder(preferredSvgEmbedder);
+              return /*#__PURE__*/_jsx(Embedder, {
+                svg: content
+              });
+            }
+          // TODO: 准备测试数据
+          case 'html':
+            {
+              break;
+            }
+          default:
+        }
+      }
+      throw new Error(`unsupported display protocol: ${display.type}`);
+    };
+    return wrapRoot( /*#__PURE__*/_jsxs(_Fragment, {
+      children: [(state.loading || !minimumLoadingReady) && (renderLoading ? renderLoading() : /*#__PURE__*/_jsx(DefaultLoading, {})), renderNFT()]
+    }));
+  } catch (e) {
+    console.error(e?.message, {
+      nftId: address,
+      vcId: parsed?.current?.vcId
+    });
+    return wrapRoot(renderError ? renderError() : /*#__PURE__*/_jsx(DefaultBrokenImage, {}));
+  }
+}
+NFTDisplay.propTypes = {
+  // asset data 可以是 raw data 和 parsed data
+  data: PropTypes.oneOfType([PropTypes.object, PropTypes.string]).isRequired,
+  address: PropTypes.string.isRequired,
+  component: PropTypes.string,
+  inset: PropTypes.bool,
+  aspect: PropTypes.number,
+  className: PropTypes.string,
+  renderError: PropTypes.func,
+  renderLoading: PropTypes.func,
+  // 对于非 url type 的情况, 支持优先选用的 svg 嵌入方式, 默认是 img
+  preferredSvgEmbedder: PropTypes.oneOf(['img', 'svg']),
+  // 针对非 url type 的情况, 检测 svg 有效性, 默认禁用
+  checkSvg: PropTypes.bool,
+  // loading 最小显示时间 (避免闪烁)
+  minimumLoadingTime: PropTypes.number,
+  // 完成回调, 无论加载成功|失败
+  onCompleted: PropTypes.func
+};
+NFTDisplay.defaultProps = {
+  component: 'span',
+  inset: false,
+  aspect: 0,
+  className: '',
+  renderError: null,
+  renderLoading: null,
+  preferredSvgEmbedder: 'img',
+  checkSvg: false,
+  minimumLoadingTime: 0,
+  onCompleted: () => {}
+};
+const Root = styled('div')`
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  position: relative;
+  /* 默认尺寸 */
+  width: 150px;
+  height: 150px;
+  overflow: hidden;
+
+  &,
+  img,
+  object {
+    max-width: 100%;
+    max-height: 100%;
+  }
+
+  img,
+  object {
+    width: 100%;
+    height: 100%;
+  }
+
+  &.nft-display--inset {
+    width: 100%;
+    height: 100%;
+  }
+`;
+function withAspectRatio(Component) {
+  // eslint-disable-next-line func-names, react/prop-types
+  return function ({
+    aspect,
+    inset,
+    ...rest
+  }) {
+    // inset 比 aspect ratio 优先级高, 如果同时设置了 inset 和 aspect, 则后者不生效
+    const applyAspectRatio = aspect > 0 && !inset;
+    if (applyAspectRatio) {
+      return /*#__PURE__*/_jsx(AspectRatioContainer, {
+        aspect: aspect,
+        children: /*#__PURE__*/_jsx(Component, {
+          inset: true,
+          ...rest
+        })
+      });
+    }
+    return /*#__PURE__*/_jsx(Component, {
+      inset: inset,
+      ...rest
+    });
+  };
+}
+export default withAspectRatio(NFTDisplay);

package/es/NFTDisplay/loading.js

@@ -0,0 +1,18 @@
+import { styled } from '../Theme';
+import { jsx as _jsx } from "react/jsx-runtime";
+export default function Loading() {
+  return /*#__PURE__*/_jsx(Root, {
+    className: "nft-display__loading",
+    children: "loading..."
+  });
+}
+const Root = styled('span')`
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  position: absolute;
+  width: 100%;
+  height: 100%;
+  color: #ccc;
+  background-color: #eee;
+`;

package/es/NFTDisplay/svg-embedder/img.js

@@ -0,0 +1,45 @@
+import PropTypes from 'prop-types';
+import InlineSvgEmbedder from './inline-svg';
+import { jsx as _jsx } from "react/jsx-runtime";
+const svgToImgUrl = svg => {
+  // fix: #225, https://stackoverflow.com/a/52135328)
+  const blob = new Blob([svg], {
+    type: 'image/svg+xml'
+  });
+  return URL.createObjectURL(blob);
+};
+
+/**
+ * 基于 <img> 嵌入 svg
+ */
+function ImgEmbedder({
+  svg,
+  alt,
+  fallback,
+  ...rest
+}) {
+  // 包含 foreignObject 的 svg, fallback 到 shadow dom
+  if (fallback && svg.indexOf('</foreignObject>') > -1) {
+    return /*#__PURE__*/_jsx(InlineSvgEmbedder, {
+      svg: svg
+    });
+  }
+  const url = svgToImgUrl(svg);
+  return /*#__PURE__*/_jsx("img", {
+    src: url,
+    onLoad: () => URL.revokeObjectURL(url),
+    alt: alt,
+    ...rest
+  });
+}
+ImgEmbedder.propTypes = {
+  svg: PropTypes.string.isRequired,
+  alt: PropTypes.string,
+  // 对于包含 foreignObject 的 svg, fallback 到 inline svg + shadow DOM
+  fallback: PropTypes.bool
+};
+ImgEmbedder.defaultProps = {
+  alt: '',
+  fallback: true
+};
+export default ImgEmbedder;

package/es/NFTDisplay/svg-embedder/inline-svg.js

@@ -0,0 +1,39 @@
+import PropTypes from 'prop-types';
+import root from 'react-shadow/emotion';
+import { styled } from '../../Theme';
+
+/**
+ * inline svg 的方式嵌入 svg, 使用 shadow DOM 避免样式污染
+ */
+import { jsx as _jsx } from "react/jsx-runtime";
+function InlineSvg({
+  svg,
+  ...rest
+}) {
+  return /*#__PURE__*/_jsx(Root, {
+    ...rest,
+    children: /*#__PURE__*/_jsx(Inner, {
+      dangerouslySetInnerHTML: {
+        __html: svg
+      }
+    })
+  });
+}
+InlineSvg.propTypes = {
+  svg: PropTypes.string.isRequired
+};
+const Root = styled(root.span)`
+  display: block;
+  width: 100%;
+  height: 100%;
+`;
+const Inner = styled('div')`
+  &,
+  & > svg {
+    height: 100%;
+    width: 100%;
+    min-width: 100%;
+    max-width: 100%;
+  }
+`;
+export default InlineSvg;

package/es/NavMenu/index.js

@@ -0,0 +1,2 @@
+// eslint-disable-next-line no-restricted-exports
+export { default } from './nav-menu';