{"version":3,"sources":["../node_modules/@checkout/react-components/dist/legacy/styles/variables.js","../node_modules/@checkout/react-components/dist/legacy/components/Common/LoadingElement.js","../../../node_modules/@paypalcorp/pp-react-tabs/dist/@paypalcorp/pp-react-tabs.esm.js"],"names":["PRIMARY_COLOR","ERROR_COLOR","WHITE_COLOR","WARN_COLOR","BUTTON_FOCUSED_COLOR","BORDER_COLOR","FUNDING_SOURCE_LOGO_BORDER_COLOR","SEPARATOR_BORDER_COLOR","INPUT_BORDER_COLOR","INPUT_BORDER_FOCUSED_COLOR","INPUT_BORDER_FOCUSED_COLOR_LIGHT","INPUT_TEXT_COLOR","LABEL_COLOR","ERROR_MESSAGE_BACKGROUND_COLOR","INFO_MESSAGE_BACKGROUND_COLOR","SUCCESS_MESSAGE_BACKGROUND_COLOR","WARN_MESSAGE_BACKGROUND_COLOR","TEXT_DEFAULT_COLOR","TEXT_HEADING_COLOR","TOOLTIP_BACKGROUND_COLOR","TOOLTIP_BORDER_COLOR","BANNER_BACKGROUND_COLOR","baseStyles","name","styles","LoadingElement","_ref","height","styleOverrides","testId","title","viewBoxHeight","viewBoxWidth","width","pathId","gradientId","className","css","preserveAspectRatio","role","viewBox","concat","id","clipPath","fill","x","y","rx","ry","offset","stopColor","stopOpacity","attributeName","dur","repeatCount","values","defaultProps","target","label","props","propTypes","Tab","tabIdx","tabGroupId","panelId","selected","animate","onClick","rest","tabClasses","ppvx_tabs__tab","focusable","tabId","parseInt","createElement","tabIndex","type","isRunningOnIEorEdge","navigator","test","userAgent","getRefCurrent","myRef","current","Tabs","selectedTabIdx","center","tabs","tabClassName","tabsWrapperClassName","children","_ref$scrollLeftLabel","scrollLeftLabel","_ref$scrollRightLabel","scrollRightLabel","navEleRef","containerEleRef","prevSelectedTabIdxRef","isTabsFocusedRef","focusedIdxRef","getSelectedTabIdx","index","Math","floor","length","determineOverflow","nav","tabsWrapper","_scroll","scrollLeft","navRight","getBoundingClientRect","right","tabsRight","navLeft","left","tabsLeft","setAttribute","evt","Event","window","dispatchEvent","offsetFocus","tabDomItems","querySelectorAll","nextIndex","focus","keyHandler","event","keyCode","key","selectedIndex","preventDefault","handleFocusOut","newFocusedItem","relatedTarget","parentElement","currentTarget","document","removeEventListener","addEventListener","firstChild","container","scrollButtons","resizeHandler","resizeTimer","clearTimeout","setTimeout","btnHeight","offsetHeight","toString","style","selectedId","animateDirection","handleClick","blur","tabIdxClicked","getAttribute","scroll","direction","scrollAmount","slideTimer","setInterval","clearInterval","tabsContainerClasses","ppvx_tabs","tabsWrapperClasses","leftScrollBtnClass","rightScrollBtnClass","tabItems","map","tab","idx1","tabPanel","Children","toArray","filter","_panel","idx2","tabContentItem","cloneElement","hidden","ref","ppvx_tabs__nav","onScroll","isScrolling","handleTouchScroll","onFocus","e","prevFocusedItem","handleFocus","onMouseDown","svgIconComponent","TabPanel","tabPanelClasses"],"mappings":"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","file":"js/vendors~SelectShippingInterstitial~ShipTo~493df0b3.7c768f74.js","sourcesContent":["export var PRIMARY_COLOR = '#0070ba';\nexport var SECONDARY_COLOR = '#e4f1fb';\nexport var ERROR_COLOR = '#d20000';\nexport var WARNING_COLOR = '#d64003';\nexport var WHITE_COLOR = '#ffffff';\nexport var WARN_COLOR = '#ff9600';\nexport var BUTTON_FOCUSED_COLOR = '#005ea6';\nexport var BORDER_COLOR = '#cbd2d6';\nexport var FUNDING_SOURCE_LOGO_BORDER_COLOR = '#ebebeb';\nexport var SEPARATOR_BORDER_COLOR = '#eaeced';\nexport var INPUT_BORDER_COLOR = '#b7bcbf';\nexport var INPUT_BORDER_FOCUSED_COLOR = '#009cde';\nexport var INPUT_BORDER_FOCUSED_COLOR_LIGHT = 'rgba(0, 156, 222, 10%)';\nexport var INPUT_TEXT_COLOR = '#2c2e2f';\nexport var LABEL_COLOR = '#6c7378';\nexport var ERROR_MESSAGE_BACKGROUND_COLOR = '#fff7f7';\nexport var INFO_MESSAGE_BACKGROUND_COLOR = '#f5f7fa';\nexport var SUCCESS_MESSAGE_BACKGROUND_COLOR = '#f5fdfb';\nexport var WARN_MESSAGE_BACKGROUND_COLOR = '#fffbf5';\nexport var TEXT_DEFAULT_COLOR = '#7e8489';\nexport var TEXT_HEADING_COLOR = '#4a4a4a';\nexport var TEXT_LIGHT_GRAY_COLOR = '#687173';\nexport var IMAGE_BACKGROUND_COLOR = '#f8f8f8';\nexport var IMAGE_BORDER_COLOR = '#b0b8c5';\nexport var TOOLTIP_BACKGROUND_COLOR = '#f5fbfe';\nexport var TOOLTIP_BORDER_COLOR = '#50c7f9';\nexport var BANNER_BACKGROUND_COLOR = '#F0F4F5';","import _styled from \"@emotion/styled-base\";\n\nfunction _EMOTION_STRINGIFIED_CSS_ERROR__() {\n  return \"You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop).\";\n}\n\nimport { string } from 'prop-types';\nimport { jsx } from '@emotion/core';\nimport { uniqueStr } from '../../utils';\nimport { INPUT_BORDER_COLOR } from '../../styles';\nvar baseStyles = process.env.NODE_ENV === \"production\" ? {\n  name: \"qjihts-baseStyles\",\n  styles: \"svg{display:block;};label:baseStyles;\"\n} : {\n  name: \"qjihts-baseStyles\",\n  styles: \"svg{display:block;};label:baseStyles;\",\n  map: \"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0NvbW1vbi9Mb2FkaW5nRWxlbWVudC5qc3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBVXNCIiwiZmlsZSI6Ii4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0NvbW1vbi9Mb2FkaW5nRWxlbWVudC5qc3giLCJzb3VyY2VzQ29udGVudCI6WyIvKiogQGpzeCBqc3ggKi9cbi8vIEV4dGVybmFsIGxpYnJhcmllc1xuaW1wb3J0IHsgc3RyaW5nIH0gZnJvbSAncHJvcC10eXBlcyc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjc3MsIGpzeCB9IGZyb20gJ0BlbW90aW9uL2NvcmUnO1xuXG4vLyBJbnRlcm5hbCBtb2R1bGVzXG5pbXBvcnQgeyB1bmlxdWVTdHIgfSBmcm9tICcuLi8uLi91dGlscyc7XG5pbXBvcnQgeyBJTlBVVF9CT1JERVJfQ09MT1IgfSBmcm9tICcuLi8uLi9zdHlsZXMnO1xuXG5jb25zdCBiYXNlU3R5bGVzID0gY3NzYFxuICBzdmcge1xuICAgIGRpc3BsYXk6IGJsb2NrO1xuICB9XG5gO1xuXG5jb25zdCBMb2FkaW5nRWxlbWVudCA9ICh7XG4gIGhlaWdodCxcbiAgc3R5bGVPdmVycmlkZXMsXG4gIHRlc3RJZCxcbiAgdGl0bGUsXG4gIHZpZXdCb3hIZWlnaHQsXG4gIHZpZXdCb3hXaWR0aCxcbiAgd2lkdGgsXG59KSA9PiB7XG4gIGNvbnN0IHBhdGhJZCA9IHVuaXF1ZVN0cigpO1xuICBjb25zdCBncmFkaWVudElkID0gdW5pcXVlU3RyKCk7XG5cbiAgcmV0dXJuIChcbiAgICA8ZGl2IGNsYXNzTmFtZT17c3R5bGVPdmVycmlkZXN9IGNzcz17YmFzZVN0eWxlc30gZGF0YS10ZXN0aWQ9e3Rlc3RJZH0+XG4gICAgICA8c3ZnXG4gICAgICAgIGFyaWEtbGFiZWxsZWRieT1cImxvYWRpbmctdGl0bGVcIlxuICAgICAgICBoZWlnaHQ9e2hlaWdodH1cbiAgICAgICAgcHJlc2VydmVBc3BlY3RSYXRpbz1cIm5vbmVcIlxuICAgICAgICByb2xlPVwiaW1nXCJcbiAgICAgICAgdmlld0JveD17YDAgMCAke3ZpZXdCb3hXaWR0aH0gJHt2aWV3Qm94SGVpZ2h0fWB9XG4gICAgICAgIHdpZHRoPXt3aWR0aH1cbiAgICAgID5cbiAgICAgICAgPHRpdGxlIGlkPVwibG9hZGluZy10aXRsZVwiPnt0aXRsZX08L3RpdGxlPlxuICAgICAgICA8cmVjdFxuICAgICAgICAgIGNsaXBQYXRoPXtgdXJsKCMke3BhdGhJZH0pYH1cbiAgICAgICAgICBmaWxsPXtgdXJsKCMke2dyYWRpZW50SWR9KWB9XG4gICAgICAgICAgaGVpZ2h0PXtoZWlnaHR9XG4gICAgICAgICAgd2lkdGg9e3dpZHRofVxuICAgICAgICAgIHg9XCIwXCJcbiAgICAgICAgICB5PVwiMFwiXG4gICAgICAgIC8+XG4gICAgICAgIDxkZWZzPlxuICAgICAgICAgIDxjbGlwUGF0aCBpZD17cGF0aElkfT5cbiAgICAgICAgICAgIDxyZWN0IGhlaWdodD17aGVpZ2h0fSByeD1cIjRcIiByeT1cIjRcIiB3aWR0aD17d2lkdGh9IHg9XCIwXCIgeT1cIjBcIiAvPlxuICAgICAgICAgIDwvY2xpcFBhdGg+XG4gICAgICAgICAgPGxpbmVhckdyYWRpZW50IGlkPXtncmFkaWVudElkfT5cbiAgICAgICAgICAgIDxzdG9wIG9mZnNldD1cIi0wLjA2MzEzMlwiIHN0b3BDb2xvcj1cIiNmMGYwZjBcIiBzdG9wT3BhY2l0eT1cIjFcIj5cbiAgICAgICAgICAgICAgPGFuaW1hdGVcbiAgICAgICAgICAgICAgICBhdHRyaWJ1dGVOYW1lPVwib2Zmc2V0XCJcbiAgICAgICAgICAgICAgICBkdXI9XCIyc1wiXG4gICAgICAgICAgICAgICAgcmVwZWF0Q291bnQ9XCJpbmRlZmluaXRlXCJcbiAgICAgICAgICAgICAgICB2YWx1ZXM9XCItMzsgMVwiXG4gICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICA8L3N0b3A+XG4gICAgICAgICAgICA8c3RvcCBvZmZzZXQ9XCIwLjkzNjg2OFwiIHN0b3BDb2xvcj1cIiNlMGUwZTBcIiBzdG9wT3BhY2l0eT1cIjFcIj5cbiAgICAgICAgICAgICAgPGFuaW1hdGVcbiAgICAgICAgICAgICAgICBhdHRyaWJ1dGVOYW1lPVwib2Zmc2V0XCJcbiAgICAgICAgICAgICAgICBkdXI9XCIyc1wiXG4gICAgICAgICAgICAgICAgcmVwZWF0Q291bnQ9XCJpbmRlZmluaXRlXCJcbiAgICAgICAgICAgICAgICB2YWx1ZXM9XCItMjsgMlwiXG4gICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICA8L3N0b3A+XG4gICAgICAgICAgICA8c3RvcCBvZmZzZXQ9XCIxLjkzNjg3XCIgc3RvcENvbG9yPVwiI2YwZjBmMFwiIHN0b3BPcGFjaXR5PVwiMVwiPlxuICAgICAgICAgICAgICA8YW5pbWF0ZVxuICAgICAgICAgICAgICAgIGF0dHJpYnV0ZU5hbWU9XCJvZmZzZXRcIlxuICAgICAgICAgICAgICAgIGR1cj1cIjJzXCJcbiAgICAgICAgICAgICAgICByZXBlYXRDb3VudD1cImluZGVmaW5pdGVcIlxuICAgICAgICAgICAgICAgIHZhbHVlcz1cIi0xOyAzXCJcbiAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgIDwvc3RvcD5cbiAgICAgICAgICA8L2xpbmVhckdyYWRpZW50PlxuICAgICAgICA8L2RlZnM+XG4gICAgICA8L3N2Zz5cbiAgICA8L2Rpdj5cbiAgKTtcbn07XG5cbkxvYWRpbmdFbGVtZW50LmRlZmF1bHRQcm9wcyA9IHtcbiAgaGVpZ2h0OiAnNDgnLFxuICB2aWV3Qm94SGVpZ2h0OiAnNDgnLFxuICB2aWV3Qm94V2lkdGg6ICczNTQnLFxuICB3aWR0aDogJzEwMCUnLFxufTtcblxuTG9hZGluZ0VsZW1lbnQucHJvcFR5cGVzID0ge1xuICBoZWlnaHQ6IHN0cmluZyxcbiAgbWFyZ2luQm90dG9tOiBzdHJpbmcsXG4gIHN0eWxlT3ZlcnJpZGVzOiBzdHJpbmcsXG4gIHRlc3RJZDogc3RyaW5nLFxuICB0aXRsZTogc3RyaW5nLFxuICB2aWV3Qm94SGVpZ2h0OiBzdHJpbmcsXG4gIHZpZXdCb3hXaWR0aDogc3RyaW5nLFxuICB3aWR0aDogc3RyaW5nLFxufTtcblxuY29uc3QgTG9hZGluZ0lucHV0U2hlbGwgPSBzdHlsZWQuZGl2YFxuICBib3JkZXI6IDFweCBzb2xpZCAke0lOUFVUX0JPUkRFUl9DT0xPUn07XG4gIGJvcmRlci1yYWRpdXM6IDRweDtcbiAgaGVpZ2h0OiA0OHB4O1xuICAkeyhwcm9wcykgPT4gcHJvcHMuc3R5bGVPdmVycmlkZXN9XG5gO1xuXG5Mb2FkaW5nSW5wdXRTaGVsbC5wcm9wVHlwZXMgPSB7XG4gIHN0eWxlT3ZlcnJpZGVzOiBzdHJpbmcsXG59O1xuXG5leHBvcnQgeyBMb2FkaW5nRWxlbWVudCwgTG9hZGluZ0lucHV0U2hlbGwgfTtcbiJdfQ== */\",\n  toString: _EMOTION_STRINGIFIED_CSS_ERROR__\n};\n\nvar LoadingElement = function LoadingElement(_ref) {\n  var height = _ref.height,\n      styleOverrides = _ref.styleOverrides,\n      testId = _ref.testId,\n      title = _ref.title,\n      viewBoxHeight = _ref.viewBoxHeight,\n      viewBoxWidth = _ref.viewBoxWidth,\n      width = _ref.width;\n  var pathId = uniqueStr();\n  var gradientId = uniqueStr();\n  return jsx(\"div\", {\n    className: styleOverrides,\n    css: baseStyles,\n    \"data-testid\": testId\n  }, jsx(\"svg\", {\n    \"aria-labelledby\": \"loading-title\",\n    height: height,\n    preserveAspectRatio: \"none\",\n    role: \"img\",\n    viewBox: \"0 0 \".concat(viewBoxWidth, \" \").concat(viewBoxHeight),\n    width: width\n  }, jsx(\"title\", {\n    id: \"loading-title\"\n  }, title), jsx(\"rect\", {\n    clipPath: \"url(#\".concat(pathId, \")\"),\n    fill: \"url(#\".concat(gradientId, \")\"),\n    height: height,\n    width: width,\n    x: \"0\",\n    y: \"0\"\n  }), jsx(\"defs\", null, jsx(\"clipPath\", {\n    id: pathId\n  }, jsx(\"rect\", {\n    height: height,\n    rx: \"4\",\n    ry: \"4\",\n    width: width,\n    x: \"0\",\n    y: \"0\"\n  })), jsx(\"linearGradient\", {\n    id: gradientId\n  }, jsx(\"stop\", {\n    offset: \"-0.063132\",\n    stopColor: \"#f0f0f0\",\n    stopOpacity: \"1\"\n  }, jsx(\"animate\", {\n    attributeName: \"offset\",\n    dur: \"2s\",\n    repeatCount: \"indefinite\",\n    values: \"-3; 1\"\n  })), jsx(\"stop\", {\n    offset: \"0.936868\",\n    stopColor: \"#e0e0e0\",\n    stopOpacity: \"1\"\n  }, jsx(\"animate\", {\n    attributeName: \"offset\",\n    dur: \"2s\",\n    repeatCount: \"indefinite\",\n    values: \"-2; 2\"\n  })), jsx(\"stop\", {\n    offset: \"1.93687\",\n    stopColor: \"#f0f0f0\",\n    stopOpacity: \"1\"\n  }, jsx(\"animate\", {\n    attributeName: \"offset\",\n    dur: \"2s\",\n    repeatCount: \"indefinite\",\n    values: \"-1; 3\"\n  }))))));\n};\n\nLoadingElement.defaultProps = {\n  height: '48',\n  viewBoxHeight: '48',\n  viewBoxWidth: '354',\n  width: '100%'\n};\n\nvar LoadingInputShell = _styled(\"div\", {\n  target: \"e6xihnh0\",\n  label: \"LoadingInputShell\"\n})(\"border:1px solid \", INPUT_BORDER_COLOR, \";border-radius:4px;height:48px;\", function (props) {\n  return props.styleOverrides;\n}, process.env.NODE_ENV === \"production\" ? \"\" : \"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0NvbW1vbi9Mb2FkaW5nRWxlbWVudC5qc3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBcUdvQyIsImZpbGUiOiIuLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9Db21tb24vTG9hZGluZ0VsZW1lbnQuanN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyoqIEBqc3gganN4ICovXG4vLyBFeHRlcm5hbCBsaWJyYXJpZXNcbmltcG9ydCB7IHN0cmluZyB9IGZyb20gJ3Byb3AtdHlwZXMnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgY3NzLCBqc3ggfSBmcm9tICdAZW1vdGlvbi9jb3JlJztcblxuLy8gSW50ZXJuYWwgbW9kdWxlc1xuaW1wb3J0IHsgdW5pcXVlU3RyIH0gZnJvbSAnLi4vLi4vdXRpbHMnO1xuaW1wb3J0IHsgSU5QVVRfQk9SREVSX0NPTE9SIH0gZnJvbSAnLi4vLi4vc3R5bGVzJztcblxuY29uc3QgYmFzZVN0eWxlcyA9IGNzc2BcbiAgc3ZnIHtcbiAgICBkaXNwbGF5OiBibG9jaztcbiAgfVxuYDtcblxuY29uc3QgTG9hZGluZ0VsZW1lbnQgPSAoe1xuICBoZWlnaHQsXG4gIHN0eWxlT3ZlcnJpZGVzLFxuICB0ZXN0SWQsXG4gIHRpdGxlLFxuICB2aWV3Qm94SGVpZ2h0LFxuICB2aWV3Qm94V2lkdGgsXG4gIHdpZHRoLFxufSkgPT4ge1xuICBjb25zdCBwYXRoSWQgPSB1bmlxdWVTdHIoKTtcbiAgY29uc3QgZ3JhZGllbnRJZCA9IHVuaXF1ZVN0cigpO1xuXG4gIHJldHVybiAoXG4gICAgPGRpdiBjbGFzc05hbWU9e3N0eWxlT3ZlcnJpZGVzfSBjc3M9e2Jhc2VTdHlsZXN9IGRhdGEtdGVzdGlkPXt0ZXN0SWR9PlxuICAgICAgPHN2Z1xuICAgICAgICBhcmlhLWxhYmVsbGVkYnk9XCJsb2FkaW5nLXRpdGxlXCJcbiAgICAgICAgaGVpZ2h0PXtoZWlnaHR9XG4gICAgICAgIHByZXNlcnZlQXNwZWN0UmF0aW89XCJub25lXCJcbiAgICAgICAgcm9sZT1cImltZ1wiXG4gICAgICAgIHZpZXdCb3g9e2AwIDAgJHt2aWV3Qm94V2lkdGh9ICR7dmlld0JveEhlaWdodH1gfVxuICAgICAgICB3aWR0aD17d2lkdGh9XG4gICAgICA+XG4gICAgICAgIDx0aXRsZSBpZD1cImxvYWRpbmctdGl0bGVcIj57dGl0bGV9PC90aXRsZT5cbiAgICAgICAgPHJlY3RcbiAgICAgICAgICBjbGlwUGF0aD17YHVybCgjJHtwYXRoSWR9KWB9XG4gICAgICAgICAgZmlsbD17YHVybCgjJHtncmFkaWVudElkfSlgfVxuICAgICAgICAgIGhlaWdodD17aGVpZ2h0fVxuICAgICAgICAgIHdpZHRoPXt3aWR0aH1cbiAgICAgICAgICB4PVwiMFwiXG4gICAgICAgICAgeT1cIjBcIlxuICAgICAgICAvPlxuICAgICAgICA8ZGVmcz5cbiAgICAgICAgICA8Y2xpcFBhdGggaWQ9e3BhdGhJZH0+XG4gICAgICAgICAgICA8cmVjdCBoZWlnaHQ9e2hlaWdodH0gcng9XCI0XCIgcnk9XCI0XCIgd2lkdGg9e3dpZHRofSB4PVwiMFwiIHk9XCIwXCIgLz5cbiAgICAgICAgICA8L2NsaXBQYXRoPlxuICAgICAgICAgIDxsaW5lYXJHcmFkaWVudCBpZD17Z3JhZGllbnRJZH0+XG4gICAgICAgICAgICA8c3RvcCBvZmZzZXQ9XCItMC4wNjMxMzJcIiBzdG9wQ29sb3I9XCIjZjBmMGYwXCIgc3RvcE9wYWNpdHk9XCIxXCI+XG4gICAgICAgICAgICAgIDxhbmltYXRlXG4gICAgICAgICAgICAgICAgYXR0cmlidXRlTmFtZT1cIm9mZnNldFwiXG4gICAgICAgICAgICAgICAgZHVyPVwiMnNcIlxuICAgICAgICAgICAgICAgIHJlcGVhdENvdW50PVwiaW5kZWZpbml0ZVwiXG4gICAgICAgICAgICAgICAgdmFsdWVzPVwiLTM7IDFcIlxuICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgPC9zdG9wPlxuICAgICAgICAgICAgPHN0b3Agb2Zmc2V0PVwiMC45MzY4NjhcIiBzdG9wQ29sb3I9XCIjZTBlMGUwXCIgc3RvcE9wYWNpdHk9XCIxXCI+XG4gICAgICAgICAgICAgIDxhbmltYXRlXG4gICAgICAgICAgICAgICAgYXR0cmlidXRlTmFtZT1cIm9mZnNldFwiXG4gICAgICAgICAgICAgICAgZHVyPVwiMnNcIlxuICAgICAgICAgICAgICAgIHJlcGVhdENvdW50PVwiaW5kZWZpbml0ZVwiXG4gICAgICAgICAgICAgICAgdmFsdWVzPVwiLTI7IDJcIlxuICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgPC9zdG9wPlxuICAgICAgICAgICAgPHN0b3Agb2Zmc2V0PVwiMS45MzY4N1wiIHN0b3BDb2xvcj1cIiNmMGYwZjBcIiBzdG9wT3BhY2l0eT1cIjFcIj5cbiAgICAgICAgICAgICAgPGFuaW1hdGVcbiAgICAgICAgICAgICAgICBhdHRyaWJ1dGVOYW1lPVwib2Zmc2V0XCJcbiAgICAgICAgICAgICAgICBkdXI9XCIyc1wiXG4gICAgICAgICAgICAgICAgcmVwZWF0Q291bnQ9XCJpbmRlZmluaXRlXCJcbiAgICAgICAgICAgICAgICB2YWx1ZXM9XCItMTsgM1wiXG4gICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICA8L3N0b3A+XG4gICAgICAgICAgPC9saW5lYXJHcmFkaWVudD5cbiAgICAgICAgPC9kZWZzPlxuICAgICAgPC9zdmc+XG4gICAgPC9kaXY+XG4gICk7XG59O1xuXG5Mb2FkaW5nRWxlbWVudC5kZWZhdWx0UHJvcHMgPSB7XG4gIGhlaWdodDogJzQ4JyxcbiAgdmlld0JveEhlaWdodDogJzQ4JyxcbiAgdmlld0JveFdpZHRoOiAnMzU0JyxcbiAgd2lkdGg6ICcxMDAlJyxcbn07XG5cbkxvYWRpbmdFbGVtZW50LnByb3BUeXBlcyA9IHtcbiAgaGVpZ2h0OiBzdHJpbmcsXG4gIG1hcmdpbkJvdHRvbTogc3RyaW5nLFxuICBzdHlsZU92ZXJyaWRlczogc3RyaW5nLFxuICB0ZXN0SWQ6IHN0cmluZyxcbiAgdGl0bGU6IHN0cmluZyxcbiAgdmlld0JveEhlaWdodDogc3RyaW5nLFxuICB2aWV3Qm94V2lkdGg6IHN0cmluZyxcbiAgd2lkdGg6IHN0cmluZyxcbn07XG5cbmNvbnN0IExvYWRpbmdJbnB1dFNoZWxsID0gc3R5bGVkLmRpdmBcbiAgYm9yZGVyOiAxcHggc29saWQgJHtJTlBVVF9CT1JERVJfQ09MT1J9O1xuICBib3JkZXItcmFkaXVzOiA0cHg7XG4gIGhlaWdodDogNDhweDtcbiAgJHsocHJvcHMpID0+IHByb3BzLnN0eWxlT3ZlcnJpZGVzfVxuYDtcblxuTG9hZGluZ0lucHV0U2hlbGwucHJvcFR5cGVzID0ge1xuICBzdHlsZU92ZXJyaWRlczogc3RyaW5nLFxufTtcblxuZXhwb3J0IHsgTG9hZGluZ0VsZW1lbnQsIExvYWRpbmdJbnB1dFNoZWxsIH07XG4iXX0= */\");\n\nLoadingInputShell.propTypes = {\n  styleOverrides: string\n};\nexport { LoadingElement, LoadingInputShell };","import '../__generated__/styles/tabs.css';\nimport _extends from '@babel/runtime/helpers/esm/extends';\nimport _defineProperty from '@babel/runtime/helpers/esm/defineProperty';\nimport _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';\nimport React, { useRef, useLayoutEffect } from 'react';\nimport clsx from 'clsx';\nimport { IconButton } from '@paypalcorp/pp-react-icon-button';\nimport { ChevronLeftIcon, ChevronRightIcon } from '@paypalcorp/pp-react-icons';\nvar styles = {\n  \"ppvx_tabs\": \"ppvx_tabs___2-5-11\",\n  \"ppvx_tabs__scroll-btn\": \"ppvx_tabs__scroll-btn___2-5-11\",\n  \"ppvx_tabs__scroll-btn-left\": \"ppvx_tabs__scroll-btn-left___2-5-11\",\n  \"ppvx_tabs__scroll-btn-right\": \"ppvx_tabs__scroll-btn-right___2-5-11\",\n  \"ppvx_tabs__nav\": \"ppvx_tabs__nav___2-5-11\",\n  \"ppvx_tabs__tabs-wrapper\": \"ppvx_tabs__tabs-wrapper___2-5-11\",\n  \"ppvx_tabs__tab\": \"ppvx_tabs__tab___2-5-11\",\n  \"ppvx_tabs--animate-right\": \"ppvx_tabs--animate-right___2-5-11\",\n  \"slideRight\": \"slideRight___2-5-11\",\n  \"ppvx_tabs--animate-left\": \"ppvx_tabs--animate-left___2-5-11\",\n  \"slideLeft\": \"slideLeft___2-5-11\",\n  \"ppvx_tabs__arrow\": \"ppvx_tabs__arrow___2-5-11\",\n  \"ppvx_tabs__arrow-left\": \"ppvx_tabs__arrow-left___2-5-11\",\n  \"ppvx_tabs__arrow-right\": \"ppvx_tabs__arrow-right___2-5-11\",\n  \"ppvx_tabs__tab-content\": \"ppvx_tabs__tab-content___2-5-11\",\n  \"ppvx_tabs--centered\": \"ppvx_tabs--centered___2-5-11\",\n  \"ppvx_tabs--no-scroll-buttons\": \"ppvx_tabs--no-scroll-buttons___2-5-11\"\n};\n\nvar Tab = function Tab(_ref) {\n  var id = _ref.id,\n      tabIdx = _ref.tabIdx,\n      label = _ref.label,\n      tabGroupId = _ref.tabGroupId,\n      panelId = _ref.panelId,\n      selected = _ref.selected,\n      animate = _ref.animate,\n      onClick = _ref.onClick,\n      className = _ref.className,\n      rest = _objectWithoutProperties(_ref, [\"id\", \"tabIdx\", \"label\", \"tabGroupId\", \"panelId\", \"selected\", \"animate\", \"onClick\", \"className\"]);\n\n  var tabClasses = clsx(styles.ppvx_tabs__tab, _defineProperty({}, styles[\"ppvx_tabs--animate-\".concat(animate)], animate), className);\n  var focusable = selected ? 0 : -1;\n  var tabId = id || \"\".concat(tabGroupId, \"-tab\").concat(parseInt(tabIdx, 10) + 1);\n  return /*#__PURE__*/React.createElement(\"button\", _extends({\n    \"data-tab-index\": tabIdx,\n    id: tabId,\n    className: tabClasses,\n    \"aria-controls\": panelId,\n    \"aria-selected\": selected,\n    tabIndex: focusable,\n    type: \"button\",\n    role: \"tab\"\n  }, rest, {\n    onClick: onClick\n  }), label);\n};\n\nvar isRunningOnIEorEdge = function isRunningOnIEorEdge() {\n  if (typeof navigator !== 'undefined' && (/MSIE 9/i.test(navigator.userAgent) || /MSIE 10/i.test(navigator.userAgent) || /rv:11.0/i.test(navigator.userAgent) || /Edge\\/\\d./i.test(navigator.userAgent))) {\n    return true;\n  }\n\n  return false;\n};\n\nvar getRefCurrent = function getRefCurrent(myRef) {\n  return (\n    /* istanbul ignore next */\n    myRef && myRef.current ? myRef.current : null\n  );\n}; // keycodes for handling keydown events\n\n\nvar LEFT_ARROW = 37;\nvar RIGHT_ARROW = 39;\nvar ENTER = 13;\nvar SPACE = 32; // for scrolling with transition\n\nvar SPEED = 25;\nvar DISTANCE = 120;\nvar STEP = 20;\n\nvar Tabs = function Tabs(_ref) {\n  var name = _ref.name,\n      selectedTabIdx = _ref.selectedTabIdx,\n      center = _ref.center,\n      tabs = _ref.tabs,\n      onClick = _ref.onClick,\n      className = _ref.className,\n      tabClassName = _ref.tabClassName,\n      tabsWrapperClassName = _ref.tabsWrapperClassName,\n      children = _ref.children,\n      _ref$scrollLeftLabel = _ref.scrollLeftLabel,\n      scrollLeftLabel = _ref$scrollLeftLabel === void 0 ? 'scroll left' : _ref$scrollLeftLabel,\n      _ref$scrollRightLabel = _ref.scrollRightLabel,\n      scrollRightLabel = _ref$scrollRightLabel === void 0 ? 'scroll right' : _ref$scrollRightLabel;\n  var navEleRef = useRef();\n  var containerEleRef = useRef();\n  var prevSelectedTabIdxRef = useRef(0);\n  var isTabsFocusedRef = useRef(false);\n  var focusedIdxRef = useRef();\n\n  var getSelectedTabIdx = function getSelectedTabIdx() {\n    var index = typeof selectedTabIdx === 'string' ? parseInt(selectedTabIdx, 10) : Math.floor(selectedTabIdx);\n\n    if (!selectedTabIdx || !index || index >= tabs.length || index < 0) {\n      return 0;\n    }\n\n    return index;\n  };\n  /* istanbul ignore next */\n\n\n  var determineOverflow = function determineOverflow() {\n    var nav = getRefCurrent(navEleRef);\n\n    if (nav) {\n      var tabsWrapper = nav.children[0];\n      var _scroll = nav.scrollLeft;\n      var navRight = Math.floor(nav.getBoundingClientRect().right);\n      var tabsRight = Math.floor(tabsWrapper.getBoundingClientRect().right);\n      var navLeft = Math.floor(nav.getBoundingClientRect().left);\n      var tabsLeft = Math.floor(tabsWrapper.getBoundingClientRect().left);\n\n      if (_scroll === 0 && navRight > tabsRight) {\n        nav.setAttribute('data-overflowing', 'none');\n        return;\n      }\n\n      if (tabsLeft < navLeft && navRight < tabsRight) {\n        nav.setAttribute('data-overflowing', 'both');\n        return;\n      }\n\n      if (_scroll === 0 && tabsRight > navRight) {\n        nav.setAttribute('data-overflowing', 'right');\n        return;\n      }\n\n      if (tabsLeft < navLeft) {\n        nav.setAttribute('data-overflowing', 'left');\n        return;\n      }\n\n      nav.setAttribute('data-overflowing', 'none');\n    } // record that the function was called\n\n\n    var evt = new Event('checkOverflow');\n    window.dispatchEvent(evt);\n  };\n\n  var offsetFocus = function offsetFocus(offset) {\n    var nav = getRefCurrent(navEleRef);\n    var tabDomItems = nav.querySelectorAll('[role=\"tab\"]');\n    var nextIndex = focusedIdxRef.current + offset;\n    var index;\n    /* istanbul ignore next */\n\n    if (nextIndex === tabs.length) {\n      index = 0;\n    } else if (nextIndex === -1) {\n      index = tabs.length - 1;\n    } else {\n      index = nextIndex;\n    }\n\n    tabDomItems[index].focus();\n    focusedIdxRef.current = index;\n  };\n\n  var keyHandler = function keyHandler(event) {\n    var keyCode = event.key || event.keyCode;\n    var selectedIndex = getSelectedTabIdx();\n\n    switch (keyCode) {\n      case 'ArrowLeft':\n      case 'Left':\n      case LEFT_ARROW:\n        event.preventDefault();\n        offsetFocus(-1);\n        break;\n\n      case 'ArrowRight':\n      case 'Right':\n      case RIGHT_ARROW:\n        event.preventDefault();\n        offsetFocus(1);\n        break;\n\n      case 'Enter':\n      case ENTER:\n      case ' ':\n      case SPACE:\n        event.preventDefault();\n        /* istanbul ignore next */\n\n        if (selectedIndex !== focusedIdxRef.current) {\n          onClick(event, focusedIdxRef.current);\n        }\n\n        break;\n    }\n  };\n\n  var handleFocusOut = function handleFocusOut(event) {\n    isTabsFocusedRef.current = false;\n    var newFocusedItem = event.relatedTarget;\n    /* istanbul ignore next */\n\n    if (!newFocusedItem || newFocusedItem.parentElement !== event.currentTarget) {\n      // @ts-ignore\n      document.removeEventListener('keydown', keyHandler, false); // reset focusedIdx to current selected tab\n\n      focusedIdxRef.current = getSelectedTabIdx(); // add scroll arrows back when focus is out:\n\n      determineOverflow();\n    }\n  };\n\n  useLayoutEffect(function () {\n    var nav = getRefCurrent(navEleRef);\n    prevSelectedTabIdxRef.current = getSelectedTabIdx();\n    /* istanbul ignore next */\n\n    if (isTabsFocusedRef.current) {\n      // @ts-ignore\n      document.addEventListener('keydown', keyHandler, false);\n    }\n\n    nav.firstChild.addEventListener('focusout', // @ts-ignore\n    handleFocusOut, false);\n    return function () {\n      // @ts-ignore\n      document.removeEventListener('keydown', keyHandler, false);\n      nav.firstChild.removeEventListener('focusout', // @ts-ignore\n      handleFocusOut, false);\n    };\n  }, [tabs, selectedTabIdx, onClick]);\n  useLayoutEffect(function () {\n    var container = getRefCurrent(containerEleRef);\n    var nav = getRefCurrent(navEleRef);\n    focusedIdxRef.current = getSelectedTabIdx();\n    var scrollButtons = container.querySelectorAll(\".\".concat(styles['ppvx_tabs__scroll-btn']));\n    /* istanbul ignore next */\n\n    var resizeHandler = function resizeHandler() {\n      var resizeTimer;\n      clearTimeout(resizeTimer);\n      resizeTimer = setTimeout(function () {\n        // Resizing has stopped\n        determineOverflow();\n      }, 250);\n    };\n\n    if (!isRunningOnIEorEdge()) {\n      determineOverflow(); // Check for overflow after window resize:\n\n      /* istanbul ignore next */\n\n      window.addEventListener('resize', resizeHandler); // adjust left/right arrow buttons height tof the tabs wrapper.\n\n      var tabsWrapper = nav.children[0];\n      var btnHeight = tabsWrapper.offsetHeight.toString();\n      /* istanbul ignore next */\n\n      if (scrollButtons && tabsWrapper.offsetHeight !== scrollButtons[0].offsetHeight) {\n        scrollButtons[0].style.height = \"\".concat(btnHeight, \"px\");\n        scrollButtons[1].style.height = \"\".concat(btnHeight, \"px\");\n      }\n    }\n\n    return function () {\n      window.removeEventListener('resize', resizeHandler);\n    };\n  }, []);\n\n  var handleClick = function handleClick(event) {\n    var nav = getRefCurrent(navEleRef);\n    var tabDomItems = nav.querySelectorAll('[role=\"tab\"]');\n    isTabsFocusedRef.current = false;\n    tabDomItems[focusedIdxRef.current].blur();\n    var tabIdxClicked = event.currentTarget.getAttribute('data-tab-index'); // This is tested, but coverage not registering it\n\n    /* istanbul ignore next */\n\n    if (tabIdxClicked) {\n      focusedIdxRef.current = parseInt(tabIdxClicked, 10);\n    }\n\n    onClick(event, tabIdxClicked);\n  };\n\n  var handleFocus = function handleFocus(event) {\n    var nav = getRefCurrent(navEleRef);\n    isTabsFocusedRef.current = true;\n    var prevFocusedItem = event.relatedTarget;\n\n    if (!prevFocusedItem || prevFocusedItem.parentElement !== event.currentTarget) {\n      // @ts-ignore\n      document.addEventListener('keydown', keyHandler, false); // remove arrows when navigating with keyboard:\n\n      nav.setAttribute('data-overflowing', 'none');\n    }\n  };\n\n  var handleTouchScroll = function handleTouchScroll() {\n    var isScrolling;\n    window.clearTimeout(isScrolling);\n    /* istanbul ignore next */\n\n    isScrolling = setTimeout(function () {\n      determineOverflow();\n    }, 15);\n  };\n  /* istanbul ignore next */\n\n\n  var scroll = function scroll(direction) {\n    var nav = getRefCurrent(navEleRef); // scroll with transition\n\n    var scrollAmount = 0;\n    var slideTimer = window.setInterval(function () {\n      if (direction === 'right') {\n        nav.scrollLeft += STEP;\n      } else {\n        nav.scrollLeft -= STEP;\n      }\n\n      scrollAmount += STEP;\n\n      if (scrollAmount >= DISTANCE) {\n        window.clearInterval(slideTimer);\n      }\n    }, SPEED);\n    setTimeout(function () {\n      determineOverflow();\n    }, 150); // record that scroll event was called\n\n    var evt = new Event('tabsScrolled');\n    window.dispatchEvent(evt);\n  };\n\n  var selectedIndex = getSelectedTabIdx();\n  var tabsContainerClasses = clsx(styles.ppvx_tabs, _defineProperty({}, styles['ppvx_tabs--no-scroll-buttons'], isRunningOnIEorEdge()), className);\n  var tabsWrapperClasses = clsx(styles['ppvx_tabs__tabs-wrapper'], _defineProperty({}, styles['ppvx_tabs--centered'], center), tabsWrapperClassName);\n  var leftScrollBtnClass = clsx(styles['ppvx_tabs__scroll-btn'], styles['ppvx_tabs__scroll-btn-left']);\n  var rightScrollBtnClass = clsx(styles['ppvx_tabs__scroll-btn'], styles['ppvx_tabs__scroll-btn-right']);\n  var scrollButtonFocus = -1;\n  var selectedId;\n  var animateDirection;\n  var tabItems = tabs.map(function (tab, idx1) {\n    var id = tab.id,\n        panelId = tab.panelId,\n        label = tab.label; // update animation (only on the selected tab)\n\n    if (idx1 === selectedIndex) {\n      selectedId = tab.id || \"\".concat(name, \"-tab\").concat(idx1 + 1);\n\n      if (prevSelectedTabIdxRef.current > idx1) {\n        animateDirection = 'left';\n      } else if (prevSelectedTabIdxRef.current < idx1) {\n        animateDirection = 'right';\n      }\n    } else {\n      animateDirection = null;\n    }\n\n    return /*#__PURE__*/React.createElement(Tab, {\n      key: \"\".concat(name, \"-tab\").concat(idx1 + 1),\n      id: id,\n      tabIdx: idx1.toString(),\n      label: label,\n      tabGroupId: name,\n      panelId: panelId,\n      selected: idx1 === selectedIndex,\n      animate: animateDirection,\n      onClick: handleClick,\n      className: tabClassName\n    });\n  }); // Get selected tab panel\n\n  var tabPanel = React.Children.toArray(children).filter(function (_panel, idx2) {\n    return selectedIndex === idx2;\n  })[0]; // Update selected tab panel props\n\n  var tabContentItem = /*#__PURE__*/React.cloneElement(tabPanel, {\n    tabId: selectedId,\n    hidden: false\n  });\n  return /*#__PURE__*/React.createElement(\"div\", {\n    ref: containerEleRef,\n    id: name,\n    className: tabsContainerClasses\n  }, /*#__PURE__*/React.createElement(\"nav\", {\n    className: styles.ppvx_tabs__nav,\n    \"data-overflowing\": \"right\",\n    id: \"\".concat(name, \"-nav\"),\n    ref: navEleRef,\n    onScroll: function onScroll() {\n      return handleTouchScroll();\n    }\n  }, /*#__PURE__*/React.createElement(\"div\", {\n    id: \"\".concat(name, \"-tabs\"),\n    className: tabsWrapperClasses,\n    role: \"tablist\",\n    onFocus: function onFocus(e) {\n      return handleFocus(e);\n    },\n    onMouseDown: function onMouseDown(e) {\n      return e.preventDefault();\n    } //remove focus on click\n\n  }, tabItems)), /*#__PURE__*/React.createElement(\"span\", {\n    className: leftScrollBtnClass\n  }, /*#__PURE__*/React.createElement(IconButton, {\n    svgIconComponent: ChevronLeftIcon,\n    \"aria-label\": scrollLeftLabel,\n    tabIndex: scrollButtonFocus,\n    onClick: function onClick() {\n      return scroll('left');\n    }\n  }, scrollLeftLabel)), /*#__PURE__*/React.createElement(\"span\", {\n    className: rightScrollBtnClass\n  }, /*#__PURE__*/React.createElement(IconButton, {\n    svgIconComponent: ChevronRightIcon,\n    tabIndex: scrollButtonFocus,\n    onClick: function onClick() {\n      return scroll('right');\n    }\n  }, scrollRightLabel)), tabContentItem);\n};\n\nvar TabPanel = function TabPanel(_ref) {\n  var id = _ref.id,\n      tabId = _ref.tabId,\n      hidden = _ref.hidden,\n      className = _ref.className,\n      children = _ref.children,\n      rest = _objectWithoutProperties(_ref, [\"id\", \"tabId\", \"hidden\", \"className\", \"children\"]);\n\n  var tabPanelClasses = clsx(styles['ppvx_tabs__tab-content'], className);\n  return /*#__PURE__*/React.createElement(\"div\", _extends({\n    id: id,\n    className: tabPanelClasses,\n    \"aria-labelledby\": tabId,\n    \"aria-hidden\": hidden,\n    tabIndex: 0,\n    role: \"tabpanel\"\n  }, rest), children);\n};\n\nexport { Tab, TabPanel, Tabs };"],"sourceRoot":""}