{"version":3,"sources":["webpack:///./presentation/components/ribbons/billboard-domain/BillboardDomain.tsx","webpack:///./presentation/components/ribbons/billboard-domain/ConnectedBillboardDomain.ts","webpack:///./presentation/components/ribbons/billboard-domain/index.ts","webpack:///../node_modules/@ux/search-input/dist/es/searchInput.js","webpack:///./presentation/components/ribbons/domain-search-start/DomainSearchForm.tsx"],"names":["enhance","pureEnhance","hocs","errorBoundary","theme","colorway","search","form","billboardProps","additionalText","DomainSearchForm","createFormName","r","mapDispatchToProps","submit","pipe","withHooks","withProps","connect","withHandlers","onSubmit","actions","tld","destination","name","domain","Promise","ribbonType","ribbonName","reduxForm","propNamespace","BillboardDomain","_defineProperty","obj","key","value","Object","defineProperty","enumerable","configurable","writable","mixWithWhite","toMix","mix","string","SearchInput","hooks","active","disabled","ownerProps","hasSuffix","suffix","hasPrefix","prefix","buttonText","_ref","_reactCSS","isMinSm","palette","spacing","typography","curvature","default","root","assign","display","padding","fontSize","width","whiteSpace","position","paddingLeft","background","style","color","grey10","transition","input","outline","textOverflow","overflow","paddingRight","weight","family","CONTENT","border","affix","backgroundColor","primary","alignItems","flexDirection","justifyContent","WebkitUserSelect","MozUserSelect","MsUserSelect","userSelect","cursor","affixText","marginRight","String","OFF","topLeftRadius","topRightRadius","bottomLeftRadius","bottomRightRadius","WEAK","STRONG","boxShadow","concat","borderColor","styles","button","inputProps","createElement","type","size","MD","kind","PRIMARY","block","glyph","ReduxFormSearchInput$1","enhance$1","_a","meta","rest","s","e","t","p","prototype","hasOwnProperty","call","indexOf","getOwnPropertySymbols","i","length","__rest","props","useStyles","marginTop","gu2px","label","placeholder","method","handleSubmit","data-selector","text","component","ReduxFormSearchInput"],"mappings":"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","file":"pex-static/16/15.985ea30ed5ec3648be62.chunk.js","sourcesContent":["import React from 'react';\nimport Billboard, { BillboardProps } from 'components/ribbons/billboard';\nimport errorBoundary from 'presentation/hocs/errorBoundary';\n// eslint-disable-next-line max-len\nimport DomainSearchForm from 'components/ribbons/domain-search-start/DomainSearchForm';\nimport { DomainSearchFormProps } from '../domain-search-start';\nimport pureEnhance from '@ux/pure-enhance';\n\nexport interface OuterProps extends DomainSearchFormProps, BillboardProps {}\ninterface InnerProps extends OuterProps {}\n\nconst PureBillboardDomain = ({\n  theme,\n  colorway,\n  search,\n  form,\n  ...billboardProps\n}: InnerProps) => (\n  <Billboard\n    theme={theme}\n    colorway={colorway}\n    {...billboardProps}\n    additionalText={(\n      <DomainSearchForm\n        search={search}\n        form={form}\n        theme={theme}\n      />\n    )}\n  />\n);\n\nconst enhance = pureEnhance<InnerProps, OuterProps>(\n  'BillboardDomain',\n  {\n    hocs: [\n      errorBoundary,\n    ],\n  }\n);\n\nexport default enhance(PureBillboardDomain);\n","import {\n  withProps,\n  withHandlers,\n} from '@team-griffin/rehook';\n\nimport { reduxForm, InjectedFormProps } from 'redux-form';\nimport {\n  connect,\n} from '@ux/fabric';\nimport * as r from 'ramda';\nimport BillboardDomain, { OuterProps as PureProps } from './BillboardDomain';\nimport { submit } from 'application/signals/ribbons/domain-search-start';\nimport pureEnhance, { withHooks } from '@ux/pure-enhance';\n\ninterface ConnectedProps {\n  form: InjectedFormProps,\n}\ninterface InnerProps extends PureProps {}\ninterface OuterProps extends Omit<InnerProps, keyof ConnectedProps> {}\n\nconst createFormName = r.pipe(\n  r.prop('id'),\n  //@ts-ignore\n  r.append(r.__, [ 'usf', 'billboardDomain' ]),\n  r.join('.'),\n  r.objOf('form'),\n);\n\nconst mapStateToProps = void 0 as null;\n\nconst mapDispatchToProps = {\n  submit,\n};\n\n\nconst enhance = pureEnhance<InnerProps, OuterProps>(\n  'BillboardDomain',\n  {\n    pipe: [\n      withHooks([\n        withProps(connect(mapStateToProps, mapDispatchToProps)),\n        withProps(createFormName),\n        withHandlers({\n          onSubmit: ({\n            actions: {\n              submit,\n            },\n            search: {\n              tld,\n              destination,\n            },\n            form,\n            name,\n          }: {\n            actions: {\n              submit: Function,\n            },\n            search: {\n              tld: string,\n              destination: string,\n            },\n            form: InjectedFormProps,\n            name: string,\n          }) => ({ domain }: {\n            domain: string,\n          }) => {\n            return new Promise(() => {\n              submit({\n                domain,\n                tld,\n                destination,\n                form,\n                ribbonType: 'BillboardDomain',\n                ribbonName: name,\n              });\n            });\n          },\n        }),\n      ]),\n      reduxForm({\n        propNamespace: 'form',\n      }),\n    ],\n  }\n);\n\nexport default enhance(BillboardDomain);\n","import BillboardDomain from './ConnectedBillboardDomain';\n\nexport default BillboardDomain;\n","import React from 'react';\nimport Button, { Size, Kind } from '@ux/button';\nimport { ifElse, either, propEq, pathSatisfies, always, path, merge, propOr } from 'ramda';\nimport { isNotNilOrEmpty } from '@team-griffin/capra';\nimport longhand from '@team-griffin/css-longhand';\nimport { gu2px, Curvature } from '@ux/theme-utils';\nimport { percentage, modifier, withStylesHook } from '@ux/style-utils';\nimport { TypefaceStyle } from '@ux/typeface';\nimport { content } from '@ux/type-size';\nimport reactCSS from 'reactcss';\nimport color from 'color';\nimport { withBreakpoints } from '@ux/responsive';\nimport pureEnhance from '@ux/pure-enhance';\nimport { isNilOrEmpty } from 'ramda-adjunct';\nimport { defaultProps, withProps } from '@team-griffin/rehook';\n\nfunction _defineProperty(obj, key, value) {\n  if (key in obj) {\n    Object.defineProperty(obj, key, {\n      value: value,\n      enumerable: true,\n      configurable: true,\n      writable: true\n    });\n  } else {\n    obj[key] = value;\n  }\n\n  return obj;\n}\n\nvar mixWithWhite = function mixWithWhite(toMix) {\n  return color('#fff').mix(color(toMix), 0.25).string();\n};\n\nvar stylesheet = function stylesheet(_ref) {\n  var _reactCSS;\n\n  var active = _ref.active,\n      theme = _ref.theme,\n      isMinSm = _ref.isMinSm;\n  var palette = theme.palette,\n      spacing = theme.spacing,\n      typography = theme.typography,\n      curvature = theme.curvature;\n  return reactCSS((_reactCSS = {\n    default: {\n      root: Object.assign({\n        display: 'flex',\n        padding: gu2px(1, spacing),\n        fontSize: 0,\n        width: percentage(100),\n        whiteSpace: 'nowrap',\n        position: 'relative',\n        paddingLeft: gu2px(3, spacing),\n        background: '#fff'\n      }, longhand('border', {\n        width: 1,\n        style: 'solid',\n        color: palette.grey10\n      }), {\n        transition: \"\\n          color 0.2s ease-in-out,\\n          box-shadow 0.2s ease-in-out,\\n          border-color 0.2s ease-in-out,\\n          background-color 0.2s ease-in-out\\n        \"\n      }),\n      input: Object.assign({\n        width: percentage(100),\n        outline: 'none',\n        textOverflow: 'ellipsis',\n        whiteSpace: 'nowrap',\n        overflow: 'hidden',\n        paddingRight: gu2px(3, spacing)\n      }, content(typography), longhand('font', {\n        weight: 300,\n        family: typography[TypefaceStyle.CONTENT]\n      }), {\n        border: 'none'\n      }),\n      affix: Object.assign({}, content(typography), longhand('font', {\n        family: typography[TypefaceStyle.CONTENT]\n      }), {\n        display: 'flex',\n        backgroundColor: 'transparent',\n        color: palette.primary,\n        alignItems: 'center',\n        flexDirection: 'row',\n        justifyContent: 'center',\n        WebkitUserSelect: 'none',\n        MozUserSelect: 'none',\n        MsUserSelect: 'none',\n        userSelect: 'none',\n        cursor: 'default'\n      }),\n      affixText: {\n        flexDirection: 'column',\n        justifyContent: 'center',\n        marginRight: gu2px(3, spacing)\n      }\n    }\n  }, _defineProperty(_reactCSS, modifier('curvature', String(Curvature.OFF)), {\n    root: Object.assign({}, longhand('border', {\n      topLeftRadius: 0,\n      topRightRadius: 0,\n      bottomLeftRadius: 0,\n      bottomRightRadius: 0\n    }))\n  }), _defineProperty(_reactCSS, modifier('curvature', String(Curvature.WEAK)), {\n    root: Object.assign({}, longhand('border', {\n      topLeftRadius: 3,\n      topRightRadius: 3,\n      bottomLeftRadius: 3,\n      bottomRightRadius: 3\n    }))\n  }), _defineProperty(_reactCSS, modifier('curvature', String(Curvature.STRONG)), {\n    root: Object.assign({}, longhand('border', {\n      topLeftRadius: 50,\n      topRightRadius: 50,\n      bottomLeftRadius: 50,\n      bottomRightRadius: 50\n    }))\n  }), _defineProperty(_reactCSS, \"active\", {\n    root: {\n      outline: 0,\n      boxShadow: \"inset 0 0 0 2px \".concat(mixWithWhite(palette.primary)),\n      borderColor: palette.primary\n    }\n  }), _defineProperty(_reactCSS, \"isMinSm\", {\n    root: {\n      paddingLeft: gu2px(4, spacing)\n    }\n  }), _reactCSS), [{\n    isMinSm: isMinSm\n  }, {\n    active: active\n  }, {\n    curvature: curvature\n  }]);\n};\n\nvar PureSearchInput = function PureSearchInput(_ref) {\n  var theme = _ref.theme,\n      styles = _ref.styles,\n      suffix = _ref.suffix,\n      prefix = _ref.prefix,\n      hasSuffix = _ref.hasSuffix,\n      hasPrefix = _ref.hasPrefix,\n      button = _ref.button,\n      disabled = _ref.disabled,\n      buttonText = _ref.buttonText,\n      inputProps = _ref.inputProps;\n  return React.createElement(\"div\", {\n    style: styles.root\n  }, hasPrefix ? React.createElement(\"span\", {\n    style: styles.affix\n  }, React.createElement(\"span\", {\n    style: styles.affixText\n  }, prefix)) : null, React.createElement(\"input\", Object.assign({\n    type: \"text\",\n    style: styles.input\n  }, inputProps, {\n    disabled: disabled\n  })), hasSuffix ? React.createElement(\"div\", {\n    style: styles.affix\n  }, React.createElement(\"span\", {\n    style: styles.affixText\n  }, suffix)) : null, React.createElement(Button, {\n    \"data-test-id\": \"button\",\n    theme: theme,\n    size: Size.MD,\n    kind: Kind.PRIMARY,\n    type: \"submit\",\n    block: true,\n    glyph: button.glyph,\n    disabled: disabled\n  }, buttonText));\n};\n\nvar enhance = pureEnhance('SearchInput', {\n  hocs: [//@ts-ignore\n  withBreakpoints],\n  hooks: [defaultProps({\n    active: false,\n    disabled: false\n  }), withProps(function (ownerProps) {\n    return {\n      hasSuffix: isNotNilOrEmpty(ownerProps.suffix),\n      hasPrefix: isNotNilOrEmpty(ownerProps.prefix),\n      buttonText: ifElse(either(propEq('isMinSm', true), pathSatisfies(isNilOrEmpty, ['button', 'glyph'])), always(path(['button', 'text'])(ownerProps)), always(null))(ownerProps)\n    };\n  }), withStylesHook(stylesheet)]\n});\nvar SearchInput = enhance(PureSearchInput); // eslint-disable-next-line no-underscore-dangle\n\n/*! *****************************************************************************\r\nCopyright (c) Microsoft Corporation. All rights reserved.\r\nLicensed under the Apache License, Version 2.0 (the \"License\"); you may not use\r\nthis file except in compliance with the License. You may obtain a copy of the\r\nLicense at http://www.apache.org/licenses/LICENSE-2.0\r\n\r\nTHIS CODE IS PROVIDED ON AN *AS IS* BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY\r\nKIND, EITHER EXPRESS OR IMPLIED, INCLUDING WITHOUT LIMITATION ANY IMPLIED\r\nWARRANTIES OR CONDITIONS OF TITLE, FITNESS FOR A PARTICULAR PURPOSE,\r\nMERCHANTABLITY OR NON-INFRINGEMENT.\r\n\r\nSee the Apache Version 2.0 License for specific language governing permissions\r\nand limitations under the License.\r\n***************************************************************************** */\r\n\r\nfunction __rest(s, e) {\r\n    var t = {};\r\n    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\r\n        t[p] = s[p];\r\n    if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\r\n        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) if (e.indexOf(p[i]) < 0)\r\n            t[p[i]] = s[p[i]];\r\n    return t;\r\n}\n\nvar ReduxFormSearchInput = function ReduxFormSearchInput(_a) {\n  var theme = _a.theme,\n      input = _a.input,\n      meta = _a.meta,\n      inputProps = _a.inputProps,\n      rest = __rest(_a, [\"theme\", \"input\", \"meta\", \"inputProps\"]);\n\n  return React.createElement(SearchInput, Object.assign({\n    theme: theme\n  }, rest, {\n    inputProps: merge(input, inputProps),\n    active: propOr(false, 'active', meta),\n    disabled: propOr(false, 'submitting', meta)\n  }));\n};\n\nvar enhance$1 = pureEnhance('ReduxFormSearchInput');\nvar ReduxFormSearchInput$1 = enhance$1(ReduxFormSearchInput);\n\nexport default SearchInput;\nexport { ReduxFormSearchInput$1 as ReduxFormSearchInput };\n","import React, { CSSProperties } from 'react';\nimport { Theme, gu2px } from '@ux/theme-utils';\nimport { ReduxFormSearchInput } from '@ux/search-input';\nimport DebouncedField from 'redux-form-debounce-field';\nimport { InjectedFormProps } from 'redux-form';\nimport pureEnhance from '@ux/pure-enhance';\nimport { useStyles } from '@team-griffin/stylr';\nimport { withProps } from '@team-griffin/rehook';\n\nexport interface Styles {\n  search: CSSProperties,\n}\n\nexport interface OuterProps {\n  search: {\n    tld: string,\n    glyph: string,\n    label: string,\n    placeholder?: string,\n    destination?: string,\n  },\n  form: InjectedFormProps,\n  theme: Theme,\n}\nexport interface InnerProps extends OuterProps {\n  styles: Styles,\n}\n\nconst stylesheet = (props: InnerProps) => {\n  const {\n    theme,\n  } = props;\n\n  const {\n    spacing,\n  } = theme;\n\n  return useStyles({\n    default: {\n      search: {\n        marginTop: gu2px(3, spacing),\n      },\n    },\n  }, []);\n};\n\nconst DomainSearchForm = ({\n  search,\n  form,\n  theme,\n  styles,\n}: InnerProps) => {\n  const {\n    tld,\n    glyph,\n    label,\n    placeholder,\n  } = search;\n  return (\n    <div style={styles.search}>\n      <form\n        method=\"POST\"\n        onSubmit={form.handleSubmit}\n        data-selector=\"domain-search-form\"\n      >\n        <DebouncedField\n          name=\"domain\"\n          suffix={tld}\n          inputProps={{\n            placeholder,\n          }}\n          button={{\n            text: label,\n            glyph: glyph,\n          }}\n          theme={theme}\n          //@ts-ignore\n          component={ReduxFormSearchInput}\n        />\n      </form>\n    </div>\n  );\n};\n\nconst enhance = pureEnhance('SearchForm', {\n  hooks: [\n    withProps(stylesheet),\n  ],\n});\n\nexport default enhance(DomainSearchForm);\n"],"sourceRoot":""}