@ably/ui 16.0.0-dev.4ca56ef5 → 16.0.0-dev.6a76a414

package/core/ContactFooter.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/core/ContactFooter.tsx"],"sourcesContent":["import React, { useEffect } from \"react\";\n\nimport Icon from \"./Icon\";\nimport _absUrl from \"./url-base.js\";\nimport toggleChatWidget from \"./hubspot-chat-toggle\";\n\ntype ContactFooterProps = {\n  urlBase: string;\n};\n\nconst ContactFooter = ({ urlBase }: ContactFooterProps) => {\n  useEffect(() => toggleChatWidget({ dataId: \"contact-footer\" }), []);\n  const absUrl = (path: string) => _absUrl(path, urlBase);\n\n  return (\n    <div\n      className=\"ui-contact-footer font-sans antialiased\"\n      data-id=\"contact-footer\"\n    >\n      <div className=\"w-full bp-lg max-w-screen-xl mx-auto py-64 grid grid-cols-1 md:grid-cols-3 ui-grid-gap ui-grid-px\">\n        <div className=\"ui-contact-footer-box\">\n          <Icon\n            name=\"icon-display-live-chat\"\n            size=\"3rem\"\n            additionalCSS=\"block mb-16\"\n          />\n          <div>\n            <div className=\"ui-text-h3 mb-24\">Live Chat</div>\n            <p className=\"ui-text-p1\">\n              Reach out team of experts over chat powered by Ably.\n            </p>\n          </div>\n          <button\n            type=\"button\"\n            className=\"ui-btn-secondary self-start mt-16\"\n            disabled\n            data-id=\"open-chat-widget\"\n            data-enabled-label=\"Start a live chat\"\n            data-disabled-label=\"Live chat unavailable\"\n          >\n            Live chat unavailable\n          </button>\n        </div>\n\n        <div className=\"ui-contact-footer-box\">\n          <Icon\n            name=\"icon-display-call-mobile\"\n            size=\"3rem\"\n            additionalCSS=\"block mb-16\"\n          />\n          <div className=\"flex-grow\">\n            <div className=\"ui-text-h3 mb-24\">Call us</div>\n            <p className=\"ui-text-p1\">\n              <span className=\"block\">\n                <strong className=\"font-bold\">+1 877 434 5287</strong> (USA,\n                toll free)\n              </span>\n              <span className=\"block\">\n                <strong className=\"font-bold\">+44 20 3318 4689</strong> (UK)\n              </span>\n            </p>\n          </div>\n        </div>\n\n        <div className=\"ui-contact-footer-box\">\n          <Icon\n            name=\"icon-display-tech-account-comms\"\n            size=\"3rem\"\n            additionalCSS=\"block mb-16\"\n          />\n          <div>\n            <div className=\"ui-text-h3 mb-24\">\n              Technical and account support\n            </div>\n            <p className=\"ui-text-p1\">\n              We&apos;re standing by to help with any questions or code.\n            </p>\n          </div>\n          <a\n            className=\"ui-btn-secondary self-start p-btn mt-16\"\n            href={absUrl(\"/support\")}\n          >\n            Get support now\n          </a>\n        </div>\n      </div>\n    </div>\n  );\n};\n\nexport default ContactFooter;\n"],"names":["React","useEffect","Icon","_absUrl","toggleChatWidget","ContactFooter","urlBase","dataId","absUrl","path","div","className","data-id","name","size","additionalCSS","p","button","type","disabled","data-enabled-label","data-disabled-label","span","strong","a","href"],"mappings":"AAAA,OAAOA,OAASC,SAAS,KAAQ,OAAQ,AAEzC,QAAOC,SAAU,QAAS,AAC1B,QAAOC,YAAa,eAAgB,AACpC,QAAOC,qBAAsB,uBAAwB,CAMrD,MAAMC,cAAgB,CAAC,CAAEC,OAAO,CAAsB,IACpDL,UAAU,IAAMG,iBAAiB,CAAEG,OAAQ,gBAAiB,GAAI,EAAE,EAClE,MAAMC,OAAS,AAACC,MAAiBN,QAAQM,KAAMH,SAE/C,OACE,oBAACI,OACCC,UAAU,0CACVC,UAAQ,kBAER,oBAACF,OAAIC,UAAU,qGACb,oBAACD,OAAIC,UAAU,yBACb,oBAACT,MACCW,KAAK,yBACLC,KAAK,OACLC,cAAc,gBAEhB,oBAACL,WACC,oBAACA,OAAIC,UAAU,oBAAmB,aAClC,oBAACK,KAAEL,UAAU,cAAa,yDAI5B,oBAACM,UACCC,KAAK,SACLP,UAAU,oCACVQ,SAAAA,KACAP,UAAQ,mBACRQ,qBAAmB,oBACnBC,sBAAoB,yBACrB,0BAKH,oBAACX,OAAIC,UAAU,yBACb,oBAACT,MACCW,KAAK,2BACLC,KAAK,OACLC,cAAc,gBAEhB,oBAACL,OAAIC,UAAU,aACb,oBAACD,OAAIC,UAAU,oBAAmB,WAClC,oBAACK,KAAEL,UAAU,cACX,oBAACW,QAAKX,UAAU,SACd,oBAACY,UAAOZ,UAAU,aAAY,mBAAwB,qBAGxD,oBAACW,QAAKX,UAAU,SACd,oBAACY,UAAOZ,UAAU,aAAY,oBAAyB,YAM/D,oBAACD,OAAIC,UAAU,yBACb,oBAACT,MACCW,KAAK,kCACLC,KAAK,OACLC,cAAc,gBAEhB,oBAACL,WACC,oBAACA,OAAIC,UAAU,oBAAmB,iCAGlC,oBAACK,KAAEL,UAAU,cAAa,0DAI5B,oBAACa,KACCb,UAAU,0CACVc,KAAMjB,OAAO,aACd,qBAOX,CAEA,gBAAeH,aAAc"}

