@ably/ui 17.6.0 → 17.6.1-dev.09b2f62e
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/core/Header.js +1 -1
- package/core/Header.js.map +1 -1
- package/core/Icon/components/icon-tech-claude-mono.js +2 -0
- package/core/Icon/components/icon-tech-claude-mono.js.map +1 -0
- package/core/Icon/components/icon-tech-claude.js +2 -0
- package/core/Icon/components/icon-tech-claude.js.map +1 -0
- package/core/Icon/components/index.js +1 -1
- package/core/Icon/components/index.js.map +1 -1
- package/core/Icon/computed-icons/tech-icons.js +1 -1
- package/core/Icon/computed-icons/tech-icons.js.map +1 -1
- package/core/Meganav.js +1 -1
- package/core/Meganav.js.map +1 -1
- package/core/Notice.js +1 -1
- package/core/Notice.js.map +1 -1
- package/core/icons/tech/icon-tech-claude-mono.svg +5 -0
- package/core/icons/tech/icon-tech-claude.svg +3 -0
- package/core/remote-blogs-posts.js.map +1 -1
- package/core/remote-session-data.js.map +1 -1
- package/core/sprites-tech.svg +1 -1
- package/index.d.ts +35 -5
- package/package.json +1 -1
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export const techIcons=["icon-tech-ably","icon-tech-ably-api-streamer","icon-tech-ably-firehose","icon-tech-ably-native","icon-tech-activemq","icon-tech-activitypub","icon-tech-aerospike","icon-tech-akka","icon-tech-amazon-ec2","icon-tech-amazon-event-bridge","icon-tech-amqp091","icon-tech-amqp10","icon-tech-android-full","icon-tech-android-head","icon-tech-angular","icon-tech-anycable","icon-tech-apache-cassandra","icon-tech-apache-cordova","icon-tech-apache-kafka","icon-tech-apache-spark","icon-tech-apachepulsar","icon-tech-apachestorm","icon-tech-apns","icon-tech-assemblyai","icon-tech-atmosphere","icon-tech-aws","icon-tech-aws-app-sync","icon-tech-aws-aurora","icon-tech-aws-gateway-websockets","icon-tech-aws-sns","icon-tech-aws-sqs","icon-tech-awsiot","icon-tech-awskinesis","icon-tech-awslambda","icon-tech-awssqs","icon-tech-azure-api","icon-tech-azure-archive-api","icon-tech-azure-bus","icon-tech-azure-cosmos","icon-tech-azure-event-hub","icon-tech-azure-functions","icon-tech-azure-search","icon-tech-azure-static-web-app","icon-tech-azure-static-web-apps","icon-tech-azure-storage","icon-tech-azure-web-pubsub","icon-tech-azurefunctions","icon-tech-azureservicebus","icon-tech-azuresignalR","icon-tech-bayeux","icon-tech-c++","icon-tech-centrifugo","icon-tech-client-side-frameworks","icon-tech-clojure","icon-tech-cloudflare-durable-objects","icon-tech-cloudflareworkers","icon-tech-cocoa","icon-tech-confluent","icon-tech-cord","icon-tech-csharp","icon-tech-curl","icon-tech-customwebhooks","icon-tech-datadog","icon-tech-design-patterns","icon-tech-devplatforms","icon-tech-diffusion-data","icon-tech-django","icon-tech-engineio","icon-tech-event-driven-servers","icon-tech-fanout-io","icon-tech-fast-api","icon-tech-fauna","icon-tech-featherjs","icon-tech-firebase","icon-tech-firebase-cloud-messaging","icon-tech-flutter","icon-tech-gcloudbigquery","icon-tech-gclouddataflow","icon-tech-gcloudfunctions","icon-tech-gcloudpubsub","icon-tech-go","icon-tech-grpc","icon-tech-hivemq","icon-tech-http2","icon-tech-http3","icon-tech-httprest","icon-tech-idempotency","icon-tech-ifttt","icon-tech-integrations","icon-tech-ios","icon-tech-ios-generic","icon-tech-ipados","icon-tech-ipfs","icon-tech-ironmq","icon-tech-java","icon-tech-javascript","icon-tech-jms","icon-tech-json","icon-tech-json-web-tokens","icon-tech-kaazing","icon-tech-kotlin","icon-tech-ksql-db","icon-tech-kubernetes","icon-tech-laravel-broadcast","icon-tech-laravel-echo","icon-tech-lightstreamer","icon-tech-liveblocks","icon-tech-longpolling","icon-tech-macos","icon-tech-matrix","icon-tech-meteor","icon-tech-mongo-db","icon-tech-mono","icon-tech-mqtt","icon-tech-mysql","icon-tech-native-script","icon-tech-net","icon-tech-netlify","icon-tech-nextjs","icon-tech-nkn","icon-tech-nodejs","icon-tech-objectivec","icon-tech-openai","icon-tech-parse-server","icon-tech-php","icon-tech-planetscale","icon-tech-postgres","icon-tech-prisma","icon-tech-programminglanguages","icon-tech-protcol-adaptors","icon-tech-protocols","icon-tech-pub-sub","icon-tech-pubnub","icon-tech-push-technology","icon-tech-pusher","icon-tech-python","icon-tech-quic","icon-tech-rabbitMQ","icon-tech-railsactioncable","icon-tech-react","icon-tech-react-app","icon-tech-reactnative","icon-tech-redis","icon-tech-redpanda","icon-tech-replicache","icon-tech-rethinkdb","icon-tech-rocketmq","icon-tech-ruby","icon-tech-scala","icon-tech-scaledrone","icon-tech-serversentevents","icon-tech-serversideframeworks","icon-tech-signalR","icon-tech-snowflake","icon-tech-socketio","icon-tech-sockjs","icon-tech-solace","icon-tech-spring","icon-tech-stomp","icon-tech-streamdata-io","icon-tech-streamr","icon-tech-swift","icon-tech-symfony","icon-tech-symfony-mercure","icon-tech-tcp-ip","icon-tech-tenefit","icon-tech-terraform","icon-tech-tvos","icon-tech-twilio","icon-tech-typescript","icon-tech-udp-protocol","icon-tech-unity","icon-tech-vercel","icon-tech-vscode","icon-tech-vuejs","icon-tech-wamp","icon-tech-watchos","icon-tech-web","icon-tech-web-push","icon-tech-webhooks","icon-tech-webrtc","icon-tech-websockets","icon-tech-websub","icon-tech-xamarin","icon-tech-xhr-streaming","icon-tech-xmpp","icon-tech-zapier","icon-tech-zeromq"];
|
|
1
|
+
export const techIcons=["icon-tech-ably","icon-tech-ably-api-streamer","icon-tech-ably-firehose","icon-tech-ably-native","icon-tech-activemq","icon-tech-activitypub","icon-tech-aerospike","icon-tech-akka","icon-tech-amazon-ec2","icon-tech-amazon-event-bridge","icon-tech-amqp091","icon-tech-amqp10","icon-tech-android-full","icon-tech-android-head","icon-tech-angular","icon-tech-anycable","icon-tech-apache-cassandra","icon-tech-apache-cordova","icon-tech-apache-kafka","icon-tech-apache-spark","icon-tech-apachepulsar","icon-tech-apachestorm","icon-tech-apns","icon-tech-assemblyai","icon-tech-atmosphere","icon-tech-aws","icon-tech-aws-app-sync","icon-tech-aws-aurora","icon-tech-aws-gateway-websockets","icon-tech-aws-sns","icon-tech-aws-sqs","icon-tech-awsiot","icon-tech-awskinesis","icon-tech-awslambda","icon-tech-awssqs","icon-tech-azure-api","icon-tech-azure-archive-api","icon-tech-azure-bus","icon-tech-azure-cosmos","icon-tech-azure-event-hub","icon-tech-azure-functions","icon-tech-azure-search","icon-tech-azure-static-web-app","icon-tech-azure-static-web-apps","icon-tech-azure-storage","icon-tech-azure-web-pubsub","icon-tech-azurefunctions","icon-tech-azureservicebus","icon-tech-azuresignalR","icon-tech-bayeux","icon-tech-c++","icon-tech-centrifugo","icon-tech-claude","icon-tech-claude-mono","icon-tech-client-side-frameworks","icon-tech-clojure","icon-tech-cloudflare-durable-objects","icon-tech-cloudflareworkers","icon-tech-cocoa","icon-tech-confluent","icon-tech-cord","icon-tech-csharp","icon-tech-curl","icon-tech-customwebhooks","icon-tech-datadog","icon-tech-design-patterns","icon-tech-devplatforms","icon-tech-diffusion-data","icon-tech-django","icon-tech-engineio","icon-tech-event-driven-servers","icon-tech-fanout-io","icon-tech-fast-api","icon-tech-fauna","icon-tech-featherjs","icon-tech-firebase","icon-tech-firebase-cloud-messaging","icon-tech-flutter","icon-tech-gcloudbigquery","icon-tech-gclouddataflow","icon-tech-gcloudfunctions","icon-tech-gcloudpubsub","icon-tech-go","icon-tech-grpc","icon-tech-hivemq","icon-tech-http2","icon-tech-http3","icon-tech-httprest","icon-tech-idempotency","icon-tech-ifttt","icon-tech-integrations","icon-tech-ios","icon-tech-ios-generic","icon-tech-ipados","icon-tech-ipfs","icon-tech-ironmq","icon-tech-java","icon-tech-javascript","icon-tech-jms","icon-tech-json","icon-tech-json-web-tokens","icon-tech-kaazing","icon-tech-kotlin","icon-tech-ksql-db","icon-tech-kubernetes","icon-tech-laravel-broadcast","icon-tech-laravel-echo","icon-tech-lightstreamer","icon-tech-liveblocks","icon-tech-longpolling","icon-tech-macos","icon-tech-matrix","icon-tech-meteor","icon-tech-mongo-db","icon-tech-mono","icon-tech-mqtt","icon-tech-mysql","icon-tech-native-script","icon-tech-net","icon-tech-netlify","icon-tech-nextjs","icon-tech-nkn","icon-tech-nodejs","icon-tech-objectivec","icon-tech-openai","icon-tech-parse-server","icon-tech-php","icon-tech-planetscale","icon-tech-postgres","icon-tech-prisma","icon-tech-programminglanguages","icon-tech-protcol-adaptors","icon-tech-protocols","icon-tech-pub-sub","icon-tech-pubnub","icon-tech-push-technology","icon-tech-pusher","icon-tech-python","icon-tech-quic","icon-tech-rabbitMQ","icon-tech-railsactioncable","icon-tech-react","icon-tech-react-app","icon-tech-reactnative","icon-tech-redis","icon-tech-redpanda","icon-tech-replicache","icon-tech-rethinkdb","icon-tech-rocketmq","icon-tech-ruby","icon-tech-scala","icon-tech-scaledrone","icon-tech-serversentevents","icon-tech-serversideframeworks","icon-tech-signalR","icon-tech-snowflake","icon-tech-socketio","icon-tech-sockjs","icon-tech-solace","icon-tech-spring","icon-tech-stomp","icon-tech-streamdata-io","icon-tech-streamr","icon-tech-swift","icon-tech-symfony","icon-tech-symfony-mercure","icon-tech-tcp-ip","icon-tech-tenefit","icon-tech-terraform","icon-tech-tvos","icon-tech-twilio","icon-tech-typescript","icon-tech-udp-protocol","icon-tech-unity","icon-tech-vercel","icon-tech-vscode","icon-tech-vuejs","icon-tech-wamp","icon-tech-watchos","icon-tech-web","icon-tech-web-push","icon-tech-webhooks","icon-tech-webrtc","icon-tech-websockets","icon-tech-websub","icon-tech-xamarin","icon-tech-xhr-streaming","icon-tech-xmpp","icon-tech-zapier","icon-tech-zeromq"];
|
|
2
2
|
//# sourceMappingURL=tech-icons.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../src/core/Icon/computed-icons/tech-icons.ts"],"sourcesContent":["// AUTOGENERATED BY generate-icons - DO NOT EDIT\n\nexport const techIcons = [\n \"icon-tech-ably\",\n \"icon-tech-ably-api-streamer\",\n \"icon-tech-ably-firehose\",\n \"icon-tech-ably-native\",\n \"icon-tech-activemq\",\n \"icon-tech-activitypub\",\n \"icon-tech-aerospike\",\n \"icon-tech-akka\",\n \"icon-tech-amazon-ec2\",\n \"icon-tech-amazon-event-bridge\",\n \"icon-tech-amqp091\",\n \"icon-tech-amqp10\",\n \"icon-tech-android-full\",\n \"icon-tech-android-head\",\n \"icon-tech-angular\",\n \"icon-tech-anycable\",\n \"icon-tech-apache-cassandra\",\n \"icon-tech-apache-cordova\",\n \"icon-tech-apache-kafka\",\n \"icon-tech-apache-spark\",\n \"icon-tech-apachepulsar\",\n \"icon-tech-apachestorm\",\n \"icon-tech-apns\",\n \"icon-tech-assemblyai\",\n \"icon-tech-atmosphere\",\n \"icon-tech-aws\",\n \"icon-tech-aws-app-sync\",\n \"icon-tech-aws-aurora\",\n \"icon-tech-aws-gateway-websockets\",\n \"icon-tech-aws-sns\",\n \"icon-tech-aws-sqs\",\n \"icon-tech-awsiot\",\n \"icon-tech-awskinesis\",\n \"icon-tech-awslambda\",\n \"icon-tech-awssqs\",\n \"icon-tech-azure-api\",\n \"icon-tech-azure-archive-api\",\n \"icon-tech-azure-bus\",\n \"icon-tech-azure-cosmos\",\n \"icon-tech-azure-event-hub\",\n \"icon-tech-azure-functions\",\n \"icon-tech-azure-search\",\n \"icon-tech-azure-static-web-app\",\n \"icon-tech-azure-static-web-apps\",\n \"icon-tech-azure-storage\",\n \"icon-tech-azure-web-pubsub\",\n \"icon-tech-azurefunctions\",\n \"icon-tech-azureservicebus\",\n \"icon-tech-azuresignalR\",\n \"icon-tech-bayeux\",\n \"icon-tech-c++\",\n \"icon-tech-centrifugo\",\n \"icon-tech-client-side-frameworks\",\n \"icon-tech-clojure\",\n \"icon-tech-cloudflare-durable-objects\",\n \"icon-tech-cloudflareworkers\",\n \"icon-tech-cocoa\",\n \"icon-tech-confluent\",\n \"icon-tech-cord\",\n \"icon-tech-csharp\",\n \"icon-tech-curl\",\n \"icon-tech-customwebhooks\",\n \"icon-tech-datadog\",\n \"icon-tech-design-patterns\",\n \"icon-tech-devplatforms\",\n \"icon-tech-diffusion-data\",\n \"icon-tech-django\",\n \"icon-tech-engineio\",\n \"icon-tech-event-driven-servers\",\n \"icon-tech-fanout-io\",\n \"icon-tech-fast-api\",\n \"icon-tech-fauna\",\n \"icon-tech-featherjs\",\n \"icon-tech-firebase\",\n \"icon-tech-firebase-cloud-messaging\",\n \"icon-tech-flutter\",\n \"icon-tech-gcloudbigquery\",\n \"icon-tech-gclouddataflow\",\n \"icon-tech-gcloudfunctions\",\n \"icon-tech-gcloudpubsub\",\n \"icon-tech-go\",\n \"icon-tech-grpc\",\n \"icon-tech-hivemq\",\n \"icon-tech-http2\",\n \"icon-tech-http3\",\n \"icon-tech-httprest\",\n \"icon-tech-idempotency\",\n \"icon-tech-ifttt\",\n \"icon-tech-integrations\",\n \"icon-tech-ios\",\n \"icon-tech-ios-generic\",\n \"icon-tech-ipados\",\n \"icon-tech-ipfs\",\n \"icon-tech-ironmq\",\n \"icon-tech-java\",\n \"icon-tech-javascript\",\n \"icon-tech-jms\",\n \"icon-tech-json\",\n \"icon-tech-json-web-tokens\",\n \"icon-tech-kaazing\",\n \"icon-tech-kotlin\",\n \"icon-tech-ksql-db\",\n \"icon-tech-kubernetes\",\n \"icon-tech-laravel-broadcast\",\n \"icon-tech-laravel-echo\",\n \"icon-tech-lightstreamer\",\n \"icon-tech-liveblocks\",\n \"icon-tech-longpolling\",\n \"icon-tech-macos\",\n \"icon-tech-matrix\",\n \"icon-tech-meteor\",\n \"icon-tech-mongo-db\",\n \"icon-tech-mono\",\n \"icon-tech-mqtt\",\n \"icon-tech-mysql\",\n \"icon-tech-native-script\",\n \"icon-tech-net\",\n \"icon-tech-netlify\",\n \"icon-tech-nextjs\",\n \"icon-tech-nkn\",\n \"icon-tech-nodejs\",\n \"icon-tech-objectivec\",\n \"icon-tech-openai\",\n \"icon-tech-parse-server\",\n \"icon-tech-php\",\n \"icon-tech-planetscale\",\n \"icon-tech-postgres\",\n \"icon-tech-prisma\",\n \"icon-tech-programminglanguages\",\n \"icon-tech-protcol-adaptors\",\n \"icon-tech-protocols\",\n \"icon-tech-pub-sub\",\n \"icon-tech-pubnub\",\n \"icon-tech-push-technology\",\n \"icon-tech-pusher\",\n \"icon-tech-python\",\n \"icon-tech-quic\",\n \"icon-tech-rabbitMQ\",\n \"icon-tech-railsactioncable\",\n \"icon-tech-react\",\n \"icon-tech-react-app\",\n \"icon-tech-reactnative\",\n \"icon-tech-redis\",\n \"icon-tech-redpanda\",\n \"icon-tech-replicache\",\n \"icon-tech-rethinkdb\",\n \"icon-tech-rocketmq\",\n \"icon-tech-ruby\",\n \"icon-tech-scala\",\n \"icon-tech-scaledrone\",\n \"icon-tech-serversentevents\",\n \"icon-tech-serversideframeworks\",\n \"icon-tech-signalR\",\n \"icon-tech-snowflake\",\n \"icon-tech-socketio\",\n \"icon-tech-sockjs\",\n \"icon-tech-solace\",\n \"icon-tech-spring\",\n \"icon-tech-stomp\",\n \"icon-tech-streamdata-io\",\n \"icon-tech-streamr\",\n \"icon-tech-swift\",\n \"icon-tech-symfony\",\n \"icon-tech-symfony-mercure\",\n \"icon-tech-tcp-ip\",\n \"icon-tech-tenefit\",\n \"icon-tech-terraform\",\n \"icon-tech-tvos\",\n \"icon-tech-twilio\",\n \"icon-tech-typescript\",\n \"icon-tech-udp-protocol\",\n \"icon-tech-unity\",\n \"icon-tech-vercel\",\n \"icon-tech-vscode\",\n \"icon-tech-vuejs\",\n \"icon-tech-wamp\",\n \"icon-tech-watchos\",\n \"icon-tech-web\",\n \"icon-tech-web-push\",\n \"icon-tech-webhooks\",\n \"icon-tech-webrtc\",\n \"icon-tech-websockets\",\n \"icon-tech-websub\",\n \"icon-tech-xamarin\",\n \"icon-tech-xhr-streaming\",\n \"icon-tech-xmpp\",\n \"icon-tech-zapier\",\n \"icon-tech-zeromq\"\n] as const;"],"names":["techIcons"],"mappings":"AAEA,OAAO,MAAMA,UAAY,CACvB,iBACA,8BACA,0BACA,wBACA,qBACA,wBACA,sBACA,iBACA,uBACA,gCACA,oBACA,mBACA,yBACA,yBACA,oBACA,qBACA,6BACA,2BACA,yBACA,yBACA,yBACA,wBACA,iBACA,uBACA,uBACA,gBACA,yBACA,uBACA,mCACA,oBACA,oBACA,mBACA,uBACA,sBACA,mBACA,sBACA,8BACA,sBACA,yBACA,4BACA,4BACA,yBACA,iCACA,kCACA,0BACA,6BACA,2BACA,4BACA,yBACA,mBACA,gBACA,uBACA,mCACA,oBACA,uCACA,8BACA,kBACA,sBACA,iBACA,mBACA,iBACA,2BACA,oBACA,4BACA,yBACA,2BACA,mBACA,qBACA,iCACA,sBACA,qBACA,kBACA,sBACA,qBACA,qCACA,oBACA,2BACA,2BACA,4BACA,yBACA,eACA,iBACA,mBACA,kBACA,kBACA,qBACA,wBACA,kBACA,yBACA,gBACA,wBACA,mBACA,iBACA,mBACA,iBACA,uBACA,gBACA,iBACA,4BACA,oBACA,mBACA,oBACA,uBACA,8BACA,yBACA,0BACA,uBACA,wBACA,kBACA,mBACA,mBACA,qBACA,iBACA,iBACA,kBACA,0BACA,gBACA,oBACA,mBACA,gBACA,mBACA,uBACA,mBACA,yBACA,gBACA,wBACA,qBACA,mBACA,iCACA,6BACA,sBACA,oBACA,mBACA,4BACA,mBACA,mBACA,iBACA,qBACA,6BACA,kBACA,sBACA,wBACA,kBACA,qBACA,uBACA,sBACA,qBACA,iBACA,kBACA,uBACA,6BACA,iCACA,oBACA,sBACA,qBACA,mBACA,mBACA,mBACA,kBACA,0BACA,oBACA,kBACA,oBACA,4BACA,mBACA,oBACA,sBACA,iBACA,mBACA,uBACA,yBACA,kBACA,mBACA,mBACA,kBACA,iBACA,oBACA,gBACA,qBACA,qBACA,mBACA,uBACA,mBACA,oBACA,0BACA,iBACA,mBACA,mBACD,AAAU"}
|
|
1
|
+
{"version":3,"sources":["../../../../src/core/Icon/computed-icons/tech-icons.ts"],"sourcesContent":["// AUTOGENERATED BY generate-icons - DO NOT EDIT\n\nexport const techIcons = [\n \"icon-tech-ably\",\n \"icon-tech-ably-api-streamer\",\n \"icon-tech-ably-firehose\",\n \"icon-tech-ably-native\",\n \"icon-tech-activemq\",\n \"icon-tech-activitypub\",\n \"icon-tech-aerospike\",\n \"icon-tech-akka\",\n \"icon-tech-amazon-ec2\",\n \"icon-tech-amazon-event-bridge\",\n \"icon-tech-amqp091\",\n \"icon-tech-amqp10\",\n \"icon-tech-android-full\",\n \"icon-tech-android-head\",\n \"icon-tech-angular\",\n \"icon-tech-anycable\",\n \"icon-tech-apache-cassandra\",\n \"icon-tech-apache-cordova\",\n \"icon-tech-apache-kafka\",\n \"icon-tech-apache-spark\",\n \"icon-tech-apachepulsar\",\n \"icon-tech-apachestorm\",\n \"icon-tech-apns\",\n \"icon-tech-assemblyai\",\n \"icon-tech-atmosphere\",\n \"icon-tech-aws\",\n \"icon-tech-aws-app-sync\",\n \"icon-tech-aws-aurora\",\n \"icon-tech-aws-gateway-websockets\",\n \"icon-tech-aws-sns\",\n \"icon-tech-aws-sqs\",\n \"icon-tech-awsiot\",\n \"icon-tech-awskinesis\",\n \"icon-tech-awslambda\",\n \"icon-tech-awssqs\",\n \"icon-tech-azure-api\",\n \"icon-tech-azure-archive-api\",\n \"icon-tech-azure-bus\",\n \"icon-tech-azure-cosmos\",\n \"icon-tech-azure-event-hub\",\n \"icon-tech-azure-functions\",\n \"icon-tech-azure-search\",\n \"icon-tech-azure-static-web-app\",\n \"icon-tech-azure-static-web-apps\",\n \"icon-tech-azure-storage\",\n \"icon-tech-azure-web-pubsub\",\n \"icon-tech-azurefunctions\",\n \"icon-tech-azureservicebus\",\n \"icon-tech-azuresignalR\",\n \"icon-tech-bayeux\",\n \"icon-tech-c++\",\n \"icon-tech-centrifugo\",\n \"icon-tech-claude\",\n \"icon-tech-claude-mono\",\n \"icon-tech-client-side-frameworks\",\n \"icon-tech-clojure\",\n \"icon-tech-cloudflare-durable-objects\",\n \"icon-tech-cloudflareworkers\",\n \"icon-tech-cocoa\",\n \"icon-tech-confluent\",\n \"icon-tech-cord\",\n \"icon-tech-csharp\",\n \"icon-tech-curl\",\n \"icon-tech-customwebhooks\",\n \"icon-tech-datadog\",\n \"icon-tech-design-patterns\",\n \"icon-tech-devplatforms\",\n \"icon-tech-diffusion-data\",\n \"icon-tech-django\",\n \"icon-tech-engineio\",\n \"icon-tech-event-driven-servers\",\n \"icon-tech-fanout-io\",\n \"icon-tech-fast-api\",\n \"icon-tech-fauna\",\n \"icon-tech-featherjs\",\n \"icon-tech-firebase\",\n \"icon-tech-firebase-cloud-messaging\",\n \"icon-tech-flutter\",\n \"icon-tech-gcloudbigquery\",\n \"icon-tech-gclouddataflow\",\n \"icon-tech-gcloudfunctions\",\n \"icon-tech-gcloudpubsub\",\n \"icon-tech-go\",\n \"icon-tech-grpc\",\n \"icon-tech-hivemq\",\n \"icon-tech-http2\",\n \"icon-tech-http3\",\n \"icon-tech-httprest\",\n \"icon-tech-idempotency\",\n \"icon-tech-ifttt\",\n \"icon-tech-integrations\",\n \"icon-tech-ios\",\n \"icon-tech-ios-generic\",\n \"icon-tech-ipados\",\n \"icon-tech-ipfs\",\n \"icon-tech-ironmq\",\n \"icon-tech-java\",\n \"icon-tech-javascript\",\n \"icon-tech-jms\",\n \"icon-tech-json\",\n \"icon-tech-json-web-tokens\",\n \"icon-tech-kaazing\",\n \"icon-tech-kotlin\",\n \"icon-tech-ksql-db\",\n \"icon-tech-kubernetes\",\n \"icon-tech-laravel-broadcast\",\n \"icon-tech-laravel-echo\",\n \"icon-tech-lightstreamer\",\n \"icon-tech-liveblocks\",\n \"icon-tech-longpolling\",\n \"icon-tech-macos\",\n \"icon-tech-matrix\",\n \"icon-tech-meteor\",\n \"icon-tech-mongo-db\",\n \"icon-tech-mono\",\n \"icon-tech-mqtt\",\n \"icon-tech-mysql\",\n \"icon-tech-native-script\",\n \"icon-tech-net\",\n \"icon-tech-netlify\",\n \"icon-tech-nextjs\",\n \"icon-tech-nkn\",\n \"icon-tech-nodejs\",\n \"icon-tech-objectivec\",\n \"icon-tech-openai\",\n \"icon-tech-parse-server\",\n \"icon-tech-php\",\n \"icon-tech-planetscale\",\n \"icon-tech-postgres\",\n \"icon-tech-prisma\",\n \"icon-tech-programminglanguages\",\n \"icon-tech-protcol-adaptors\",\n \"icon-tech-protocols\",\n \"icon-tech-pub-sub\",\n \"icon-tech-pubnub\",\n \"icon-tech-push-technology\",\n \"icon-tech-pusher\",\n \"icon-tech-python\",\n \"icon-tech-quic\",\n \"icon-tech-rabbitMQ\",\n \"icon-tech-railsactioncable\",\n \"icon-tech-react\",\n \"icon-tech-react-app\",\n \"icon-tech-reactnative\",\n \"icon-tech-redis\",\n \"icon-tech-redpanda\",\n \"icon-tech-replicache\",\n \"icon-tech-rethinkdb\",\n \"icon-tech-rocketmq\",\n \"icon-tech-ruby\",\n \"icon-tech-scala\",\n \"icon-tech-scaledrone\",\n \"icon-tech-serversentevents\",\n \"icon-tech-serversideframeworks\",\n \"icon-tech-signalR\",\n \"icon-tech-snowflake\",\n \"icon-tech-socketio\",\n \"icon-tech-sockjs\",\n \"icon-tech-solace\",\n \"icon-tech-spring\",\n \"icon-tech-stomp\",\n \"icon-tech-streamdata-io\",\n \"icon-tech-streamr\",\n \"icon-tech-swift\",\n \"icon-tech-symfony\",\n \"icon-tech-symfony-mercure\",\n \"icon-tech-tcp-ip\",\n \"icon-tech-tenefit\",\n \"icon-tech-terraform\",\n \"icon-tech-tvos\",\n \"icon-tech-twilio\",\n \"icon-tech-typescript\",\n \"icon-tech-udp-protocol\",\n \"icon-tech-unity\",\n \"icon-tech-vercel\",\n \"icon-tech-vscode\",\n \"icon-tech-vuejs\",\n \"icon-tech-wamp\",\n \"icon-tech-watchos\",\n \"icon-tech-web\",\n \"icon-tech-web-push\",\n \"icon-tech-webhooks\",\n \"icon-tech-webrtc\",\n \"icon-tech-websockets\",\n \"icon-tech-websub\",\n \"icon-tech-xamarin\",\n \"icon-tech-xhr-streaming\",\n \"icon-tech-xmpp\",\n \"icon-tech-zapier\",\n \"icon-tech-zeromq\"\n] as const;"],"names":["techIcons"],"mappings":"AAEA,OAAO,MAAMA,UAAY,CACvB,iBACA,8BACA,0BACA,wBACA,qBACA,wBACA,sBACA,iBACA,uBACA,gCACA,oBACA,mBACA,yBACA,yBACA,oBACA,qBACA,6BACA,2BACA,yBACA,yBACA,yBACA,wBACA,iBACA,uBACA,uBACA,gBACA,yBACA,uBACA,mCACA,oBACA,oBACA,mBACA,uBACA,sBACA,mBACA,sBACA,8BACA,sBACA,yBACA,4BACA,4BACA,yBACA,iCACA,kCACA,0BACA,6BACA,2BACA,4BACA,yBACA,mBACA,gBACA,uBACA,mBACA,wBACA,mCACA,oBACA,uCACA,8BACA,kBACA,sBACA,iBACA,mBACA,iBACA,2BACA,oBACA,4BACA,yBACA,2BACA,mBACA,qBACA,iCACA,sBACA,qBACA,kBACA,sBACA,qBACA,qCACA,oBACA,2BACA,2BACA,4BACA,yBACA,eACA,iBACA,mBACA,kBACA,kBACA,qBACA,wBACA,kBACA,yBACA,gBACA,wBACA,mBACA,iBACA,mBACA,iBACA,uBACA,gBACA,iBACA,4BACA,oBACA,mBACA,oBACA,uBACA,8BACA,yBACA,0BACA,uBACA,wBACA,kBACA,mBACA,mBACA,qBACA,iBACA,iBACA,kBACA,0BACA,gBACA,oBACA,mBACA,gBACA,mBACA,uBACA,mBACA,yBACA,gBACA,wBACA,qBACA,mBACA,iCACA,6BACA,sBACA,oBACA,mBACA,4BACA,mBACA,mBACA,iBACA,qBACA,6BACA,kBACA,sBACA,wBACA,kBACA,qBACA,uBACA,sBACA,qBACA,iBACA,kBACA,uBACA,6BACA,iCACA,oBACA,sBACA,qBACA,mBACA,mBACA,mBACA,kBACA,0BACA,oBACA,kBACA,oBACA,4BACA,mBACA,oBACA,sBACA,iBACA,mBACA,uBACA,yBACA,kBACA,mBACA,mBACA,kBACA,iBACA,oBACA,gBACA,qBACA,qBACA,mBACA,uBACA,mBACA,oBACA,0BACA,iBACA,mBACA,mBACD,AAAU"}
|
package/core/Meganav.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import React,{useEffect,useMemo}from"react";import Header from"./Header";import Flyout from"./Flyout";import{menuItemsForHeader}from"./Meganav/data";import{MeganavMobile}from"./Meganav/MeganavMobile";import Notice from"./Notice";import{HEADER_HEIGHT}from"./utils/heights";const Meganav=({sessionState,notice,theme,themedScrollpoints})=>{const[noticeHeight,setNoticeHeight]=React.useState(0);const mobileNavItems=useMemo(()=>menuItemsForHeader.filter(item=>!item.isHiddenMobile).map(({name,link,content})=>({name,link,content})),[]);const defaultThemedScrollpoints=[{id:"meganav",className:"ui-theme-light !bg-transparent !border-none"},{id:"meganav-theme-dark",className:"ui-theme-dark !bg-transparent !border-none"},{id:"main",className:"ui-theme-light bg-neutral-000 dark:bg-neutral-1300 border-b"},{id:"main-theme-dark",className:"ui-theme-dark bg-neutral-000 dark:bg-neutral-1300 border-b"}];useEffect(()=>{const observeNoticeResize=()=>{const noticeElement=document.querySelector('[data-id="ui-notice"]');if(noticeElement){setNoticeHeight(noticeElement.getBoundingClientRect().height)}};observeNoticeResize();window.addEventListener("resize",observeNoticeResize);return()=>window.removeEventListener("resize",observeNoticeResize)},[]);return React.createElement(React.Fragment,null,React.createElement("div",{className:"absolute inset-0 w-full z-50",id:theme==="dark"?"meganav-theme-dark":"meganav","data-testid":"meganav",style:{height:HEADER_HEIGHT+noticeHeight}},notice&&React.createElement(Notice,{...notice.props,config:notice.config}),React.createElement(Header,{className:"max-w-screen-xl mx-auto px-0 sm:px-8 md:px-10 lg:px-16",isNoticeVisible:!!notice,nav:React.createElement(Flyout,{menuItems:menuItemsForHeader,className:"justify-left z-40",flyOutClassName:"flex justify-left",viewPortClassName:"ui-shadow-lg-medium border border-neutral-200 dark:border-neutral-1100 rounded-2xl -mt-1 bg-neutral-000 dark:bg-neutral-1300"}),mobileNav:React.createElement(MeganavMobile,{navItems:mobileNavItems}),headerLinks:[{href:"/contact",label:"Contact us"}],headerLinksClassName:"md:gap-x-6 ",sessionState:sessionState,themedScrollpoints:themedScrollpoints??defaultThemedScrollpoints})))};export default Meganav;
|
|
1
|
+
import React,{useEffect,useMemo}from"react";import Header from"./Header";import Flyout from"./Flyout";import{menuItemsForHeader}from"./Meganav/data";import{MeganavMobile}from"./Meganav/MeganavMobile";import Notice from"./Notice";import{HEADER_HEIGHT}from"./utils/heights";const Meganav=({sessionState,notice,theme,themedScrollpoints,onNoticeClose})=>{const[noticeHeight,setNoticeHeight]=React.useState(0);const mobileNavItems=useMemo(()=>menuItemsForHeader.filter(item=>!item.isHiddenMobile).map(({name,link,content})=>({name,link,content})),[]);const defaultThemedScrollpoints=[{id:"meganav",className:"ui-theme-light !bg-transparent !border-none"},{id:"meganav-theme-dark",className:"ui-theme-dark !bg-transparent !border-none"},{id:"main",className:"ui-theme-light bg-neutral-000 dark:bg-neutral-1300 border-b"},{id:"main-theme-dark",className:"ui-theme-dark bg-neutral-000 dark:bg-neutral-1300 border-b"}];useEffect(()=>{const observeNoticeResize=()=>{const noticeElement=document.querySelector('[data-id="ui-notice"]');if(noticeElement){setNoticeHeight(noticeElement.getBoundingClientRect().height)}};observeNoticeResize();window.addEventListener("resize",observeNoticeResize);return()=>window.removeEventListener("resize",observeNoticeResize)},[]);return React.createElement(React.Fragment,null,React.createElement("div",{className:"absolute inset-0 w-full z-50",id:theme==="dark"?"meganav-theme-dark":"meganav","data-testid":"meganav",style:{height:HEADER_HEIGHT+noticeHeight}},notice&&React.createElement(Notice,{...notice.props,config:notice.config,onClose:onNoticeClose}),React.createElement(Header,{className:"max-w-screen-xl mx-auto px-0 sm:px-8 md:px-10 lg:px-16",isNoticeVisible:!!notice,noticeHeight:noticeHeight,nav:React.createElement(Flyout,{menuItems:menuItemsForHeader,className:"justify-left z-40",flyOutClassName:"flex justify-left",viewPortClassName:"ui-shadow-lg-medium border border-neutral-200 dark:border-neutral-1100 rounded-2xl -mt-1 bg-neutral-000 dark:bg-neutral-1300"}),mobileNav:React.createElement(MeganavMobile,{navItems:mobileNavItems}),headerLinks:[{href:"/contact",label:"Contact us"}],headerLinksClassName:"md:gap-x-6 ",sessionState:sessionState,themedScrollpoints:themedScrollpoints??defaultThemedScrollpoints})))};export default Meganav;
|
|
2
2
|
//# sourceMappingURL=Meganav.js.map
|
package/core/Meganav.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/core/Meganav.tsx"],"sourcesContent":["import React, { useEffect, useMemo } from \"react\";\nimport Header, { HeaderSessionState, ThemedScrollpoint } from \"./Header\";\nimport Flyout from \"./Flyout\";\nimport { menuItemsForHeader } from \"./Meganav/data\";\nimport { MeganavMobile } from \"./Meganav/MeganavMobile\";\nimport Notice from \"./Notice\";\nimport { HEADER_HEIGHT } from \"./utils/heights\";\n\nexport type MeganavNoticeBannerProps = {\n props: {\n title: string;\n bodyText: string;\n buttonLink: string;\n buttonLabel: string;\n closeBtn: boolean;\n };\n config: {\n cookieId: string;\n noticeId: string | number;\n options: {\n collapse: boolean;\n };\n };\n};\n\nexport type MeganavProps = {\n sessionState: HeaderSessionState;\n notice?: MeganavNoticeBannerProps;\n theme?: string;\n themedScrollpoints?: ThemedScrollpoint[];\n};\n\nconst Meganav = ({\n sessionState,\n notice,\n theme,\n themedScrollpoints,\n}: MeganavProps) => {\n const [noticeHeight, setNoticeHeight] = React.useState(0);\n const mobileNavItems = useMemo(\n () =>\n menuItemsForHeader\n .filter((item) => !item.isHiddenMobile)\n .map(({ name, link, content }) => ({ name, link, content })),\n [],\n );\n\n const defaultThemedScrollpoints = [\n {\n id: \"meganav\",\n className: \"ui-theme-light !bg-transparent !border-none\",\n },\n {\n id: \"meganav-theme-dark\",\n className: \"ui-theme-dark !bg-transparent !border-none\",\n },\n {\n id: \"main\",\n className: \"ui-theme-light bg-neutral-000 dark:bg-neutral-1300 border-b\",\n },\n {\n id: \"main-theme-dark\",\n className: \"ui-theme-dark bg-neutral-000 dark:bg-neutral-1300 border-b\",\n },\n ];\n\n useEffect(() => {\n const observeNoticeResize = () => {\n const noticeElement = document.querySelector('[data-id=\"ui-notice\"]');\n if (noticeElement) {\n setNoticeHeight(noticeElement.getBoundingClientRect().height);\n }\n };\n observeNoticeResize();\n window.addEventListener(\"resize\", observeNoticeResize);\n return () => window.removeEventListener(\"resize\", observeNoticeResize);\n }, []);\n\n return (\n <>\n <div\n className=\"absolute inset-0 w-full z-50\"\n id={theme === \"dark\" ? \"meganav-theme-dark\" : \"meganav\"}\n data-testid=\"meganav\"\n style={{ height: HEADER_HEIGHT + noticeHeight }}\n >\n {notice && <Notice
|
|
1
|
+
{"version":3,"sources":["../../src/core/Meganav.tsx"],"sourcesContent":["import React, { useEffect, useMemo } from \"react\";\nimport Header, { HeaderSessionState, ThemedScrollpoint } from \"./Header\";\nimport Flyout from \"./Flyout\";\nimport { menuItemsForHeader } from \"./Meganav/data\";\nimport { MeganavMobile } from \"./Meganav/MeganavMobile\";\nimport Notice from \"./Notice\";\nimport { HEADER_HEIGHT } from \"./utils/heights\";\n\nexport type MeganavNoticeBannerProps = {\n props: {\n title: string;\n bodyText: string;\n buttonLink: string;\n buttonLabel: string;\n closeBtn: boolean;\n };\n config: {\n cookieId: string;\n noticeId: string | number;\n options: {\n collapse: boolean;\n };\n };\n};\n\nexport type MeganavProps = {\n sessionState: HeaderSessionState;\n notice?: MeganavNoticeBannerProps;\n theme?: string;\n themedScrollpoints?: ThemedScrollpoint[];\n onNoticeClose?: () => void;\n};\n\nconst Meganav = ({\n sessionState,\n notice,\n theme,\n themedScrollpoints,\n onNoticeClose,\n}: MeganavProps) => {\n const [noticeHeight, setNoticeHeight] = React.useState(0);\n const mobileNavItems = useMemo(\n () =>\n menuItemsForHeader\n .filter((item) => !item.isHiddenMobile)\n .map(({ name, link, content }) => ({ name, link, content })),\n [],\n );\n\n const defaultThemedScrollpoints = [\n {\n id: \"meganav\",\n className: \"ui-theme-light !bg-transparent !border-none\",\n },\n {\n id: \"meganav-theme-dark\",\n className: \"ui-theme-dark !bg-transparent !border-none\",\n },\n {\n id: \"main\",\n className: \"ui-theme-light bg-neutral-000 dark:bg-neutral-1300 border-b\",\n },\n {\n id: \"main-theme-dark\",\n className: \"ui-theme-dark bg-neutral-000 dark:bg-neutral-1300 border-b\",\n },\n ];\n\n useEffect(() => {\n const observeNoticeResize = () => {\n const noticeElement = document.querySelector('[data-id=\"ui-notice\"]');\n if (noticeElement) {\n setNoticeHeight(noticeElement.getBoundingClientRect().height);\n }\n };\n observeNoticeResize();\n window.addEventListener(\"resize\", observeNoticeResize);\n return () => window.removeEventListener(\"resize\", observeNoticeResize);\n }, []);\n\n return (\n <>\n <div\n className=\"absolute inset-0 w-full z-50\"\n id={theme === \"dark\" ? \"meganav-theme-dark\" : \"meganav\"}\n data-testid=\"meganav\"\n style={{ height: HEADER_HEIGHT + noticeHeight }}\n >\n {notice && (\n <Notice\n {...notice.props}\n config={notice.config}\n onClose={onNoticeClose}\n />\n )}\n <Header\n className=\"max-w-screen-xl mx-auto px-0 sm:px-8 md:px-10 lg:px-16\"\n isNoticeVisible={!!notice}\n noticeHeight={noticeHeight}\n nav={\n <Flyout\n menuItems={menuItemsForHeader}\n className=\"justify-left z-40\"\n flyOutClassName=\"flex justify-left\"\n viewPortClassName=\"ui-shadow-lg-medium border border-neutral-200 dark:border-neutral-1100 rounded-2xl -mt-1 bg-neutral-000 dark:bg-neutral-1300\"\n />\n }\n mobileNav={<MeganavMobile navItems={mobileNavItems} />}\n headerLinks={[{ href: \"/contact\", label: \"Contact us\" }]}\n headerLinksClassName=\"md:gap-x-6 \"\n sessionState={sessionState}\n themedScrollpoints={themedScrollpoints ?? defaultThemedScrollpoints}\n />\n </div>\n </>\n );\n};\n\nexport default Meganav;\n"],"names":["React","useEffect","useMemo","Header","Flyout","menuItemsForHeader","MeganavMobile","Notice","HEADER_HEIGHT","Meganav","sessionState","notice","theme","themedScrollpoints","onNoticeClose","noticeHeight","setNoticeHeight","useState","mobileNavItems","filter","item","isHiddenMobile","map","name","link","content","defaultThemedScrollpoints","id","className","observeNoticeResize","noticeElement","document","querySelector","getBoundingClientRect","height","window","addEventListener","removeEventListener","div","data-testid","style","props","config","onClose","isNoticeVisible","nav","menuItems","flyOutClassName","viewPortClassName","mobileNav","navItems","headerLinks","href","label","headerLinksClassName"],"mappings":"AAAA,OAAOA,OAASC,SAAS,CAAEC,OAAO,KAAQ,OAAQ,AAClD,QAAOC,WAAuD,UAAW,AACzE,QAAOC,WAAY,UAAW,AAC9B,QAASC,kBAAkB,KAAQ,gBAAiB,AACpD,QAASC,aAAa,KAAQ,yBAA0B,AACxD,QAAOC,WAAY,UAAW,AAC9B,QAASC,aAAa,KAAQ,iBAAkB,CA2BhD,MAAMC,QAAU,CAAC,CACfC,YAAY,CACZC,MAAM,CACNC,KAAK,CACLC,kBAAkB,CAClBC,aAAa,CACA,IACb,KAAM,CAACC,aAAcC,gBAAgB,CAAGhB,MAAMiB,QAAQ,CAAC,GACvD,MAAMC,eAAiBhB,QACrB,IACEG,mBACGc,MAAM,CAAC,AAACC,MAAS,CAACA,KAAKC,cAAc,EACrCC,GAAG,CAAC,CAAC,CAAEC,IAAI,CAAEC,IAAI,CAAEC,OAAO,CAAE,GAAM,CAAA,CAAEF,KAAMC,KAAMC,OAAQ,CAAA,GAC7D,EAAE,EAGJ,MAAMC,0BAA4B,CAChC,CACEC,GAAI,UACJC,UAAW,6CACb,EACA,CACED,GAAI,qBACJC,UAAW,4CACb,EACA,CACED,GAAI,OACJC,UAAW,6DACb,EACA,CACED,GAAI,kBACJC,UAAW,4DACb,EACD,CAED3B,UAAU,KACR,MAAM4B,oBAAsB,KAC1B,MAAMC,cAAgBC,SAASC,aAAa,CAAC,yBAC7C,GAAIF,cAAe,CACjBd,gBAAgBc,cAAcG,qBAAqB,GAAGC,MAAM,CAC9D,CACF,EACAL,sBACAM,OAAOC,gBAAgB,CAAC,SAAUP,qBAClC,MAAO,IAAMM,OAAOE,mBAAmB,CAAC,SAAUR,oBACpD,EAAG,EAAE,EAEL,OACE,wCACE,oBAACS,OACCV,UAAU,+BACVD,GAAIf,QAAU,OAAS,qBAAuB,UAC9C2B,cAAY,UACZC,MAAO,CAAEN,OAAQ1B,cAAgBO,YAAa,GAE7CJ,QACC,oBAACJ,QACE,GAAGI,OAAO8B,KAAK,CAChBC,OAAQ/B,OAAO+B,MAAM,CACrBC,QAAS7B,gBAGb,oBAACX,QACCyB,UAAU,yDACVgB,gBAAiB,CAAC,CAACjC,OACnBI,aAAcA,aACd8B,IACE,oBAACzC,QACC0C,UAAWzC,mBACXuB,UAAU,oBACVmB,gBAAgB,oBAChBC,kBAAkB,iIAGtBC,UAAW,oBAAC3C,eAAc4C,SAAUhC,iBACpCiC,YAAa,CAAC,CAAEC,KAAM,WAAYC,MAAO,YAAa,EAAE,CACxDC,qBAAqB,cACrB5C,aAAcA,aACdG,mBAAoBA,oBAAsBa,6BAKpD,CAEA,gBAAejB,OAAQ"}
|
package/core/Notice.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import React,{useEffect,useRef}from"react";import DOMPurify from"dompurify";import Icon from"./Icon";import cn from"./utils/cn.js";import NoticeScripts from"./Notice/component.js";import useRailsUjsLinks from"./hooks/use-rails-ujs-hooks";const defaultTextColor="text-neutral-1300 dark:text-neutral-000";const contentWrapperClasses="w-full pr-2 ui-text-p4 self-center";const ContentWrapper=({buttonLink,textColor=defaultTextColor,children})=>buttonLink?React.createElement("a",{href:buttonLink,className:cn(contentWrapperClasses,textColor)},children):React.createElement("div",{className:cn(contentWrapperClasses,textColor)},children);const Notice=({buttonLink,buttonLabel,bodyText,title,config,closeBtn,bgColor="bg-orange-100 dark:bg-orange-1100",textColor=defaultTextColor})=>{const contentRef=useRef(null);useRailsUjsLinks(contentRef);useEffect(()=>{NoticeScripts({bannerContainer:document.querySelector('[data-id="ui-notice"]'),cookieId:config?.cookieId,noticeId:config?.noticeId,options:{collapse:config?.options?.collapse||false}})},[config?.cookieId,config?.noticeId,config?.options?.collapse]);const safeContent=DOMPurify.sanitize(bodyText??"",{ALLOWED_TAGS:["a"],ALLOWED_ATTR:["href","data-method"],ALLOWED_URI_REGEXP:/^\/[^/]/});return React.createElement("div",{className:cn("ui-announcement",bgColor,textColor),"data-id":"ui-notice",style:{maxHeight:0,overflow:"hidden"}},React.createElement("div",{className:"ui-grid-px py-4 max-w-screen-xl mx-auto flex items-start"},React.createElement(ContentWrapper,{buttonLink:buttonLink??"#"},React.createElement("strong",{className:"font-bold whitespace-nowrap pr-1"},title),React.createElement("span",{ref:contentRef,className:"pr-1",dangerouslySetInnerHTML:{__html:safeContent}}),buttonLabel&&React.createElement("span",{className:"cursor-pointer whitespace-nowrap text-gui-blue-default-light dark:text-gui-blue-default-dark"},buttonLabel)),closeBtn&&React.createElement("button",{type:"button",className:"ml-auto h-5 w-5 border-none bg-none self-baseline"},React.createElement(Icon,{name:"icon-gui-x-mark-outline",size:"1.25rem",color:textColor}))))};export default Notice;
|
|
1
|
+
import React,{useEffect,useRef}from"react";import DOMPurify from"dompurify";import Icon from"./Icon";import cn from"./utils/cn.js";import NoticeScripts from"./Notice/component.js";import useRailsUjsLinks from"./hooks/use-rails-ujs-hooks";const defaultTextColor="text-neutral-1300 dark:text-neutral-000";const contentWrapperClasses="w-full pr-2 ui-text-p4 self-center";const ContentWrapper=({buttonLink,textColor=defaultTextColor,children})=>buttonLink?React.createElement("a",{href:buttonLink,className:cn(contentWrapperClasses,textColor)},children):React.createElement("div",{className:cn(contentWrapperClasses,textColor)},children);const Notice=({buttonLink,buttonLabel,bodyText,title,config,closeBtn,bgColor="bg-orange-100 dark:bg-orange-1100",textColor=defaultTextColor,onClose})=>{const contentRef=useRef(null);useRailsUjsLinks(contentRef);useEffect(()=>{NoticeScripts({bannerContainer:document.querySelector('[data-id="ui-notice"]'),cookieId:config?.cookieId,noticeId:config?.noticeId,options:{collapse:config?.options?.collapse||false}})},[config?.cookieId,config?.noticeId,config?.options?.collapse]);const safeContent=DOMPurify.sanitize(bodyText??"",{ALLOWED_TAGS:["a"],ALLOWED_ATTR:["href","data-method"],ALLOWED_URI_REGEXP:/^\/[^/]/});return React.createElement("div",{className:cn("ui-announcement relative z-[60]",bgColor,textColor),"data-id":"ui-notice",style:{maxHeight:0,overflow:"hidden"}},React.createElement("div",{className:"ui-grid-px py-4 max-w-screen-xl mx-auto flex items-start"},React.createElement(ContentWrapper,{buttonLink:buttonLink??"#"},React.createElement("strong",{className:"font-bold whitespace-nowrap pr-1"},title),React.createElement("span",{ref:contentRef,className:"pr-1",dangerouslySetInnerHTML:{__html:safeContent}}),buttonLabel&&React.createElement("span",{className:"cursor-pointer whitespace-nowrap text-gui-blue-default-light dark:text-gui-blue-default-dark"},buttonLabel)),closeBtn&&React.createElement("button",{type:"button",className:"ml-auto h-5 w-5 border-none bg-none self-baseline",onClick:()=>{document.dispatchEvent(new CustomEvent("notice-closed"));onClose?.()}},React.createElement(Icon,{name:"icon-gui-x-mark-outline",size:"1.25rem",color:textColor}))))};export default Notice;
|
|
2
2
|
//# sourceMappingURL=Notice.js.map
|
package/core/Notice.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/core/Notice.tsx"],"sourcesContent":["import React, { ReactNode, useEffect, useRef } from \"react\";\nimport DOMPurify from \"dompurify\";\n\nimport { ColorClass, ColorThemeSet } from \"./styles/colors/types\";\nimport Icon from \"./Icon\";\nimport cn from \"./utils/cn.js\";\nimport NoticeScripts from \"./Notice/component.js\";\nimport useRailsUjsLinks from \"./hooks/use-rails-ujs-hooks\";\n\ntype ContentWrapperProps = {\n buttonLink: string;\n children: ReactNode;\n textColor?: ColorClass | ColorThemeSet;\n};\n\n// TODO(jamiehenson):\n// This type is a bit messed up currently due to the NoticeScripts import being interpreted as NoticeProps.\n// Plan is to TS-ify the JS assets too, so this can be rectified then. The NoticeScripts-oriented props are\n// the ones after the line break.\nexport type NoticeProps = {\n buttonLink?: string;\n buttonLabel?: string;\n bodyText?: string;\n title?: string;\n closeBtn?: boolean;\n config?: {\n options: {\n collapse: boolean;\n };\n noticeId: string | number;\n cookieId: string;\n };\n bgColor?: string;\n textColor?: ColorClass | ColorThemeSet;\n\n bannerContainer?: Element | null;\n cookieId?: string;\n noticeId?: string;\n options?: { collapse: boolean };\n};\n\nconst defaultTextColor = \"text-neutral-1300 dark:text-neutral-000\";\n\nconst contentWrapperClasses = \"w-full pr-2 ui-text-p4 self-center\";\n\nconst ContentWrapper = ({\n buttonLink,\n textColor = defaultTextColor,\n children,\n}: ContentWrapperProps) =>\n buttonLink ? (\n <a href={buttonLink} className={cn(contentWrapperClasses, textColor)}>\n {children}\n </a>\n ) : (\n <div className={cn(contentWrapperClasses, textColor)}>{children}</div>\n );\n\nconst Notice = ({\n buttonLink,\n buttonLabel,\n bodyText,\n title,\n config,\n closeBtn,\n bgColor = \"bg-orange-100 dark:bg-orange-1100\",\n textColor = defaultTextColor,\n}: NoticeProps) => {\n const contentRef = useRef<HTMLSpanElement>(null);\n useRailsUjsLinks(contentRef);\n\n useEffect(() => {\n NoticeScripts({\n bannerContainer: document.querySelector('[data-id=\"ui-notice\"]'),\n cookieId: config?.cookieId,\n noticeId: config?.noticeId,\n options: {\n collapse: config?.options?.collapse || false,\n },\n });\n }, [config?.cookieId, config?.noticeId, config?.options?.collapse]);\n\n const safeContent = DOMPurify.sanitize(bodyText ?? \"\", {\n ALLOWED_TAGS: [\"a\"],\n ALLOWED_ATTR: [\"href\", \"data-method\"],\n ALLOWED_URI_REGEXP: /^\\/[^/]/,\n });\n\n return (\n <div\n className={cn(\"ui-announcement\", bgColor, textColor)}\n data-id=\"ui-notice\"\n style={{ maxHeight: 0, overflow: \"hidden\" }}\n >\n <div className=\"ui-grid-px py-4 max-w-screen-xl mx-auto flex items-start\">\n <ContentWrapper buttonLink={buttonLink ?? \"#\"}>\n <strong className=\"font-bold whitespace-nowrap pr-1\">{title}</strong>\n <span\n ref={contentRef}\n className=\"pr-1\"\n dangerouslySetInnerHTML={{\n __html: safeContent,\n }}\n ></span>\n {buttonLabel && (\n <span className=\"cursor-pointer whitespace-nowrap text-gui-blue-default-light dark:text-gui-blue-default-dark\">\n {buttonLabel}\n </span>\n )}\n </ContentWrapper>\n\n {closeBtn && (\n <button\n type=\"button\"\n className=\"ml-auto h-5 w-5 border-none bg-none self-baseline\"\n >\n <Icon\n name=\"icon-gui-x-mark-outline\"\n size=\"1.25rem\"\n color={textColor}\n />\n </button>\n )}\n </div>\n </div>\n );\n};\n\nexport default Notice;\n"],"names":["React","useEffect","useRef","DOMPurify","Icon","cn","NoticeScripts","useRailsUjsLinks","defaultTextColor","contentWrapperClasses","ContentWrapper","buttonLink","textColor","children","a","href","className","div","Notice","buttonLabel","bodyText","title","config","closeBtn","bgColor","contentRef","bannerContainer","document","querySelector","cookieId","noticeId","options","collapse","safeContent","sanitize","ALLOWED_TAGS","ALLOWED_ATTR","ALLOWED_URI_REGEXP","data-id","style","maxHeight","overflow","strong","span","ref","dangerouslySetInnerHTML","__html","button","type","name","size","color"],"mappings":"AAAA,OAAOA,OAAoBC,SAAS,CAAEC,MAAM,KAAQ,OAAQ,AAC5D,QAAOC,cAAe,WAAY,AAGlC,QAAOC,SAAU,QAAS,AAC1B,QAAOC,OAAQ,eAAgB,AAC/B,QAAOC,kBAAmB,uBAAwB,AAClD,QAAOC,qBAAsB,6BAA8B,
|
|
1
|
+
{"version":3,"sources":["../../src/core/Notice.tsx"],"sourcesContent":["import React, { ReactNode, useEffect, useRef } from \"react\";\nimport DOMPurify from \"dompurify\";\n\nimport { ColorClass, ColorThemeSet } from \"./styles/colors/types\";\nimport Icon from \"./Icon\";\nimport cn from \"./utils/cn.js\";\nimport NoticeScripts from \"./Notice/component.js\";\nimport useRailsUjsLinks from \"./hooks/use-rails-ujs-hooks\";\n\ntype ContentWrapperProps = {\n buttonLink: string;\n children: ReactNode;\n textColor?: ColorClass | ColorThemeSet;\n};\n\n// TODO(jamiehenson):\n// This type is a bit messed up currently due to the NoticeScripts import being interpreted as NoticeProps.\n// Plan is to TS-ify the JS assets too, so this can be rectified then. The NoticeScripts-oriented props are\n// the ones after the line break.\nexport type NoticeProps = {\n buttonLink?: string;\n buttonLabel?: string;\n bodyText?: string;\n title?: string;\n closeBtn?: boolean;\n config?: {\n options: {\n collapse: boolean;\n };\n noticeId: string | number;\n cookieId: string;\n };\n bgColor?: string;\n textColor?: ColorClass | ColorThemeSet;\n onClose?: () => void;\n\n bannerContainer?: Element | null;\n cookieId?: string;\n noticeId?: string;\n options?: { collapse: boolean };\n};\n\nconst defaultTextColor = \"text-neutral-1300 dark:text-neutral-000\";\n\nconst contentWrapperClasses = \"w-full pr-2 ui-text-p4 self-center\";\n\nconst ContentWrapper = ({\n buttonLink,\n textColor = defaultTextColor,\n children,\n}: ContentWrapperProps) =>\n buttonLink ? (\n <a href={buttonLink} className={cn(contentWrapperClasses, textColor)}>\n {children}\n </a>\n ) : (\n <div className={cn(contentWrapperClasses, textColor)}>{children}</div>\n );\n\nconst Notice = ({\n buttonLink,\n buttonLabel,\n bodyText,\n title,\n config,\n closeBtn,\n bgColor = \"bg-orange-100 dark:bg-orange-1100\",\n textColor = defaultTextColor,\n onClose,\n}: NoticeProps) => {\n const contentRef = useRef<HTMLSpanElement>(null);\n useRailsUjsLinks(contentRef);\n\n useEffect(() => {\n NoticeScripts({\n bannerContainer: document.querySelector('[data-id=\"ui-notice\"]'),\n cookieId: config?.cookieId,\n noticeId: config?.noticeId,\n options: {\n collapse: config?.options?.collapse || false,\n },\n });\n }, [config?.cookieId, config?.noticeId, config?.options?.collapse]);\n\n const safeContent = DOMPurify.sanitize(bodyText ?? \"\", {\n ALLOWED_TAGS: [\"a\"],\n ALLOWED_ATTR: [\"href\", \"data-method\"],\n ALLOWED_URI_REGEXP: /^\\/[^/]/,\n });\n\n return (\n <div\n className={cn(\"ui-announcement relative z-[60]\", bgColor, textColor)}\n data-id=\"ui-notice\"\n style={{ maxHeight: 0, overflow: \"hidden\" }}\n >\n <div className=\"ui-grid-px py-4 max-w-screen-xl mx-auto flex items-start\">\n <ContentWrapper buttonLink={buttonLink ?? \"#\"}>\n <strong className=\"font-bold whitespace-nowrap pr-1\">{title}</strong>\n <span\n ref={contentRef}\n className=\"pr-1\"\n dangerouslySetInnerHTML={{\n __html: safeContent,\n }}\n ></span>\n {buttonLabel && (\n <span className=\"cursor-pointer whitespace-nowrap text-gui-blue-default-light dark:text-gui-blue-default-dark\">\n {buttonLabel}\n </span>\n )}\n </ContentWrapper>\n\n {closeBtn && (\n <button\n type=\"button\"\n className=\"ml-auto h-5 w-5 border-none bg-none self-baseline\"\n onClick={() => {\n document.dispatchEvent(new CustomEvent(\"notice-closed\"));\n onClose?.();\n }}\n >\n <Icon\n name=\"icon-gui-x-mark-outline\"\n size=\"1.25rem\"\n color={textColor}\n />\n </button>\n )}\n </div>\n </div>\n );\n};\n\nexport default Notice;\n"],"names":["React","useEffect","useRef","DOMPurify","Icon","cn","NoticeScripts","useRailsUjsLinks","defaultTextColor","contentWrapperClasses","ContentWrapper","buttonLink","textColor","children","a","href","className","div","Notice","buttonLabel","bodyText","title","config","closeBtn","bgColor","onClose","contentRef","bannerContainer","document","querySelector","cookieId","noticeId","options","collapse","safeContent","sanitize","ALLOWED_TAGS","ALLOWED_ATTR","ALLOWED_URI_REGEXP","data-id","style","maxHeight","overflow","strong","span","ref","dangerouslySetInnerHTML","__html","button","type","onClick","dispatchEvent","CustomEvent","name","size","color"],"mappings":"AAAA,OAAOA,OAAoBC,SAAS,CAAEC,MAAM,KAAQ,OAAQ,AAC5D,QAAOC,cAAe,WAAY,AAGlC,QAAOC,SAAU,QAAS,AAC1B,QAAOC,OAAQ,eAAgB,AAC/B,QAAOC,kBAAmB,uBAAwB,AAClD,QAAOC,qBAAsB,6BAA8B,CAmC3D,MAAMC,iBAAmB,0CAEzB,MAAMC,sBAAwB,qCAE9B,MAAMC,eAAiB,CAAC,CACtBC,UAAU,CACVC,UAAYJ,gBAAgB,CAC5BK,QAAQ,CACY,GACpBF,WACE,oBAACG,KAAEC,KAAMJ,WAAYK,UAAWX,GAAGI,sBAAuBG,YACvDC,UAGH,oBAACI,OAAID,UAAWX,GAAGI,sBAAuBG,YAAaC,UAG3D,MAAMK,OAAS,CAAC,CACdP,UAAU,CACVQ,WAAW,CACXC,QAAQ,CACRC,KAAK,CACLC,MAAM,CACNC,QAAQ,CACRC,QAAU,mCAAmC,CAC7CZ,UAAYJ,gBAAgB,CAC5BiB,OAAO,CACK,IACZ,MAAMC,WAAaxB,OAAwB,MAC3CK,iBAAiBmB,YAEjBzB,UAAU,KACRK,cAAc,CACZqB,gBAAiBC,SAASC,aAAa,CAAC,yBACxCC,SAAUR,QAAQQ,SAClBC,SAAUT,QAAQS,SAClBC,QAAS,CACPC,SAAUX,QAAQU,SAASC,UAAY,KACzC,CACF,EACF,EAAG,CAACX,QAAQQ,SAAUR,QAAQS,SAAUT,QAAQU,SAASC,SAAS,EAElE,MAAMC,YAAc/B,UAAUgC,QAAQ,CAACf,UAAY,GAAI,CACrDgB,aAAc,CAAC,IAAI,CACnBC,aAAc,CAAC,OAAQ,cAAc,CACrCC,mBAAoB,SACtB,GAEA,OACE,oBAACrB,OACCD,UAAWX,GAAG,kCAAmCmB,QAASZ,WAC1D2B,UAAQ,YACRC,MAAO,CAAEC,UAAW,EAAGC,SAAU,QAAS,GAE1C,oBAACzB,OAAID,UAAU,4DACb,oBAACN,gBAAeC,WAAYA,YAAc,KACxC,oBAACgC,UAAO3B,UAAU,oCAAoCK,OACtD,oBAACuB,QACCC,IAAKnB,WACLV,UAAU,OACV8B,wBAAyB,CACvBC,OAAQb,WACV,IAEDf,aACC,oBAACyB,QAAK5B,UAAU,gGACbG,cAKNI,UACC,oBAACyB,UACCC,KAAK,SACLjC,UAAU,oDACVkC,QAAS,KACPtB,SAASuB,aAAa,CAAC,IAAIC,YAAY,kBACvC3B,WACF,GAEA,oBAACrB,MACCiD,KAAK,0BACLC,KAAK,UACLC,MAAO3C,cAOrB,CAEA,gBAAeM,MAAO"}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
<svg width="45" height="44" viewBox="0 0 45 44" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<path
|
|
3
|
+
d="M9.27923 29.2517L17.9568 24.3987L18.102 23.9757L17.9568 23.742H17.5324L16.0806 23.6529L11.122 23.5194L6.82227 23.3413L2.6566 23.1186L1.60681 22.896L0.624023 21.6049L0.724536 20.9593L1.60681 20.3693L2.86879 20.4806L5.6608 20.6699L9.8488 20.9593L12.8865 21.1374L17.3872 21.6049H18.102L18.2025 21.3155L17.9568 21.1374L17.7669 20.9593L13.4337 18.0319L8.74317 14.9375L6.28621 13.1566L4.95721 12.255L4.28713 11.4091L3.99676 9.56135L5.20291 8.23678L6.82227 8.34809L7.23549 8.4594L8.87719 9.71718L12.3839 12.422L16.9628 15.7835L17.6329 16.34L17.9009 16.1508L17.9344 16.0172L17.6329 15.5163L15.1424 11.0306L12.4845 6.46699L11.3006 4.57475L10.9879 3.43941C10.8763 2.97192 10.7981 2.58234 10.7981 2.10372L12.1718 0.244877L12.9312 0L14.7627 0.244877L15.5333 0.912725L16.6725 3.5062L18.5152 7.5912L21.3742 13.1455L22.2118 14.7928L22.6585 16.3177L22.826 16.7852H23.1164V16.5181L23.3509 13.3903L23.7865 9.55022L24.2109 4.60815L24.3561 3.2168L25.0485 1.54718L26.4221 0.645586L27.4943 1.1576L28.3765 2.41538L28.2537 3.22793L27.7288 6.62282L26.7013 11.9433L26.0313 15.5052H26.4221L26.8689 15.06L28.6781 12.6668L31.7158 8.88237L33.0559 7.37971L34.6195 5.72122L35.6246 4.93094H37.5231L38.9191 7.00127L38.2937 9.13838L36.3393 11.6094L34.72 13.702L32.397 16.8186L30.9452 19.3119L31.0792 19.5123L31.4254 19.4789L36.6744 18.3658L39.5111 17.8538L42.895 17.275L44.425 17.9874L44.5925 18.7109L43.9894 20.1912L40.371 21.0817L36.1271 21.9277L29.806 23.4192L29.7279 23.4748L29.8172 23.5861L32.6651 23.8533L33.8824 23.9201H36.8642L42.4147 24.3319L43.8666 25.2891L44.7377 26.4579L44.5925 27.3483L42.3589 28.4837L39.3435 27.7713L32.3077 26.1017L29.8954 25.5006H29.5604V25.701L31.5706 27.66L35.256 30.977L39.8684 35.2512L40.103 36.3086L39.5111 37.1434L38.8856 37.0544L34.8317 34.0157L33.2681 32.6466L29.7279 29.6747H29.4933V29.9863L30.3086 31.1773L34.6195 37.6332L34.8428 39.6145L34.5301 40.2601L33.4133 40.6496L32.1848 40.427L29.6609 36.8986L27.0587 32.9249L24.9591 29.363L24.7023 29.5077L23.4626 42.809L22.8819 43.488L21.5417 44L20.4249 43.1541L19.833 41.785L20.4249 39.0802L21.1397 35.5517L21.7204 32.7468L22.2453 29.2628L22.558 28.1052L22.5357 28.0273L22.2788 28.0607L19.6432 31.6671L15.6338 37.0655L12.4621 40.4493L11.7027 40.7498L10.3849 40.0708L10.5077 38.8576L11.2448 37.7779L15.6338 32.2125L18.2807 28.762L19.9894 26.7695L19.9782 26.4801H19.8777L8.21827 34.0268L6.14102 34.294L5.24758 33.4591L5.35926 32.0901L5.78365 31.6448L9.2904 29.2406L9.27923 29.2517Z"
|
|
4
|
+
fill="currentColor" />
|
|
5
|
+
</svg>
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
<svg width="45" height="44" viewBox="0 0 45 44" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<path d="M9.27923 29.2517L17.9568 24.3987L18.102 23.9757L17.9568 23.742H17.5324L16.0806 23.6529L11.122 23.5194L6.82227 23.3413L2.6566 23.1186L1.60681 22.896L0.624023 21.6049L0.724536 20.9593L1.60681 20.3693L2.86879 20.4806L5.6608 20.6699L9.8488 20.9593L12.8865 21.1374L17.3872 21.6049H18.102L18.2025 21.3155L17.9568 21.1374L17.7669 20.9593L13.4337 18.0319L8.74317 14.9375L6.28621 13.1566L4.95721 12.255L4.28713 11.4091L3.99676 9.56135L5.20291 8.23678L6.82227 8.34809L7.23549 8.4594L8.87719 9.71718L12.3839 12.422L16.9628 15.7835L17.6329 16.34L17.9009 16.1508L17.9344 16.0172L17.6329 15.5163L15.1424 11.0306L12.4845 6.46699L11.3006 4.57475L10.9879 3.43941C10.8763 2.97192 10.7981 2.58234 10.7981 2.10372L12.1718 0.244877L12.9312 0L14.7627 0.244877L15.5333 0.912725L16.6725 3.5062L18.5152 7.5912L21.3742 13.1455L22.2118 14.7928L22.6585 16.3177L22.826 16.7852H23.1164V16.5181L23.3509 13.3903L23.7865 9.55022L24.2109 4.60815L24.3561 3.2168L25.0485 1.54718L26.4221 0.645586L27.4943 1.1576L28.3765 2.41538L28.2537 3.22793L27.7288 6.62282L26.7013 11.9433L26.0313 15.5052H26.4221L26.8689 15.06L28.6781 12.6668L31.7158 8.88237L33.0559 7.37971L34.6195 5.72122L35.6246 4.93094H37.5231L38.9191 7.00127L38.2937 9.13838L36.3393 11.6094L34.72 13.702L32.397 16.8186L30.9452 19.3119L31.0792 19.5123L31.4254 19.4789L36.6744 18.3658L39.5111 17.8538L42.895 17.275L44.425 17.9874L44.5925 18.7109L43.9894 20.1912L40.371 21.0817L36.1271 21.9277L29.806 23.4192L29.7279 23.4748L29.8172 23.5861L32.6651 23.8533L33.8824 23.9201H36.8642L42.4147 24.3319L43.8666 25.2891L44.7377 26.4579L44.5925 27.3483L42.3589 28.4837L39.3435 27.7713L32.3077 26.1017L29.8954 25.5006H29.5604V25.701L31.5706 27.66L35.256 30.977L39.8684 35.2512L40.103 36.3086L39.5111 37.1434L38.8856 37.0544L34.8317 34.0157L33.2681 32.6466L29.7279 29.6747H29.4933V29.9863L30.3086 31.1773L34.6195 37.6332L34.8428 39.6145L34.5301 40.2601L33.4133 40.6496L32.1848 40.427L29.6609 36.8986L27.0587 32.9249L24.9591 29.363L24.7023 29.5077L23.4626 42.809L22.8819 43.488L21.5417 44L20.4249 43.1541L19.833 41.785L20.4249 39.0802L21.1397 35.5517L21.7204 32.7468L22.2453 29.2628L22.558 28.1052L22.5357 28.0273L22.2788 28.0607L19.6432 31.6671L15.6338 37.0655L12.4621 40.4493L11.7027 40.7498L10.3849 40.0708L10.5077 38.8576L11.2448 37.7779L15.6338 32.2125L18.2807 28.762L19.9894 26.7695L19.9782 26.4801H19.8777L8.21827 34.0268L6.14102 34.294L5.24758 33.4591L5.35926 32.0901L5.78365 31.6448L9.2904 29.2406L9.27923 29.2517Z" fill="#D97757"/>
|
|
3
|
+
</svg>
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/core/remote-blogs-posts.js"],"sourcesContent":["/* global __ENABLE_FETCH_WITH_CREDENTIALS__ */\n\nimport { isJsonResponse } from \"./remote-data-util\";\n\nconst fetchBlogPosts = async (store, blogUrl) => {\n try {\n if (!blogUrl) {\n console.log(\n `Skipping fetching blog posts, invalid blogUrl: \"${blogUrl}\"`,\n );\n return;\n }\n\n const options = {\n headers: {\n accept: \"application/json\",\n },\n cache: \"no-cache\",\n };\n\n if (__ENABLE_FETCH_WITH_CREDENTIALS__) {\n options.credentials = \"include\";\n }\n\n const res = await fetch(blogUrl, options);\n\n if (isJsonResponse(res.headers.get(\"content-type\"))) {\n const payload = await res.json();\n store.dispatch({ type: \"blog/loaded\", payload });\n } else {\n throw new Error(\"Blog posts url is not serving json\");\n }\n } catch (e) {\n console.warn(\"Could not fetch blog posts due to error:\", e);\n }\n};\n\nconst initialState = { recent: null };\n\nconst REDUCER_KEY = \"blogPosts\";\n\nconst reducerBlogPosts = {\n [REDUCER_KEY]: (state = initialState, action) => {\n switch (action.type) {\n case \"blog/loaded\":\n return { ...state, recent: action.payload };\n default:\n return state;\n }\n },\n};\n\nconst selectRecentBlogPosts = (store) => store.getState()[REDUCER_KEY]?.recent;\n\nexport { fetchBlogPosts, reducerBlogPosts, selectRecentBlogPosts };\n"],"names":["isJsonResponse","fetchBlogPosts","store","blogUrl","console","log","options","headers","accept","cache","credentials","res","fetch","get","payload","json","dispatch","type","Error","e","warn","initialState","recent","REDUCER_KEY","reducerBlogPosts","state","action","selectRecentBlogPosts","getState"],"mappings":"AAEA,OAASA,cAAc,KAAQ,oBAAqB,CAEpD,MAAMC,eAAiB,MAAOC,MAAOC,WACnC,GAAI,CACF,GAAI,CAACA,QAAS,CACZC,QAAQC,GAAG,CACT,CAAC,gDAAgD,EAAEF,QAAQ,CAAC,CAAC,EAE/D,MACF,CAEA,MAAMG,QAAU,CACdC,QAAS,CACPC,OAAQ,kBACV,EACAC,MAAO,UACT,EAEA,
|
|
1
|
+
{"version":3,"sources":["../../src/core/remote-blogs-posts.js"],"sourcesContent":["/* global __ENABLE_FETCH_WITH_CREDENTIALS__ */\n\nimport { isJsonResponse } from \"./remote-data-util\";\n\nconst fetchBlogPosts = async (store, blogUrl) => {\n try {\n if (!blogUrl) {\n console.log(\n `Skipping fetching blog posts, invalid blogUrl: \"${blogUrl}\"`,\n );\n return;\n }\n\n const options = {\n headers: {\n accept: \"application/json\",\n },\n cache: \"no-cache\",\n };\n\n if (__ENABLE_FETCH_WITH_CREDENTIALS__) {\n options.credentials = \"include\";\n }\n\n const res = await fetch(blogUrl, options);\n\n if (isJsonResponse(res.headers.get(\"content-type\"))) {\n const payload = await res.json();\n store.dispatch({ type: \"blog/loaded\", payload });\n } else {\n throw new Error(\"Blog posts url is not serving json\");\n }\n } catch (e) {\n console.warn(\"Could not fetch blog posts due to error:\", e);\n }\n};\n\nconst initialState = { recent: null };\n\nconst REDUCER_KEY = \"blogPosts\";\n\nconst reducerBlogPosts = {\n [REDUCER_KEY]: (state = initialState, action) => {\n switch (action.type) {\n case \"blog/loaded\":\n return { ...state, recent: action.payload };\n default:\n return state;\n }\n },\n};\n\nconst selectRecentBlogPosts = (store) => store.getState()[REDUCER_KEY]?.recent;\n\nexport { fetchBlogPosts, reducerBlogPosts, selectRecentBlogPosts };\n"],"names":["isJsonResponse","fetchBlogPosts","store","blogUrl","console","log","options","headers","accept","cache","credentials","res","fetch","get","payload","json","dispatch","type","Error","e","warn","initialState","recent","REDUCER_KEY","reducerBlogPosts","state","action","selectRecentBlogPosts","getState"],"mappings":"AAEA,OAASA,cAAc,KAAQ,oBAAqB,CAEpD,MAAMC,eAAiB,MAAOC,MAAOC,WACnC,GAAI,CACF,GAAI,CAACA,QAAS,CACZC,QAAQC,GAAG,CACT,CAAC,gDAAgD,EAAEF,QAAQ,CAAC,CAAC,EAE/D,MACF,CAEA,MAAMG,QAAU,CACdC,QAAS,CACPC,OAAQ,kBACV,EACAC,MAAO,UACT,EAEA,GAWJ,MAX2C,CACrCH,QAAQI,WAAW,CAAG,SACxB,CAEA,MAAMC,IAAM,MAAMC,MAAMT,QAASG,SAEjC,GAAIN,eAAeW,IAAIJ,OAAO,CAACM,GAAG,CAAC,iBAAkB,CACnD,MAAMC,QAAU,MAAMH,IAAII,IAAI,GAC9Bb,MAAMc,QAAQ,CAAC,CAAEC,KAAM,cAAeH,OAAQ,EAChD,KAAO,CACL,MAAM,IAAII,MAAM,qCAClB,CACF,CAAE,MAAOC,EAAG,CACVf,QAAQgB,IAAI,CAAC,2CAA4CD,EAC3D,CACF,EAEA,MAAME,aAAe,CAAEC,OAAQ,IAAK,EAEpC,MAAMC,YAAc,YAEpB,MAAMC,iBAAmB,CACvB,CAACD,YAAY,CAAE,CAACE,MAAQJ,YAAY,CAAEK,UACpC,OAAQA,OAAOT,IAAI,EACjB,IAAK,cACH,MAAO,CAAE,GAAGQ,KAAK,CAAEH,OAAQI,OAAOZ,OAAO,AAAC,CAC5C,SACE,OAAOW,KACX,CACF,CACF,EAEA,MAAME,sBAAwB,AAACzB,OAAUA,MAAM0B,QAAQ,EAAE,CAACL,YAAY,EAAED,MAExE,QAASrB,cAAc,CAAEuB,gBAAgB,CAAEG,qBAAqB,CAAG"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/core/remote-session-data.js"],"sourcesContent":["/* global __ENABLE_FETCH_WITH_CREDENTIALS__ */\n\n// Fetches current users session data\n// Assumes an authenticated session, so will only work when used on ably.com/ably.io\n\nimport { isJsonResponse } from \"./remote-data-util\";\n\nconst NOT_FOUND_ERROR_CODE = \"not-found\";\n\nconst fetchSessionData = async (store, sessionUrl) => {\n const sessionLoaded = (payload = {}) =>\n store.dispatch({ type: \"session/loaded\", payload });\n\n try {\n if (!sessionUrl) {\n console.log(\n `Skipping fetching session, invalid sessionUrl: \"${sessionUrl}\"`,\n );\n sessionLoaded();\n return;\n }\n\n const options = {\n headers: {\n accept: \"application/json\",\n },\n cache: \"no-cache\",\n };\n\n if (__ENABLE_FETCH_WITH_CREDENTIALS__) {\n options.credentials = \"include\";\n }\n\n const res = await fetch(sessionUrl, options);\n const jsonResponse = isJsonResponse(res.headers.get(\"content-type\"));\n\n if (!jsonResponse) {\n throw new Error(\"Session endpoint is not serving json\");\n }\n\n const payload = await res.json();\n\n if (payload.error === NOT_FOUND_ERROR_CODE) {\n sessionLoaded();\n } else {\n sessionLoaded(payload);\n }\n } catch (e) {\n sessionLoaded();\n console.warn(\"Could not fetch session data due to error:\", e);\n }\n};\n\nconst initialState = { data: null };\n\nconst REDUCER_KEY = \"session\";\n\nconst reducerSessionData = {\n [REDUCER_KEY]: (state = initialState, action) => {\n switch (action.type) {\n case \"session/loaded\":\n return { ...state, data: action.payload };\n default:\n return state;\n }\n },\n};\n\nconst selectSessionData = (store) => store.getState()[REDUCER_KEY]?.data;\n\nexport { fetchSessionData, reducerSessionData, selectSessionData };\n"],"names":["isJsonResponse","NOT_FOUND_ERROR_CODE","fetchSessionData","store","sessionUrl","sessionLoaded","payload","dispatch","type","console","log","options","headers","accept","cache","credentials","res","fetch","jsonResponse","get","Error","json","error","e","warn","initialState","data","REDUCER_KEY","reducerSessionData","state","action","selectSessionData","getState"],"mappings":"AAKA,OAASA,cAAc,KAAQ,oBAAqB,CAEpD,MAAMC,qBAAuB,YAE7B,MAAMC,iBAAmB,MAAOC,MAAOC,cACrC,MAAMC,cAAgB,CAACC,QAAU,CAAC,CAAC,GACjCH,MAAMI,QAAQ,CAAC,CAAEC,KAAM,iBAAkBF,OAAQ,GAEnD,GAAI,CACF,GAAI,CAACF,WAAY,CACfK,QAAQC,GAAG,CACT,CAAC,gDAAgD,EAAEN,WAAW,CAAC,CAAC,EAElEC,gBACA,MACF,CAEA,MAAMM,QAAU,CACdC,QAAS,CACPC,OAAQ,kBACV,EACAC,MAAO,UACT,EAEA,
|
|
1
|
+
{"version":3,"sources":["../../src/core/remote-session-data.js"],"sourcesContent":["/* global __ENABLE_FETCH_WITH_CREDENTIALS__ */\n\n// Fetches current users session data\n// Assumes an authenticated session, so will only work when used on ably.com/ably.io\n\nimport { isJsonResponse } from \"./remote-data-util\";\n\nconst NOT_FOUND_ERROR_CODE = \"not-found\";\n\nconst fetchSessionData = async (store, sessionUrl) => {\n const sessionLoaded = (payload = {}) =>\n store.dispatch({ type: \"session/loaded\", payload });\n\n try {\n if (!sessionUrl) {\n console.log(\n `Skipping fetching session, invalid sessionUrl: \"${sessionUrl}\"`,\n );\n sessionLoaded();\n return;\n }\n\n const options = {\n headers: {\n accept: \"application/json\",\n },\n cache: \"no-cache\",\n };\n\n if (__ENABLE_FETCH_WITH_CREDENTIALS__) {\n options.credentials = \"include\";\n }\n\n const res = await fetch(sessionUrl, options);\n const jsonResponse = isJsonResponse(res.headers.get(\"content-type\"));\n\n if (!jsonResponse) {\n throw new Error(\"Session endpoint is not serving json\");\n }\n\n const payload = await res.json();\n\n if (payload.error === NOT_FOUND_ERROR_CODE) {\n sessionLoaded();\n } else {\n sessionLoaded(payload);\n }\n } catch (e) {\n sessionLoaded();\n console.warn(\"Could not fetch session data due to error:\", e);\n }\n};\n\nconst initialState = { data: null };\n\nconst REDUCER_KEY = \"session\";\n\nconst reducerSessionData = {\n [REDUCER_KEY]: (state = initialState, action) => {\n switch (action.type) {\n case \"session/loaded\":\n return { ...state, data: action.payload };\n default:\n return state;\n }\n },\n};\n\nconst selectSessionData = (store) => store.getState()[REDUCER_KEY]?.data;\n\nexport { fetchSessionData, reducerSessionData, selectSessionData };\n"],"names":["isJsonResponse","NOT_FOUND_ERROR_CODE","fetchSessionData","store","sessionUrl","sessionLoaded","payload","dispatch","type","console","log","options","headers","accept","cache","credentials","res","fetch","jsonResponse","get","Error","json","error","e","warn","initialState","data","REDUCER_KEY","reducerSessionData","state","action","selectSessionData","getState"],"mappings":"AAKA,OAASA,cAAc,KAAQ,oBAAqB,CAEpD,MAAMC,qBAAuB,YAE7B,MAAMC,iBAAmB,MAAOC,MAAOC,cACrC,MAAMC,cAAgB,CAACC,QAAU,CAAC,CAAC,GACjCH,MAAMI,QAAQ,CAAC,CAAEC,KAAM,iBAAkBF,OAAQ,GAEnD,GAAI,CACF,GAAI,CAACF,WAAY,CACfK,QAAQC,GAAG,CACT,CAAC,gDAAgD,EAAEN,WAAW,CAAC,CAAC,EAElEC,gBACA,MACF,CAEA,MAAMM,QAAU,CACdC,QAAS,CACPC,OAAQ,kBACV,EACAC,MAAO,UACT,EAEA,GACkB,MADqB,CACrCH,QAAQI,WAAW,CAAG,SACxB,CAEA,MAAMC,IAAM,MAAMC,MAAMb,WAAYO,SACpC,MAAMO,aAAelB,eAAegB,IAAIJ,OAAO,CAACO,GAAG,CAAC,iBAEpD,GAAI,CAACD,aAAc,CACjB,MAAM,IAAIE,MAAM,uCAClB,CAEA,MAAMd,QAAU,MAAMU,IAAIK,IAAI,GAE9B,GAAIf,QAAQgB,KAAK,GAAKrB,qBAAsB,CAC1CI,eACF,KAAO,CACLA,cAAcC,QAChB,CACF,CAAE,MAAOiB,EAAG,CACVlB,gBACAI,QAAQe,IAAI,CAAC,6CAA8CD,EAC7D,CACF,EAEA,MAAME,aAAe,CAAEC,KAAM,IAAK,EAElC,MAAMC,YAAc,UAEpB,MAAMC,mBAAqB,CACzB,CAACD,YAAY,CAAE,CAACE,MAAQJ,YAAY,CAAEK,UACpC,OAAQA,OAAOtB,IAAI,EACjB,IAAK,iBACH,MAAO,CAAE,GAAGqB,KAAK,CAAEH,KAAMI,OAAOxB,OAAO,AAAC,CAC1C,SACE,OAAOuB,KACX,CACF,CACF,EAEA,MAAME,kBAAoB,AAAC5B,OAAUA,MAAM6B,QAAQ,EAAE,CAACL,YAAY,EAAED,IAEpE,QAASxB,gBAAgB,CAAE0B,kBAAkB,CAAEG,iBAAiB,CAAG"}
|