Integrate ORIGOOO widgets into my existing website. Read https://orig.ooo/widget-cdn and https://orig.ooo/docs/widgets first.
Load https://orig.ooo/cdn/widgets/1.4.6/widgets.js once as a type="module" script. Add origooo-country-picker and origooo-phone-picker inside my form with names, labels and required states. Use the invisible origooo-language-preselector and origooo-country-blocker for decisions; read https://orig.ooo/docs/language-preselection and https://orig.ooo/docs/country-rules. Use FormData for submission. Preserve my design and customize CSS variables or ::part selectors.
For country and calling-code IP detection, use auto-detect, endpoint="https://orig.ooo/v1/ip/me", and the placeholder YOUR_ORIGIN_BOUND_PUBLISHABLE_KEY. Tell me to create a lookup-scoped publishable key for my exact scheme://host[:port]. Do not reuse the orig.ooo demonstration key on another website. Never request or expose a secret key.
Keep manual selections when detection finishes. Leave a manual fallback for 403, 429, no-match and unavailable data. Use the country-ranked language suggestion only when no saved visitor preference exists. Wire onResolve callbacks, events or result/data attributes into my own HTML and functions. Country rules should show/hide my own content and explicitly handle unknown countries. Explain that auto-detect components sharing a key and endpoint reuse one metered country request per page load.
Return the actual file changes and verify search, keyboard selection, submitted values, styling and failure handling.