package/core/hubspot-chat-toggle.js

@@ -1,2 +0,0 @@
-import{queryId}from"./dom-query";function enableBtn(el,text){el.disabled=false;el.innerText=text}function disableBtn(el,text){el.disabled=true;el.innerText=text}const WAIT_BETWEEN_RETRIES_MS=100;let MAX_RETRY_COUNT=30;export default function toggleChatWidget(params){const{dataId}=params??{};const container=queryId(dataId);const chatButton=queryId("open-chat-widget",container);const textEnabled=chatButton.dataset.enabledLabel;const textDisabled=chatButton.dataset.disabledLabel;if(!dataId||!container)return;const trigger=queryId("open-chat-widget",container);let clickHandler;const waitForScript=delay=>{const widget=window?.HubSpotConversations?.widget;const iframe=document.querySelector("#hubspot-messages-iframe-container");clickHandler=e=>{e.preventDefault();widget.open()};if(widget&&iframe){trigger.addEventListener("click",clickHandler);enableBtn(trigger,textEnabled)}else if(--MAX_RETRY_COUNT){setTimeout(()=>waitForScript(WAIT_BETWEEN_RETRIES_MS),delay)}};disableBtn(trigger,textDisabled);waitForScript(0);return()=>{disableBtn(trigger,textDisabled);trigger.removeEventListener("click",clickHandler)}}
-//# sourceMappingURL=hubspot-chat-toggle.js.map

package/core/hubspot-chat-toggle.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/core/hubspot-chat-toggle.js"],"sourcesContent":["import { queryId } from \"./dom-query\";\n\n/*\n    A method to enable/disable a CTA that\n    is used to open the HubSpot chat widget\n\n    If the Chat widget is unavailable this script\n    will apply a disabled property and change\n    the text on the button, to warn the user.\n\n    Params:\n    - dataId        the parent container data-id\n\n*/\n\nfunction enableBtn(el, text) {\n  el.disabled = false;\n  el.innerText = text;\n}\n\nfunction disableBtn(el, text) {\n  el.disabled = true;\n  el.innerText = text;\n}\n\nconst WAIT_BETWEEN_RETRIES_MS = 100;\nlet MAX_RETRY_COUNT = 30;\n\nexport default function toggleChatWidget(params) {\n  const { dataId } = params ?? {};\n  const container = queryId(dataId);\n  const chatButton = queryId(\"open-chat-widget\", container);\n  const textEnabled = chatButton.dataset.enabledLabel;\n  const textDisabled = chatButton.dataset.disabledLabel;\n\n  if (!dataId || !container) return;\n  const trigger = queryId(\"open-chat-widget\", container);\n\n  let clickHandler;\n\n  const waitForScript = (delay) => {\n    const widget = window?.HubSpotConversations?.widget;\n\n    // If the chat is set to be hidden out of hours this will return null\n    const iframe = document.querySelector(\"#hubspot-messages-iframe-container\");\n\n    clickHandler = (e) => {\n      e.preventDefault();\n      widget.open();\n    };\n\n    if (widget && iframe) {\n      trigger.addEventListener(\"click\", clickHandler);\n      enableBtn(trigger, textEnabled);\n    } else if (--MAX_RETRY_COUNT) {\n      setTimeout(() => waitForScript(WAIT_BETWEEN_RETRIES_MS), delay);\n    }\n  };\n\n  disableBtn(trigger, textDisabled);\n  waitForScript(0);\n\n  return () => {\n    disableBtn(trigger, textDisabled);\n    trigger.removeEventListener(\"click\", clickHandler);\n  };\n}\n"],"names":["queryId","enableBtn","el","text","disabled","innerText","disableBtn","WAIT_BETWEEN_RETRIES_MS","MAX_RETRY_COUNT","toggleChatWidget","params","dataId","container","chatButton","textEnabled","dataset","enabledLabel","textDisabled","disabledLabel","trigger","clickHandler","waitForScript","delay","widget","window","HubSpotConversations","iframe","document","querySelector","e","preventDefault","open","addEventListener","setTimeout","removeEventListener"],"mappings":"AAAA,OAASA,OAAO,KAAQ,aAAc,CAetC,SAASC,UAAUC,EAAE,CAAEC,IAAI,EACzBD,GAAGE,QAAQ,CAAG,KACdF,CAAAA,GAAGG,SAAS,CAAGF,IACjB,CAEA,SAASG,WAAWJ,EAAE,CAAEC,IAAI,EAC1BD,GAAGE,QAAQ,CAAG,IACdF,CAAAA,GAAGG,SAAS,CAAGF,IACjB,CAEA,MAAMI,wBAA0B,IAChC,IAAIC,gBAAkB,EAEtB,gBAAe,SAASC,iBAAiBC,MAAM,EAC7C,KAAM,CAAEC,MAAM,CAAE,CAAGD,QAAU,CAAC,EAC9B,MAAME,UAAYZ,QAAQW,QAC1B,MAAME,WAAab,QAAQ,mBAAoBY,WAC/C,MAAME,YAAcD,WAAWE,OAAO,CAACC,YAAY,CACnD,MAAMC,aAAeJ,WAAWE,OAAO,CAACG,aAAa,CAErD,GAAI,CAACP,QAAU,CAACC,UAAW,OAC3B,MAAMO,QAAUnB,QAAQ,mBAAoBY,WAE5C,IAAIQ,aAEJ,MAAMC,cAAgB,AAACC,QACrB,MAAMC,OAASC,QAAQC,sBAAsBF,OAG7C,MAAMG,OAASC,SAASC,aAAa,CAAC,sCAEtCR,aAAe,AAACS,IACdA,EAAEC,cAAc,GAChBP,OAAOQ,IAAI,EACb,EAEA,GAAIR,QAAUG,OAAQ,CACpBP,QAAQa,gBAAgB,CAAC,QAASZ,cAClCnB,UAAUkB,QAASL,YACrB,MAAO,GAAI,EAAEN,gBAAiB,CAC5ByB,WAAW,IAAMZ,cAAcd,yBAA0Be,MAC3D,CACF,EAEAhB,WAAWa,QAASF,cACpBI,cAAc,GAEd,MAAO,KACLf,WAAWa,QAASF,cACpBE,QAAQe,mBAAmB,CAAC,QAASd,aACvC,CACF"}